轉自 http://blog.csdn.net/wzzvictory/article/details/8565872app
一、 iPhone中的點和像素。spa
點(pt)的英文全稱是point,確切的說法是一個專用的印刷單位「磅」,大小爲1/72英寸。因此它是一個天然界標準的長度單位,也稱爲「絕對長度」。.net
像素(pixel)由Picture和 Element這兩個詞組成,像素是位圖的最小單位,是一個一個彩色的顏色點,一個像素有三個基色點(三原色各一個)。在我看來,像素就是咱們平時說的分辨率。設計
①點blog
iPhone4s及其以前的屏點大小都是320×480 pts圖片
iPhone5的屏點大小是320×568ptsci
②像素資源
iPhone4以前的普屏,像素(分辨率)都是320×480pixels。開發
iPhone4和iPhone4s使用的Retina屏,像素都是640×960 pixelsget
iPhone5的Retina屏,像素是1136×640pixels
③點(pt)與像素(pixels)換算關係
普屏 1點 = 1像素
Retina屏 1點 = 2像素
這樣,無論咱們是在爲普屏仍是Retina屏進行設計與開發,咱們均可以清楚地,而且統一地使用點(pt)對界面元素的大小進行描述了。
另外,人手指的最小點擊範圍是44pixels,因此在iPhone的不少細節上都是44 pixels。
④ 分辨率適配問題
在使用圖片資源時,用該方法:[UIImage imageNamed:@"adflower.png"]]
在實際運行時,若是發現當前的設備是Retina屏,會自動尋找片"adflower@2x.png" ,自動加載針對Retina屏的圖片素材。
因此,咱們在開發過程當中能夠對圖片文件進行分類,對於640x960文件夾裏的圖片,文件命名添加"@2x"便可。如圖1所示:
圖1圖片資源分類
二、 iPhone經常使用控件的高度(見圖2)
元素控件 |
尺寸(pts) |
Window(含狀態欄) |
320 x 480 |
Status Bar的高度 |
20 |
Navigation Bar的高度 |
44 |
含Prompt的Navigation Bar的高度 |
74 |
Navigation Bar的圖標 |
20×20 |
Tool Bar的高度 |
44 |
Tool Bar的圖標 |
20×20 |
Tab Bar的高度 |
49 |
Tab Bar的圖標 |
30×30 |
豎直時鍵盤的高度 |
21六、252(iOS 5+的中文鍵盤) |
水平時鍵盤的高度 |
16二、198(iOS 5+的中文鍵盤) |
圖2 iPhoneUI尺寸
三、 iPhone AppIcon尺寸
圖標名稱 |
尺寸(pts) |
用途 |
是否必需 |
Icon.png |
57×57 |
App Store和iPhone、iPod touch桌面顯示 |
是 |
Icon@2x.png |
114×114 |
Icon.png的高清模式 |
是 |
Icon-Small.png |
29×29 |
「設置」應用和Soptlight搜索 |
否 |
Icon-Small@2x.png |
58×58 |
Icon-Small.png高清模式 |
否 |
四、 獲取部分Ui尺寸方法
①、app尺寸(去掉狀態欄)
CGRect r = [ UIScreen mainScreen].applicationFrame;
r=0,20,320,460
②、屏幕尺寸
CGRect r = [ UIScreen mainScreen].bounds;
r=0,0,320,480
③、狀態欄尺寸
CGRect rect = [[UIApplicationsharedApplication] statusBarFrame];
r = 0,0,320,20