目標

    回顧 IOS 開發基本概念

    了解 IOS UIKit 框架中常用組件-UIWindow、UIView

    常用屏幕元素、常見視圖

    從 0 開始創建一個工程

    掌握 UIImageView、UIImage 的使用

   

1、回顧 IOS 開發基本概念

  iOS:iPhone OS

   Cocoa :Mac OS 中開發的框架統稱

   CocoaTouch: iOS 中開發框架的統稱，是按照 iPhone 手機的硬件特性，從 Cocoa 框架中擴展的一個框架。

  CocoaTouch 分為四個層次：

   層次                 包含的框架

Cocoa Touch
 Multi-Touch、Alerts、Core Motion、Web View、View Hierarchy、Map Kit、Localization、Image Picker、Controls、Camera、
 
Media
 Core Audio、JPEG_PNG_TIFF、OnenAL、PDF、Audio Minxing、Quartz(2D)、Audio Recording、Core Animation、Video Playback、OpenGL ES、
 
Core Services
 Collections、Core Location、Address Book、Net Services、Networking、Threading、File Access、Preferences、SQLite、URL Utilities
 
Core OS
 OSX Kernel、Power Management、Mach、keychainAccess、BSD、Certificates、Sockets、File System、Security、Bonjour
 

    MVC ： 開發軟件項目常用的設計框架，IOS 的所有應用都遵循 MVC,定義軟件中一部分文件處理用戶界面，叫 View 層；一部分文件處理用戶的數據，叫 Model 層；一部分文件負責處理View 與 Model 層的交互，叫 Control 層。

   [我們現在先學習 View  Control 層的知識，然後學習Model 層的知識]

    IOS 中使用 MVC 的要點：

     (1)View 與 Model 禁止交互；

     (2)View 能夠與 Control 交互，用戶可以從 View  往 Control 發送請求，叫 Action ；一般用帶事件功能的組件(Button)來發請求。

     (3)Control 可以把處理的結果，傳輸給 View 顯示，叫 Outlet；一般用帶顯示功能的組件來做輸出口。

      (4)所有的 View 層，組件 設置好後，要與 Control 層的 IBAction、IBOutlet 代碼進行鏈接;

      (5)一般使用 View 層中 *.xib  文件中的 File’s Owner 來檢查第 4 步的鏈接是否正確；

    (6)鏈接完畢，就可以通過在 ViewControl 類中的代碼，控制界面上的響應內容了。     

 

2、了解 IOS UIKit 框架中常用組件

詳細參考 IOS 課本第四章，對常用組件的簡介。

 

最基本的組件：

UIScreen(屏幕),UIWindow(窗口)，UIView(視圖)是IOS的幾個基本界面元素。其中UIWindow(窗口)和UIView(視圖)是為iPhone應用程序構造用戶界面的可視組件。UIWindow為內容顯示提供背景平台，UIView負責絕大部分的內容描畫，並負責響應用戶的交互。

 

UIScreen: 剛蓋好的房子，牆上留下的洞；

UIWindow: 在這個洞上面，安裝一個鋁合金的外框 ，不裝玻璃

UIView   : 在框子上面安裝玻璃、紗窗(UIXXXView)、貼紙、窗花(UIImageView)

 

UIWindow

一個應用程序只有一個窗口，為UIWindow的實例

初始邊框為整個屏幕的大小

支持窗口層疊放置

UIView

一個窗口，多個視圖

視圖負責屏幕的一塊顯示區域

視圖可以嵌套

一個視圖可以有多個子視圖

響應用戶觸摸事件

容器

為視圖內容提供額外的視覺分隔

控件

用於處理和用戶的交互  通過 xib 文件與 Controller 類連接的時候，通過 IBAction 連接

 

UIButton

UISwitch

顯示視圖

用於簡單的信息顯示,通過xib 文件與 Controller 類連接的時候，通過 IBOutlet 連接

 

UILabel

UIImageView

警告視圖和動作表單

取得用戶的注意

UIAlertView

UIActionSheet

 

 

 

3、常用屏幕元素、常見視圖

常用屏幕元素：

狀態欄

屏幕最頂部，20像素高

顯示設備的時間、連接、電池狀態、運營商

導航欄

44像素高

標簽欄

48像素高

至少44*44的單擊區域

工具欄

44像素高

鍵盤

橫向顯示時：320*216像素

縱向顯示時：480*162像素

鍵盤彈出調整試圖大小，使用滾動視圖

 

常見視圖組件：

表格視圖   UITableView

圖像視圖   UIImageView

滾動視圖   UIScrollView

文本視圖   UITextView

 

 

4、從 0 開始創建一個工程

(1)創建一個空的  IOS APP

(2)裡面只有 delegate，自動根據屏幕創建一個 Window，叫根視圖

(3)我們希望自己創建根視圖，新建 user interface->Window 叫 MainWindow.xib

(4)在Interface Builder 打開 MainWindow.xib，設置這個文件是一個程序啟動時需要的UIApplication 。點擊 File’s ownerà第3個屬性面板(身份檢查器)，設置當前選中的對象，對應程序中哪個類。

輸入 UIApplication

(5)在  IB 中，添加一個 delegate 對象圖標，點擊圖標->第3個屬性面板，設置圖標對應的類名是  XYZAppDelegate

[到這一步，main() 中啟動需要的兩個對象有創建好了，接下來要連接]

 

(6)打開 MainWindow.xib文件的 File’s Owner ->第6 個面板(連接檢查器)

連接 delegate輸出口  與  delegate 對象圖標

(7)第四個參數是應用程序代理類UIApplicationDelegate類的名字，如果為nil,系統會從Main nib[主要nib文件在info.plist文件中指定:Main nib file base name字段對應的value]文件尋找Application對象並連接它的delegate。