ios介面設計時候的解析度引數

2021-07-05 03:57:20 字數 1188 閱讀 7083

1 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"即可。

可以參考下面兩個文件:

請務必按照文件中描述的規範進行圖示的命名!!

ps:一些額外的圖示參考

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的解析度 即iphone手機螢幕的解析度 主屏引數 是乙個與硬體相關的引數,如iphone3以前的螢幕解析度都是320x480,從iphone4開始為640x960 這與開發中ios sdk的版本 3.0 3.2 4.0 4.2 4.3.0 5.0 5.1 等是沒什麼關係的 deploymen...

iOS解析度的那些事兒

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

ios開發遇到的解析度問題

px,即是pixel,表示畫素。是螢幕上所顯示的最小單位,在解析度高的螢幕上,乙個畫素可能會達到肉眼無法識別的大小,pt,即是point,是乙個標準的長度單位,定義上1pt 1 72英吋,英吋他跟我們所熟悉的公分 公尺一樣,可以明確的指出1pt的長度是多少,pt也是常見的標識文字尺寸的單位,在繪圖以...