Delphi 簡易使用者介面設計實戰：Shape 圖形、三按鈕控制、ColorDialog 顏色選擇

從空白表單到可互動介面：第一個完整 Delphi 專案建構流程

專案目標

建立一個視窗：含一個圖形框、三個按鈕控制形狀（矩形/圓角矩形/橢圓）、一個圖示按鈕透過顏色對話框設定填滿顏色。

1.2.3 設計簡單使用者介面

1.2.3.1 步驟 1：新建專案與元件放置

1. File → New Application 產生新專案，出現空白 Form1
2. Additional 頁 → Shape：放置表單左側（圖形容器）
3. Standard 頁 → Button：Shift+點擊鎖定 → 表單右側放置三個 Button
4. Additional 頁 → BitBtn：放置三按鈕下方（顏色選擇按鈕）
5. Dialogs 頁 → ColorDialog：放置表單任意處（非視覺元件）

1.2.3.2 步驟 2：元件調整與對齊

• 移動、縮放元件至適當位置大小
• 利用網格線輔助對齊
• 四個按鈕群組化：框選 → Edit → Align → 左緣對齊 + 垂直等距分佈
• 調整 Shape 大小與按鈕群組匹配，縮放表單剛好容納所有元件

此階段完成視覺化介面骨架，下一階段將透過 Object Inspector 設定屬性賦予元件語意，再撰寫事件程式碼注入互動靈魂。