菜鳥學習iOS-0001 Assets.xcassets

從接觸iOS開始應該有一年左右了,但是現在還是水的嚴重,決定從頭作為菜鳥開始學習iOS.因為沒有套路,所以準備從項目入手,專題輔助的形式重新認識iOS.
不想總是去羨慕為什么人家的項目做的那么棒,為什么我總是愿意直接問別人答案的,現在開始踏實的搞好技術.

從項目入手,第一個項目是仿寫下廚房APP.選擇這個APP也是最近葉孤城在搞這個,我覺得好入手.我們先簡單的欣賞一下APP的各個頁面.


VDM@OSG}{26MWZOJ[U}G6]W.jpg
I~THAG23`ZIK~30E{IL0VDP.jpg
SUX)W5}}A%O2{PHHLP0EH$X.jpg

![$4OCDX0GHGNO3F]FE63BC2I.jpg](http://upload-images.jianshu.io/upload_images/294315-97ead4baf6b323c1.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

這篇文章主要是來講述文件資源的問題,當去下廚房的應用里面找圖片發現一個很奇怪的事情,資源文件少了許多。當我下載了另外一個BOSS直聘的時候我發現此APP圖片資源全在。我們先對比一下。

BOSS直聘.png

而下廚房也有小部分圖片資源基本都是開機畫面和app的圖標文件.

下廚房1.png

如果繼續往下找發現了一個很神奇的又熟悉的東西--Assets.car.

下廚房2.png

Assets.car是Xcode的圖片集(Images.xcassets)打包后生成的,蘋果公司不提供直接可以查看Assets.car,但是去谷歌了一下發現有一個小的軟件可以搞定

ThemeEngine可以查看Assets.car的工具,也可以導入到photoshop里面。下載地址:https://github.com/alexzielenski/ThemeEngine

當你使用ThemeEngine打開Assets.car文件的時候,你會看到如下的圖標,這些圖標就是打包起來的文件。

反解包得到的圖片資源.png

這樣你就可以導出圖片,但是得修改名字而已.接下來分析另外一個文件Contents.json。

當我新建一個項目的時候,我去找Finder里面怎么存儲圖片的時候發現了一個系統自動生成的文件Contents.json。

Contents.json.png

打開Contents.json你會發現原來如此,之所以不需要我們去記憶尺寸信息是因為當你拖拽到Assets.xcassets系統會使用json文件記錄詳細信息。

Contents.json內部結構.png

針對資源存儲還要補充一點,當我第一次做類似微信聊天的界面的時候,對于氣泡拉伸很模糊,最近也在學習Sketch,就如同Sketch里面的九宮格一樣,所以我更加理解如何處理了。其實實現圖片的拉伸可以在Assets.xcassets里面搞定而不需要代碼處理,這是Xcode更加智能的方面。

設置Slicing.png

Xcode提供兩種Slicing的方式.
1.上圖右側直接設置拉伸的各個方向數據信息.
2.當不知道數據的時候選擇下方的show slicing可以可視化的設置可拉伸區域.這樣開發者就可以專心管理直接設置圖片大小,感覺這是要干掉設計師,開個玩笑。

我設置四個角不能拉伸,如下所示


確保四個角不拉伸.png
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容