鍍金池/ 教程/ iOS/ iOS 應(yīng)用解析
內(nèi)容視圖
控件
iCloud
導(dǎo)航
網(wǎng)頁(yè)剪藏圖標(biāo)
動(dòng)畫
鍵盤和輸入頁(yè)面
設(shè)計(jì)策略
臨時(shí)視圖
撤銷與重做
交互與反饋
與 iOS 一體化
從概念到產(chǎn)品
品牌推廣
電子錢包
社交媒體
游戲中心
創(chuàng)建尺寸可調(diào)的圖片
案例學(xué)習(xí):從桌面到 iOS
多任務(wù)處理
蘋果支付
色彩和排版
報(bào)刊雜志圖標(biāo)
iOS 應(yīng)用解析
啟動(dòng)和終止
聲音
快速查看
適應(yīng)性和布局
編輯菜單
健康組件
語(yǔ)音輔助
iAd 富媒體廣告
為 iOS 而設(shè)計(jì)
標(biāo)志與圖形
應(yīng)用圖標(biāo)
模態(tài)情景
圖標(biāo)與圖片尺寸
路線選擇
在應(yīng)用中購(gòu)買
應(yīng)用拓展
啟動(dòng)畫面
術(shù)語(yǔ)和措辭
通知
欄按鈕圖標(biāo)
訪問(wèn)用戶數(shù)據(jù)
云打印

iOS 應(yīng)用解析

幾乎所有的 iOS 應(yīng)用程序都使用了 UIKit 框架中定義的 UI 組件。了解這些基本組件的名字,角色和功能可以幫助你在設(shè)計(jì)應(yīng)用程序的 UI 時(shí)做出更好的決定。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/uikit_ui_elements_2x.png" alt="" />

UIKit 提供的 UI 組件大致分成以下 4 大類:

  • 欄:包含了導(dǎo)航信息,告訴用戶他們所在的位置并包含了一些能幫助用戶瀏覽或啟動(dòng)某些操作的控制按鈕。
  • 內(nèi)容視圖:包含了應(yīng)用的主體內(nèi)容以及某些操作行為,比如滾動(dòng)、插入、刪除、排序等等。
  • 控制按鈕:控制執(zhí)行操作或顯示信息。
  • 臨時(shí)視圖:短時(shí)間出現(xiàn),給用戶重要信息或額外的選擇和其他功能。

除了定義 UI 組件,UIKit 也定義對(duì)象實(shí)現(xiàn)的功能,例如手勢(shì)識(shí)別、繪圖、輔助功能和打印支持。

從編程的角度來(lái)說(shuō),UI 組件被認(rèn)為是不同類別的視圖,因?yàn)樗麄儚?UIView 得到繼承。視圖能繪制屏幕內(nèi)容并且知道用戶何時(shí)觸摸了屏幕。視圖的所有類型有:控件(比如按鈕和滑塊),內(nèi)容視圖(比如集合視圖和表格視圖),以及臨時(shí)視圖(如警告提示和動(dòng)作菜單)。

要在應(yīng)用中管理一組或者一系列的視圖,通常需要使用一個(gè)視圖控制器,它能協(xié)調(diào)視圖的顯示內(nèi)容,實(shí)現(xiàn)與用戶交互的功能并能在不同屏幕內(nèi)容之間切換。比如,“設(shè)置”使用了一個(gè)導(dǎo)航控制器來(lái)展示其視圖層級(jí)。

下面是一個(gè)例子,關(guān)于視圖與視圖控制器如何結(jié)合并呈現(xiàn) iOS 應(yīng)用的 UI。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/windowlayers_world_clock_2x.png" alt="" />

雖然開發(fā)者認(rèn)為真正起到作用的是視圖和視圖控制器,但一般用戶感知到的 iOS 應(yīng)用是不同屏幕內(nèi)容的集合。從這個(gè)角度來(lái)看,在應(yīng)用里,屏幕內(nèi)容一般對(duì)應(yīng)于一個(gè)獨(dú)特的視覺狀態(tài)或者模式。

注意
一個(gè) iOS 應(yīng)用程序包含一個(gè)窗口。但是,不同于計(jì)算機(jī)程序中的窗口,iOS 窗口沒有可見的部分并且不能在屏幕上被移動(dòng)到另一個(gè)位置。很多 iOS 應(yīng)用程序只有一個(gè)窗口;可以支持外部顯示設(shè)備器的應(yīng)用程序可以有不止一個(gè)窗口。

在 iOS Human Interface Guidelines 中,screen 這個(gè)詞和大部分用戶理解的一樣。作為一個(gè)開發(fā)者,你也許需要讀一下其他與 UIscreen 相關(guān)的章節(jié),這樣你可以更好的了解如何關(guān)聯(lián)外部屏幕。