都說做ios開發比android省心,那麼ios是如何做到這一點的呢?我們今天就來分析一下,希望對做ios的介面設計的同學有點幫助。
普屏解析度 320畫素 x 480畫素
retina解析度 640畫素 x 960畫素
普屏 768畫素 x 1024畫素
retina屏 1536畫素 x 2048畫素
介面描述 320點 x 480點
介面描述 768點 x 1024點
普屏 1點 = 1畫素
retina屏 1點 = 2畫素
這樣,不管我們是在為普屏還是retina屏進行設計與開發,我們都可以清楚地,並且統一地使用點對介面元素的大小進行描述了。
現在我們能夠用統一的語言描述兩種螢幕的介面元素的大小,但是我們如何針對不同螢幕設定不同解析度的素材呢?難道說開發的時候我們要在每乙個載入的地方進行,新增判斷當前裝置是否是retina屏的語句,然後載入對應的嗎?當然可以這樣做,但是ios有一套更簡便的方法進行自動載入,即通過規範的檔名命名。例如下面這條載入的語句:
[uiimage imagenamed:@"
pic.png
"]]在實際執行時,如果發現當前的裝置是retina屏,會自動尋找"[email protected]" ,自動載入針對retina屏的素材,是不是很方便呢?
所以,我們在製作ios裝置時,可以仿照下面這樣,對檔案進行分類,對於640x960資料夾裡的,檔案命名新增"@2x"即可。
請務必按照文件中描述的規範進行圖示的命名!!
a 圖示會自動新增高亮效果,如果不需要,可以在plist中明確指定uiprerenderedicon的鍵值去掉
b 57畫素的普屏的iphone圖示,圖示圓角的半徑為10畫素
c 114畫素retina屏的iphone圖示,圖示圓角的半徑為20畫素
e 72畫素的普屏ipad圖示,圖示圓角的半徑為13畫素
f 144畫素retina屏ipad圖示,圖示圓角的半徑為26畫素
g 50畫素ipad的spotlight搜尋圖示的最終視覺大小是48畫素,原因是ios會對圖示的每個邊去掉1個畫素,新增陰影效果
h 100畫素retina屏的spotlight搜尋圖示的最終視覺大小是96畫素,原因同上,這次是每邊減2個畫素
IOS iOS解析度的那些事兒
都說做ios開發比android省心,那麼ios是如何做到這一點的呢?我們今天就來分析一下,希望對做ios的介面設計的同學有點幫助。普屏解析度 320畫素 x 480畫素 retina解析度 640畫素 x 960畫素 普屏 768畫素 x 1024畫素 retina屏 1536畫素 x 2048畫...
ios 解析度全集
裝置名稱 螢幕尺寸 解析度ppi 每英吋畫素數量 高寬比iphone 3.5英吋 320 x 480畫素 163 ppi 3 2iphone 3g 3.5英吋 320 x 480畫素 163 ppi 3 2iphone 3gs 3.5英吋 320 x 480畫素 163 ppi 3 2iphone ...
IOS解析度大全
iphone解析度引數 型號 螢幕尺寸 解析度iphone 3.5英吋 480x320畫素 iphone 3g 3.5英吋 480x320畫素 iphone 3gs 3.5英吋 480x320畫素 iphone 4 3.5英吋 960x640畫素 iphone 4s 3.5英吋 960x640畫素 ...