IOS iOS解析度的那些事兒

2021-06-07 15:01:37 字數 1202 閱讀 9650

都說做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開發比android省心,那麼ios是如何做到這一點的呢?我們今天就來分析一下,希望對做ios的介面設計的同學有點幫助。普屏解析度 320畫素 x 480畫素 retina解析度 640畫素 x 960畫素 普屏 768畫素 x 1024畫素 retina屏 1536畫素 x 2048畫...

WP8 1 關於螢幕尺寸和解析度的那些事兒

目前市面上的windows phone裝置越來越多,尺寸和解析度也越來越多,特別是wp8.1時代的到來。做過wp開發的人都知道應用適配其實較安卓要簡單太多了,其中有乙個重要原因,就是微軟號稱所有wp裝置都將以2個基準解析度來發展,即800 480和853 480。wp8 的應用適配相對來說比較簡單,...

WP8 1 關於螢幕尺寸和解析度的那些事兒

目前市面上的windows phone裝置越來越多,尺寸和解析度也越來越多,特別是wp8.1時代的到來。做過wp開發的人都知道應用適配其實較安卓要簡單太多了,其中有乙個重要原因,就是微軟號稱所有wp裝置都將以2個基準解析度來發展,即800 480和853 480。wp8 的應用適配相對來說比較簡單,...