Objective-C 入門指南 - Interface Builder

我們在 demo2 專案裡可以找到一個 MainMenu.xib 檔案




舊版本的 Xcode 是 .nib 檔案,這跟 .xib 是相同的。


快速的點擊 兩次,就可以開啟包含預設選單 Interface Builder 了。 Interface Builder 分成很五個視窗,其中 MainMenu 為編輯選單列的視窗, Window 為編輯 GUI 的視窗, Window Attributes 為編輯 Window 相關屬性的視窗, Library 為提供各種元件的視窗,最後, MainMenu.xib 則是資訊視窗



我們先來看看 MainMenu 視窗,在任意選項快速的點兩下,該選項文字反白後就可以編輯



如果要刪除該選項,就利用 Edit 選單中的 Delete



這裡,我們將 demo2 的選單列修改如下,只留下 About 跟 Quit 兩個預設指令



接著我們看到 Window 視窗,用滑鼠游標點擊 Window 視窗的標題列,對照屬性 Window Attributes 視窗,其中 Title 欄位亦為 Window



把 Title 欄位改成 demo2 ,原本 Window 視窗的標題列就換成 demo2



再來看到非標題列的部份,點擊視窗非標題列的區域,屬性視窗就變成 View Attributes ,注意這跟標題列是不一樣的



demo2 視窗也可以自由的調整大小,利用滑鼠拉曳視窗右下方即可



下面我們開始加入視窗元件,移到 Library 視窗,任何元件都可以直接用滑鼠拖放



我們拖一個 Button 按鈕到 demo2 視窗



釋放滑鼠按鈕後, Button 就裝在 demo2 視窗上了



滿容易的,是不是呢?接下來我們要繼續加入其他元件,並且適當調整視窗元件的編排囉!


您可以繼續參考
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

沒有留言: