C++ 入門指南 V2.00 - A.2 利用 Qt Designer 設計 GUI




首先開啟 encryptwindow.ui ,專案中副檔名為 .ui 的檔案



這樣就會跳到〔設計〕頁面,從左至右分成三欄,左邊的為小工具區,中間則是編輯視窗區,右邊的則是類別及資料成員區



先看到中間的視窗編輯區,游標移到視窗最上方點擊滑鼠右鍵出現快顯選單



最上方是「選單列」,所以快顯選單有「移除選單列」的選項,下面為「工具列」



這裡點擊「移除工具列」,然後也移除最下方的「狀態列」,就只有保留「選單列」



由邊緣六個藍色正方形可以拖曳視窗大小,我們把視窗拖曳成長方形



接著從左邊的小工具區拖曳小工具到視窗上,首先用滑鼠持續按住 Label ,移動游標到編輯視窗到左上方,然後放開滑鼠左鍵



這樣小工具就放到編輯視窗上了,預設的文字為 TextLabel



快速的對 TextLabel 點兩下,就可以直接修改 Label 的文字



我們把 TextLabel 改成 Input: ,然後往右下方的資料成員區找到 alignment 的水平,將原本預設的「置左對齊」改成「置右對齊」



結果如下圖



再拉兩個 Label 、兩個 Line Edit 、七個 Push Button 到編輯視窗,位置、文字等調整如下,然後看到右邊的類別區



EncryptWindow 資料成員的預設名稱本來是小工具名稱及數字,這裡我們把數字改成相對應的文字,例如 Input: 原本是 label ,改成 label_input ,修改完成如下圖



the end

沒有留言: