[譯]《Motion Design for iOS》(十五)

從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的截屏和界面中一些視圖的分解。


image

  1. 運(yùn)營商圖像視圖(蘋果控制)
  2. wifi信號(hào)強(qiáng)度視圖(蘋果控制)
  3. 當(dāng)前時(shí)間視圖(蘋果控制)
  4. 電池等級(jí)視圖(蘋果控制)
  5. “漢堡包”菜單按鈕
  6. 標(biāo)題欄中的標(biāo)題標(biāo)簽
  7. 改變子板的按鈕
  8. 一個(gè)UITableViewCell視圖,用來包含UITableView中一行的元素
  9. UILabel中的帖子標(biāo)題
  10. 評(píng)論數(shù)量UIButton,由一個(gè)評(píng)論氣泡圖和評(píng)論的數(shù)量組成
  11. 顯示帖子URL的UILable
  12. 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


查看作者首頁

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,217評(píng)論 4 61
  • Swift版本點(diǎn)擊這里歡迎加入QQ群交流: 594119878最新更新日期:18-09-17 About A cu...
    ylgwhyh閱讀 26,028評(píng)論 7 249
  • 午醒了, 我站在馬路邊上揉著眼睛。 一輛汽車從我身邊駛過, 我突然以為車窗里面是你。 只追了片刻, 便連目光都追不...
    花小名閱讀 140評(píng)論 1 1
  • 三個(gè)月后,我們又來到了總行的11樓參加培訓(xùn)。 這次培訓(xùn),有兩天的課程,是安排演講。以前我看過一個(gè)電影《...
    旅行茄子閱讀 398評(píng)論 0 0
  • 2017.9.23 晴 購物、飯店、捐衣、散步 這個(gè)周六算是有行動(dòng)的一天。 教育滲透在一絲一毫的生活交流中。笑容...
    奢米豆閱讀 460評(píng)論 3 2

友情鏈接更多精彩內(nèi)容