Objective-C 入門指南 - 視窗元件的編排

除了七個 Button 按鈕之外,我們還要加入三個 Label 文字標籤




以及兩個 Text Field 文字輸入框



一一放進去到預定的位置,就像這樣



跟選單列一樣,快速的點擊 Label 或 Button 兩次,就可以編輯標籤文字



任一元件都可以直接用滑鼠游標調整長度



然後我們把每一個 Label 跟 Button 都改成預定的標籤文字。調整元件位置或長度,會出現元件對齊的框線,調整起來就不怕不會對齊囉



Input:output: 兩個 Label 看起來沒有很對齊,我們稍作一下調整。先看到 Input: 的屬性視窗,找到 Alignment 的項目,這是 Label 文字標籤裡頭文字的對齊方式,預設是第一個,也就是向左對齊的圖示,這裡我們要改成倒數第二個,也就是向右對齊的選項



同樣的, output: 也要作相同的設定



這樣看起來就好多囉



當然,按鈕可以依標籤文字長度調整大小,這裡我們就不調整了。現在我們已經把 GUI 的外觀做出來了,接下來要開始把與使用者互動的功能設置好,先來增加 Controller 類別吧!



您可以繼續參考
GUI 篇


相關目錄
Objective-C 入門指南
Objective-C 教材
首頁



參考資料
Learning Objective-C: A Primer
The Objective-C Programming Language
Cocoa Fundamentals Guide
Coding Guidelines for Cocoa
Advanced Memory Management Programming Guide
Archives and Serializations Programming Guide

沒有留言: