目標

    IOS 界面開發工具-InterfaceBuilder

    創建一個視圖

掌握 使用InterfaceBuilder 創建 按鈕、文本框、圖片

了解用代碼創建 按鈕的原理和代碼

 

1、IOS 界面開發工具-InterfaceBuilder

簡介

簡稱IB

用來構建圖形界面(所見即所得)

早期用於OpenSTEP、NextSTEP

提供工具箱，包含常用界面元素

工具箱可擴展

Nib文件

界面配置文件

舊格式的.nib和新格式的.xib

蘋果文檔統一使用.nib

Nib文件構成

File`sOwner

Nib文件的擁有者

從磁盤加載nib文件

FirstResponder

當前正在與之交互的對象

隨著用戶與界面的交互而變化

Objects

顯示用戶界面

完成用戶交互

是UIView類或其子類

 

XCode 文件目錄結構

Classes

存放源代碼文件

可創建group組織代碼

Other Sources

*.pch文件

預編譯的頭文件

項目中用到的“來自於外部框架的”一組頭文件

用於提高效率

main.m文件

程序入口文件

Resources

應用程序的非代碼部分，包括：多媒體、文本等文件

HelloWorld-Info.plist

應用程序的屬性列表

MainWindow.xib

包含Interface Builder構建window所需要的信息

helloWorldViewController.xib

包含Interface Builder構建view所需要的信息

Frameworks

一種特殊的庫

會被鏈接到程序中

可以使用庫中的類

Products

包含項目編譯以後產生的文件

 

 

2、創建一個視圖

一般步驟

設計界面，從庫中添加需要的控件

在代碼中添加相應的IBOutlet變量和IBAction方法

連接控件到相應的變量

連接行為到相應的方法

 

IOS 中的 MVC。

View :  由  LLLViewController.xib 文件生成的界面。純界面

Controller : 由LLLViewController.h  .m  文件用代碼編寫的控制

純代碼

 

 

 

目前有一個控制器類  LLLViewController.h  LLViewController.m

有多個 視圖文件  LLViewController.xib  testView.xib xxx.xib

File’s Owner

(1)每個 xib 文件自帶一個File’Owner 占位

(2)點擊 xib 文件的File’Owner ，然後打開右側 上三面板(身份檢查器)

    可以在這裡 Custom Class 中指定由哪個 控制器類，控制這個 xib

(3)LLViewController.xib 文件，默認的File’s Owner 是 LLViewController.m

   也可以把它刪除，然後在textView.xib 或 xxx.xib 文件的 File’s Owner 中指定  class 為 LLLViewController.m

(4)一個工程中，一個 控制器，只能控制(擁有)一個 xib 文件。如果把三個 xib 文件的 File’s Owner 都指定為 一個控制器，就出錯。

(5)結論： iOS 中的 MVC ，是一個View 對應一個 Controller，通過 File’s Owner 關聯兩個文件

 

 

 

3、掌握 使用 InterfaceBuilder 創建按鈕、文本框、圖片

 

 

 

 

4、了解用代碼創建 按鈕的原理和代碼

 

 

 

作業:

功能需求：計算器項目

(1)使用 IB 完成項目界面(風格自定)

(2)用戶可以點擊數字按鈕，可以顯示所按數字

(3)實現計算器的計算功能

(4)能輸出計算結果

 

 

 
 Logo
 
 
 
 
 
 Menu1
 Menu2
 Menu3
 Menu4
 Menu5