CS193筆記 第十四講 動(dòng)態(tài)動(dòng)畫演示

<h4>同一圖像的不同分辨率的資源</h4><p>因?yàn)槿缃駃OS設(shè)備眾多擒悬,不同的設(shè)備具有不同的分辨率枉层。為同一圖像提供多個(gè)分辨率的版本可以使應(yīng)用載入最適配的資源闻察。</p>

下面我們通過一個(gè)實(shí)驗(yàn)來理解各種分辨率的使用和異同纬纪。
我PS了一個(gè)120x150的png圖像文件揍移,以其為藍(lán)本生成了8個(gè)文件如下览濒。
lion1.png lion2@2x.png lion3@3x.png
lion12.png lion12@2x.png
lion123.png lion123@2x.png lion123@3x.png
所有文件的分辨率都相同呆盖,@2x版本和@3x版本的圖像上分別有數(shù)字2或3

新建一個(gè)project, 將上述8個(gè)文件拖入Asssets.xcassets 得到結(jié)果如下


overview

文件名中的數(shù)字表明該文件有對(duì)應(yīng)分辨率的版本

打開Main.storyboard。創(chuàng)建5個(gè)image view贷笛,大小設(shè)為120x150应又,content mode 設(shè)為 top。
分別選擇view as iPhone7 和 view as iPhone7 Plus 得到如下圖中的結(jié)果乏苦。

iPhone7
iPhone7p

屏幕的方向不影響結(jié)果株扛。除iPhone 7Plus外,其余情況下(包括pad)顯示結(jié)果相同汇荐。當(dāng)然這里也不包含非retina屏的情況了洞就。
<h4>總結(jié):</h4><p>非plus的情況下,首選@2x分辨率掀淘,沒有@2x 則選正常分辨率但不會(huì)使用@3x版本旬蟋。
plus的情況下,首選@3x分辨率革娄,沒有選@2x,還沒有則選正常分辨率

所以@2x版本的資源是必須要提供的倾贰。提供@3x資源可以更好地適配iPone plus. 正常分辨率的可以忽略了。</p>

<h4>一個(gè)典型的應(yīng)用 lazy 初始化的情況 </h4><pre>
private var asteroidField: AsteroidFieldView!
private lazy var animator: UIDynamicAnimator = UIDynamicAnimator(referenceView: self.asteroidField)
</pre>

<p><code>animator</code> 初始化時(shí)引用了另一個(gè)成員<code>asteroidField</code>拦惋,需要使用lazy 并顯示指明類型<code>UIDynamicAnimator</code> 而且還要明確<code>asteroidField</code>是類成員還是實(shí)例成員(用<code>self.</code>限定)</p>

<h4>本講的演示略匆浙。</h4>

這個(gè)演示是一個(gè)游戲場(chǎng)景。但同樣的事情更適合用spritKit實(shí)現(xiàn)厕妖。這種動(dòng)態(tài)動(dòng)畫更適合的場(chǎng)景應(yīng)該是那種炫酷的場(chǎng)景(view)間的切換首尼。 有機(jī)會(huì)要試試。再補(bǔ)充本節(jié)的內(nèi)容。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末软能,一起剝皮案震驚了整個(gè)濱河市挠羔,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌埋嵌,老刑警劉巖破加,帶你破解...
    沈念sama閱讀 219,539評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異雹嗦,居然都是意外死亡范舀,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,594評(píng)論 3 396
  • 文/潘曉璐 我一進(jìn)店門了罪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來锭环,“玉大人,你說我怎么就攤上這事泊藕「ū纾” “怎么了?”我有些...
    開封第一講書人閱讀 165,871評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵娃圆,是天一觀的道長(zhǎng)玫锋。 經(jīng)常有香客問我,道長(zhǎng)讼呢,這世上最難降的妖魔是什么撩鹿? 我笑而不...
    開封第一講書人閱讀 58,963評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮悦屏,結(jié)果婚禮上节沦,老公的妹妹穿的比我還像新娘。我一直安慰自己础爬,他們只是感情好甫贯,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,984評(píng)論 6 393
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著看蚜,像睡著了一般叫搁。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上失乾,一...
    開封第一講書人閱讀 51,763評(píng)論 1 307
  • 那天常熙,我揣著相機(jī)與錄音,去河邊找鬼碱茁。 笑死裸卫,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的纽竣。 我是一名探鬼主播墓贿,決...
    沈念sama閱讀 40,468評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼茧泪,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了聋袋?” 一聲冷哼從身側(cè)響起队伟,我...
    開封第一講書人閱讀 39,357評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎幽勒,沒想到半個(gè)月后嗜侮,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,850評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡啥容,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,002評(píng)論 3 338
  • 正文 我和宋清朗相戀三年锈颗,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片咪惠。...
    茶點(diǎn)故事閱讀 40,144評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡击吱,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出遥昧,到底是詐尸還是另有隱情覆醇,我是刑警寧澤,帶...
    沈念sama閱讀 35,823評(píng)論 5 346
  • 正文 年R本政府宣布炭臭,位于F島的核電站永脓,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏徽缚。R本人自食惡果不足惜憨奸,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,483評(píng)論 3 331
  • 文/蒙蒙 一革屠、第九天 我趴在偏房一處隱蔽的房頂上張望凿试。 院中可真熱鬧,春花似錦似芝、人聲如沸那婉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,026評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽详炬。三九已至,卻和暖如春寞奸,著一層夾襖步出監(jiān)牢的瞬間呛谜,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,150評(píng)論 1 272
  • 我被黑心中介騙來泰國打工枪萄, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留隐岛,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,415評(píng)論 3 373
  • 正文 我出身青樓瓷翻,卻偏偏與公主長(zhǎng)得像聚凹,于是被迫代替她去往敵國和親割坠。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,092評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容