iOS解析度的那些事兒

2022-07-13 10:30:09 字數 1121 閱讀 9495

都說做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畫素 ...