iOS 基礎第二章xcode

目標

    IOS 介面開發工具-InterfaceBuilder

    建立一個視圖

掌握 使用InterfaceBuilder 建立 按鈕、文字框、圖片

瞭解用代碼建立 按鈕的原理和代碼

 

1、IOS 介面開發工具-InterfaceBuilder

簡介

簡稱IB

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

早期用於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