1.2.3 設計簡單的用戶界面
首先從空白窗體開始工作。我們將設計一個簡單的程序:在屏幕上開一個窗口，窗口中有一個圖框，用三個按鈕來改變圖框的形狀；再用一個圖標按鈕來進行圖框的顏色設置，通過顏色編輯對話框來選擇變成哪一種顏色。
在菜單上選用File|New Application菜單項來生成新的工程文件。這時，屏幕上出現圖1.2所示的窗體。
1.2.3.1 選取部件加入到窗體中
部件(Component)是建立Delphi應用程序的要素。Delphi為用戶提供了豐富的部件庫，既有可視的部件(如編輯框、按鈕)等，也有不可視的部件(如系統定時器、數據表等)。它們按照功能分別排列在Component Panel的各頁上。
移動鼠標到Component Panel上，在部件按鈕上“猶豫”一、兩秒鐘，一個黃色小提示框就會彈出，寫有該部件的名稱，我們稱之為提示(Hint)。在要選擇的部件上單擊左鍵，則該部件按鈕被按下，表示部件已被當前選擇。然後，將鼠標移動到窗體上，按下左鍵，該部件被放到窗體中。部件的輪廓線上會顯現八個被稱為尺寸調整器(Sizing Handles)的黑色小方塊。它除了供用戶調整尺寸使用之外，還可以表示該對象處於當前編輯狀態。此時，按“Delete”鍵可以將該部件刪除。
在Component Panel上，點動寫有“Additional”的頁標簽，切換到Additional頁，再移動鼠標，逐個用觀看Hint的辦法查看部件的名稱，找到“Shape”部件(其圖標為圓、方形、三角形三個幾何體)，將其放到窗體的左方。
再按動“Standard”頁標簽，找到“Button”部件(圖標上畫有OK按鈕)。Delphi允許在添加多個同類型的部件時，不必每次到部件選項板上選取。按住“Shift”鍵，同時在“Button”部件上單擊鼠標左鍵，這時“Button”部件處於按下狀態，並有藍色邊框，表示已經被選擇固定。依次在窗體右方的三個位置單擊左鍵，則會放置三個相同的Button部件。把鼠標光標移到部件選項板左側的箭頭圖標處，這是“取消選擇”按鈕，它沒有提示。按動它，會發現“Button”部件按鈕恢復彈起狀態。否則，每次“Form1”上的鼠標單擊左鍵動作，都會導致增加一個按鈕部件。
再次進入“Additional”部件頁，選擇一個“BitBtn”按鈕(圖標是有綠色對號的OK按鈕),把它放到其它三個按鈕部件的下面。
點動“Dialog”頁標簽，選擇以16色網格做圖標的ColorDialog部件並把它放到窗體的任意位置。因為這一部件是不可視部件，所以它的位置並不影響大局。
1.2.3.2 部件的調整與對齊
一般來講，此時放置到窗體的部件是分散排列的，而且其大小不是真正需要的尺寸。除了不可視的ColorDialog部件外，其它的部件都需要進行位置、大小和顯示字樣的調整。Delphi
