? ? ? 在文章的開(kāi)頭說(shuō)下(吐槽)做事背景吧.在國(guó)內(nèi)的APP中大多數(shù)是以功能實(shí)現(xiàn)為主,并沒(méi)有更多華麗界面或者交互,而國(guó)外的APP卻恰恰相反. 所以如果,你是個(gè)想要進(jìn)步的騷年或者美女,抽空還是可以多仿寫(xiě)或者偷窺些國(guó)外APP的.(設(shè)計(jì)推升代碼)因?yàn)楫a(chǎn)品逼格的需要,需要在登錄界面,進(jìn)行動(dòng)態(tài)的背景展示,當(dāng)時(shí)拿到這個(gè)需求我內(nèi)心是有點(diǎn)崩潰的,跟射擊師交流是使用建議gif,這樣我這邊處理起來(lái)比較簡(jiǎn)單容易.但是設(shè)計(jì)那方面導(dǎo)出成gif丟幀太嚴(yán)重,效果不好(主要原因:圖片內(nèi)容色彩太豐富,有漸變色).所以硬著頭皮,選擇更好的方案.這里我會(huì)先給大家分享一個(gè)國(guó)外的用GIF的Demo,然后近期會(huì)把我自己搞的用視頻的輪子奉上,讓大家以后處理起來(lái)這種東西更隨心所欲.
? ? ? ?話(huà)不多說(shuō),直接上代碼.
好習(xí)慣,先上鏈接:iOS: Make an Awesome Video Background View (Objective-C & Swift)
使用GIF不是唯一的解決方案酿炸。這只是一個(gè)可能做的效果的方法蝠猬。我個(gè)人比較喜歡的視頻播放器,不過(guò),這GIF解決方案是一個(gè)選項(xiàng)。
如果你是Spotify的iOS應(yīng)用程序的用戶(hù)冀续,您可能會(huì)注意到钠署,在這個(gè)應(yīng)用程序的新版本朝蜘,他們用一個(gè)播放視頻的加載視圖背景。相比于靜態(tài)背景,這種動(dòng)態(tài)設(shè)計(jì)更清涼些臣咖。如果你還沒(méi)有機(jī)會(huì)看到這樣的設(shè)計(jì),這里是我的最終結(jié)果的快速預(yù)覽:
第一步,先準(zhǔn)備好GIF圖.
第二步,拖拽GIF到你的Xcode工程
接下來(lái)的我就不翻譯了,都是很簡(jiǎn)單的代碼和邏輯. 不明白的從作者的github把demo下載,打開(kāi)工程一看,應(yīng)該就會(huì)一下明白的.
最最主要這次是介紹我自己做的加載視頻的輪子,暫時(shí)還沒(méi)有做的達(dá)到我的預(yù)期,暫時(shí)不會(huì)上傳,這里先賣(mài)個(gè)關(guān)子.
先讓大家我用自己輪子給公司項(xiàng)目做的效果:
近期我會(huì)盡力把輪子分享出來(lái).