1.2.3 設(shè)計(jì)簡(jiǎn)單的用戶界面　

　　 首先從空白窗體開(kāi)始工作。我們將設(shè)計(jì)一個(gè)簡(jiǎn)單的程序:在屏幕上開(kāi)一個(gè)窗口，窗口中有一個(gè)圖框，用三個(gè)按鈕來(lái)改變圖框的形狀；再用一個(gè)圖標(biāo)按鈕來(lái)進(jìn)行圖框的顏色設(shè)置，通過(guò)顏色編輯對(duì)話框來(lái)選擇變成哪一種顏色。

　　 在菜單上選用File|New Application菜單項(xiàng)來(lái)生成新的工程文件。這時(shí)，屏幕上出現(xiàn)圖1.2所示的窗體。　

　　1.2.3.1 選取部件加入到窗體中　

　　 部件(Component)是建立Delphi應(yīng)用程序的要素。Delphi為用戶提供了豐富的部件庫(kù)，既有可視的部件(如編輯框、按鈕)等，也有不可視的部件(如系統(tǒng)定時(shí)器、數(shù)據(jù)表等)。它們按照功能分別排列在Component Panel的各頁(yè)上。

　　 移動(dòng)鼠標(biāo)到Component Panel上，在部件按鈕上“猶豫”一、兩秒鐘，一個(gè)黃色小提示框就會(huì)彈出，寫(xiě)有該部件的名稱，我們稱之為提示(Hint)。在要選擇的部件上單擊左鍵，則該部件按鈕被按下，表示部件已被當(dāng)前選擇。然后，將鼠標(biāo)移動(dòng)到窗體上，按下左鍵，該部件被放到窗體中。部件的輪廓線上會(huì)顯現(xiàn)八個(gè)被稱為尺寸調(diào)整器(Sizing Handles)的黑色小方塊。它除了供用戶調(diào)整尺寸使用之外，還可以表示該對(duì)象處于當(dāng)前編輯狀態(tài)。此時(shí)，按“Delete”鍵可以將該部件刪除。

　　 在Component Panel上，點(diǎn)動(dòng)寫(xiě)有“Additional”的頁(yè)標(biāo)簽，切換到Additional頁(yè)，再移動(dòng)鼠標(biāo)，逐個(gè)用觀看Hint的辦法查看部件的名稱，找到“Shape”部件(其圖標(biāo)為圓、方形、三角形三個(gè)幾何體)，將其放到窗體的左方。

　　 再按動(dòng)“Standard”頁(yè)標(biāo)簽，找到“Button”部件(圖標(biāo)上畫(huà)有OK按鈕)。Delphi允許在添加多個(gè)同類型的部件時(shí)，不必每次到部件選項(xiàng)板上選取。按住“Shift”鍵，同時(shí)在“Button”部件上單擊鼠標(biāo)左鍵，這時(shí)“Button”部件處于按下?tīng)顟B(tài)，并有藍(lán)色邊框，表示已經(jīng)被選擇固定。依次在窗體右方的三個(gè)位置單擊左鍵，則會(huì)放置三個(gè)相同的Button部件。把鼠標(biāo)光標(biāo)移到部件選項(xiàng)板左側(cè)的箭頭圖標(biāo)處，這是“取消選擇”按鈕，它沒(méi)有提示。按動(dòng)它，會(huì)發(fā)現(xiàn)“Button”部件按鈕恢復(fù)彈起狀態(tài)。否則，每次“Form1”上的鼠標(biāo)單擊左鍵動(dòng)作，都會(huì)導(dǎo)致增加一個(gè)按鈕部件。

　　 再次進(jìn)入“Additional”部件頁(yè)，選擇一個(gè)“BitBtn”按鈕(圖標(biāo)是有綠色對(duì)號(hào)的OK按鈕),把它放到其它三個(gè)按鈕部件的下面。

　　 點(diǎn)動(dòng)“Dialog”頁(yè)標(biāo)簽，選擇以16色網(wǎng)格做圖標(biāo)的ColorDialog部件并把它放到窗體的任意位置。因?yàn)檫@一部件是不可視部件，所以它的位置并不影響大局。　

　　1.2.3.2 部件的調(diào)整與對(duì)齊　

　　 一般來(lái)講，此時(shí)放置到窗體的部件是分散排列的，而且其大小不是真正需要的尺寸。除了不可視的ColorDialog部件外，其它的部件都需要進(jìn)行位置、大小和顯示字樣的調(diào)整。Delphi提供的對(duì)齊工具和窗口柵格為這些調(diào)整提供了方便。

　　1、移動(dòng)部件

　　 只需把鼠標(biāo)落到想移動(dòng)的部件上，按住左鍵并移動(dòng)光標(biāo)，到合適的位置再釋放左鍵，整個(gè)部件即被移到新位置。

　　2、調(diào)整尺寸

　　 先把鼠標(biāo)光標(biāo)移動(dòng)到要改變尺寸的部件上，單擊左鍵，選中該部件，尺寸調(diào)整器會(huì)出現(xiàn)，把鼠標(biāo)移動(dòng)到其中的一個(gè)小黑色方塊上，當(dāng)鼠標(biāo)變成拖動(dòng)方向指示時(shí)，按下并拖動(dòng)鼠標(biāo)左鍵，可以放大或縮小部件。上下左右的小方塊用來(lái)移動(dòng)對(duì)應(yīng)的各邊，四個(gè)角的方塊可以移動(dòng)相連的兩條邊。如果要精確地表述部件的尺寸，可以在Object Inspector上，改變Left(表示部件左邊緣到窗體左邊框的象素點(diǎn)數(shù))、Top(表示窗體上邊框到部件上邊緣的象素點(diǎn)數(shù))、 Width(部件本身的寬度)、Height(部件本身的高度)等屬性。關(guān)于改變部件的屬性，下文還將仔細(xì)講解。

[1] [2]  下一頁(yè)