從UIKit和CoreAnimation開始
通常情況下,iOS app中屏幕上的物體都是UIView對(duì)象。它們是矩形的并且有坐標(biāo)和大小來定義它們?cè)谄聊簧系奈恢煤统叽纭?code>UIView是用來構(gòu)建你的界面的UIKit Framework中基本的界面對(duì)象。每個(gè)視圖都可能伴隨著文本、形狀或圖片繪制。比如說,iOS app中的狀態(tài)欄是一個(gè)長且瘦的視圖,處于屏幕的頂端,并且狀態(tài)欄目中的每個(gè)物體(時(shí)間、電池指示器、信號(hào)強(qiáng)度指示器等等)都是狀態(tài)欄視圖中的其它視圖。
這些是為某些功能或特性特定的特殊的UIView對(duì)象。包括作為界面按鈕的UIButton、用來顯示圖片的UIImageView、顯示文本的UILabel和顯示列表的UITableView。你也可以通過繪制任何你想要的東西來完全自定義UIView。
這是我的app Interesting for iPhone的截屏和界面中一些視圖的分解。
- 運(yùn)營商圖像視圖(蘋果控制)
- wifi信號(hào)強(qiáng)度視圖(蘋果控制)
- 當(dāng)前時(shí)間視圖(蘋果控制)
- 電池等級(jí)視圖(蘋果控制)
- “漢堡包”菜單按鈕
- 標(biāo)題欄中的標(biāo)題標(biāo)簽
- 改變子板的按鈕
- 一個(gè)
UITableViewCell視圖,用來包含UITableView中一行的元素 -
UILabel中的帖子標(biāo)題 - 評(píng)論數(shù)量
UIButton,由一個(gè)評(píng)論氣泡圖和評(píng)論的數(shù)量組成 - 顯示帖子URL的
UILable -
UILabel中顯示帖子的點(diǎn)值和子板
如果你不熟悉iOS用戶界面開發(fā),看看一些你喜歡的app,看能不能找出界面中所有的視圖,以此作為分解你自己設(shè)計(jì)的練習(xí),這樣你就可以學(xué)習(xí)在代碼中構(gòu)建它們。
UIView對(duì)象有很多的職責(zé),其中之一就是事件處理,即響應(yīng)觸摸事件。如果你想的話你界面中的所有視圖都可以響應(yīng)觸摸事件,或者你可以指定只有特定的視圖會(huì)在用戶觸摸它們時(shí)響應(yīng)。
一個(gè)UIView本質(zhì)上是一個(gè)包含內(nèi)部圖形的矩形。在屏幕上布局,靠近或在其他視圖的頂部,還可能會(huì)有高級(jí)的透明效果來整合到一起或者快速繪制。像你想象的一樣,讓大量的視圖在屏幕上移動(dòng)確實(shí)是一個(gè)挑戰(zhàn),尤其是在一個(gè)小的,低功率的設(shè)備上。
這就是為什么蘋果公司開發(fā)了Core Animation。
查看完整合集:https://github.com/Cloudox/Motion-Design-for-iOS