1.2.3 設(shè)計簡單的用戶界面
首先從空白窗體開始工作。我們將設(shè)計一個簡單的程序:在屏幕上開一個窗口，窗口中有一個圖框，用三個按鈕來改變圖框的形狀；再用一個圖標(biāo)按鈕來進(jìn)行圖框的顏色設(shè)置，通過顏色編輯對話框來選擇變成哪一種顏色。
在菜單上選用File|New Application菜單項(xiàng)來生成新的工程文件。這時，屏幕上出現(xiàn)圖1.2所示的窗體。
1.2.3.1 選取部件加入到窗體中
部件(Component)是建立Delphi應(yīng)用程序的要素。Delphi為用戶提供了豐富的部件庫，既有可視的部件(如編輯框、按鈕)等，也有不可視的部件(如系統(tǒng)定時器、數(shù)據(jù)表等)。它們按照功能分別排列在Component Panel的各頁上。
移動鼠標(biāo)到Component Panel上，在部件按鈕上“猶豫”一、兩秒鐘，一個黃色小提示框就會彈出，寫有該部件的名稱，我們稱之為提示(Hint)。在要選擇的部件上單擊左鍵，則該部件按鈕被按下，表示部件已被當(dāng)前選擇。然后，將鼠標(biāo)移動到窗體上，按下左鍵，該部件被放到窗體中。部件的輪廓線上會顯現(xiàn)八個被稱為尺寸調(diào)整器(Sizing Handles)的黑色小方塊。它除了供用戶調(diào)整尺寸使用之外，還可以表示該對象處于當(dāng)前編輯狀態(tài)。此時，按“Delete”鍵可以將該部件刪除。
在Component Panel上，點(diǎn)動寫有“Additional”的頁標(biāo)簽，切換到Additional頁，再移動鼠標(biāo)，逐個用觀看Hint的辦法查看部件的名稱，找到“Shape”部件(其圖標(biāo)為圓、方形、三角形三個幾何體)，將其放到窗體的左方。
再按動“Standard”頁標(biāo)簽，找到“Button”部件(圖標(biāo)上畫有OK按鈕)。Delphi允許在添加多個同類型的部件時，不必每次到部件選項(xiàng)板上選取。按住“Shift”鍵，同時在“Button”部件上單擊鼠標(biāo)左鍵，這時“Button”部件處于按下狀態(tài)，并有藍(lán)色邊框，表示已經(jīng)被選擇固定。依次在窗體右方的三個位置單擊左鍵，則會放置三個相同的Button部件。把鼠標(biāo)光標(biāo)移到部件選項(xiàng)板左側(cè)的箭頭圖標(biāo)處，這是“取消選擇”按鈕，它沒有提示。按動它，會發(fā)現(xiàn)“Button”部件按鈕恢復(fù)彈起狀態(tài)。否則，每次“Form1”上的鼠標(biāo)單擊左鍵動作，都會導(dǎo)致增加一個按鈕部件。
再次進(jìn)入“Additional”部件頁，選擇一個“BitBtn”按鈕(圖標(biāo)是有綠色對號的OK按鈕),把它放到其它三個按鈕部件的下面。
點(diǎn)動“Dialog”頁標(biāo)簽，選擇以16色網(wǎng)格做圖標(biāo)的ColorDialog部件并把它放到窗體的任意位置。因?yàn)檫@一部件是不可視部件，所以它的位置并不影響大局。
1.2.3.2 部件的調(diào)整與對齊
一般來講，此時放置到窗體的部件是分散排列的，而且其大小不是真正需要的尺寸。除了不可視的ColorDialog部件外，其它的部件都需要進(jìn)行位置、大小和顯示字樣的調(diào)整。Delphi提供的對齊工具和窗口柵格為這些調(diào)整提供了方便。
1、移動部件
只需把鼠標(biāo)落到想移動的部件上，按住左鍵并移動光標(biāo)，到合適的位置再釋放左鍵，整個部件即被移到新位置。
2、調(diào)整尺寸
先把鼠標(biāo)光標(biāo)移動到要改變尺寸的部件上，單擊左鍵，選中該部件，尺寸調(diào)整器會出現(xiàn)，把鼠標(biāo)移動到其中的一個小黑色方塊上，當(dāng)鼠標(biāo)變成拖動方向指示時，按下并拖動鼠標(biāo)左鍵，可以放大或縮小部件。上下左右的小方塊用來移動對應(yīng)的各邊，四個角的方塊可以移動相連的兩條邊。如果要精確地表述部件的尺寸，可以在Object Inspector上，改變Left(表示部件左邊緣到窗體左邊框的象素點(diǎn)數(shù))、Top(表示窗體上邊框到部件上邊緣的象素點(diǎn)數(shù))、 Width(部件本身的寬度)、Height(部件本身的高度)等屬性。關(guān)于改變部件的屬性，下文還將仔細(xì)講解。
3、使得一組部件對齊
用調(diào)整位置的方法可以對齊部件，但操作步驟復(fù)雜。Delphi提供的對齊工具可以使多個部件的對齊極為迅速方便。下面我們來使四個按鈕對齊。先將四個按鈕選為一組：按住并向右下方拖動鼠標(biāo)左鍵，在窗體上畫出圍繞四個按鈕的矩形，釋放左鍵后，被選中的按鈕周邊會出現(xiàn)暗灰色的邊框。選用Edit|Align命令，或使用彈出式菜單(在被固定的部件上單擊鼠標(biāo)右鍵激活)，可以顯示圖1.4所示的對話框。
要使按鈕沿左邊對齊并使它們在垂直方向上均勻分布，先在Alignment對話框的Horizontal欄內(nèi)選擇“Left sides”，在“Vertical”欄內(nèi)選擇“Space equally”，按動OK按鈕，Delphi就會自動將它們對齊。然后，您可以將它們四個作為一組來移動。在四個按鈕以外的窗體上按動鼠標(biāo)左鍵，就釋放了組中的部件，使它們成為分立的部件。
利用對齊模板來對齊部件也是很方便的。首先要將要對齊的部件選成一組，選擇View|Alignment Palette顯示對齊模板。按照所示的方式選擇即可達(dá)到對齊的目的
4、鎖定部件
如果部件已經(jīng)對齊，為防止不小心移動部件，可以將部件位置鎖定。選擇主菜單上的Edit|Lock Controls選項(xiàng)，使得部件不能進(jìn)行移動操作。解鎖只需再次選擇此項(xiàng)即可。
調(diào)整“Shape”部件的大小，使之與右邊的按鈕組相匹配。再改變窗體的大小，按住并拖動窗體右下方使之剛好包容窗體上的全部部件。這樣，您的用戶界面就會比較美觀。
1.2.3.3 保存所做的工作
及時地保存所做的工作至關(guān)重要。對設(shè)計者來講，有兩個文件需要保存：庫單元文件(以.PAS為后綴)和工程文件(以.DPR為后綴)。
從主菜單上選擇File|Save Project As...項(xiàng)，Delphi會顯示標(biāo)題為“Save Unit1 As”的文件保存對話框，Delphi 2.0 允許用戶更改存儲路徑，您可以在下拉式列表框中選擇。最好將您的文件保存在自己的目錄中。在編輯框中鍵入demoform.pas以保存庫單元文件；然后顯示標(biāo)題為“Save Project As”的另一個文件保存對話框，鍵入sample.dpr。Delphi保存這兩個文件并返回窗體窗口。不要把庫單元和工程存成一樣的文件名，Delphi要求兩者不同。
第一次保存后，以后可以隨時通過Speed Bar中的“Save All”和“Save file”來保存工程文件和庫單元文件。一般來講，當(dāng)確認(rèn)文件的改變后，要同時存儲這兩個文件?！?/font>
1.2.3.4 運(yùn)行工程
以上的操作使您有了一個自己的應(yīng)用程序界面。在速度條中按動“Run”按鈕(繪有綠色三角圖標(biāo))，您可以看到，所生成的界面與您設(shè)計的界面是完全一致的。
1.2.4 改變對象的屬性
上述的工程雖能夠運(yùn)行，但它對您的按動按鈕操作是沒有什么反應(yīng)的，而且，所有部件上還寫著我們不需要的字樣。雙擊窗口的關(guān)閉按鈕結(jié)束運(yùn)行，回到設(shè)計界面。下面，我們將仔細(xì)講述如何在Object Inspector中改變部件的各種屬性。
1.2.4.1 用Properties頁改變部件的屬性值
首先要改變各種部件的標(biāo)題。先給窗口命名為“Demo”。按動Object Inspector上端的Object Selector的題條或者其右端的下拉標(biāo)志，找到Form1項(xiàng)，并點(diǎn)動左鍵，窗體被選中。在Object Inspector的Properties頁中，找到Caption屬性并用左鍵選中，將其右端的Form1改為Demo,同時，您會發(fā)現(xiàn)窗體的標(biāo)題已經(jīng)相應(yīng)地做了改變。
用鼠標(biāo)點(diǎn)中窗體中的Shape部件，Object Inspector列出了它的屬性。選中Shape屬性，您會發(fā)現(xiàn)右端出現(xiàn)了下拉標(biāo)志。點(diǎn)動這一標(biāo)志，可以查看對象的Shape屬性可選值。它的形狀可以是矩形、圓形、圓角矩形、方形等幾種。這是我們設(shè)計后續(xù)功能的基礎(chǔ)。
選中Button1按鈕，此時Object Inspector已經(jīng)顯示出此按鈕的一應(yīng)屬性。將它的Caption屬性改為“&Rectangle”,“&”號使得Delphi特殊處理它后面的字符，在這里，按鈕中的R字母被做了下劃線處理，運(yùn)行時，可以用“Alt-R”熱鍵來按動這一按鈕。同樣，您可以將其它的兩個按鈕Button2和Button3的Caption屬性改成需要的形狀指示，譬如“&RoundRec”、“&Ellipse”?！?/font>
1.2.4.2 設(shè)置窗體的缺省按鈕
可以把某個按鈕作為窗口上的缺省按鈕，Delphi會為按鈕加上有黑色的邊緣。運(yùn)行時，回車即相當(dāng)于被按下。只需將此按鈕的Default屬性從False改成True，即將它設(shè)為窗體的缺省按鈕。點(diǎn)動Default屬性，在右端的值后面雙擊左鍵，或從下拉菜單中選取True，即可改變這一屬性。Delphi中有許多只有True、False兩個屬性的部件，雙擊左鍵可以在這兩個值之間切換。
