iPhone手機(jī)設(shè)備

1.邏輯分辨率和物理分辨率

型號 屏幕尺寸(inch) 邏輯分辨率(point) logic pixel 縮放因子(scale f actor) 物理分辨率(pixel) 像素密度(PPI)
iPhone3GS 3.5 320 * 480 - @1x 320 * 480 163
iPhone4/4s 3.5 320 * 480 - @2x 640 * 960 326
iPhone5/5s 4 320 * 568 - @2x 640 * 1136 326
iPhone6/6s 4.7 375 * 667 - @2x 750 * 1334 326
iPhone6Plus/6s Plus 5.5 414 * 736 1080x1920 (downsampling) @3x (1242x2208->) 401

注釋
1.單位inch (英寸) : 1 inch = 2.54cm = 25.4mm

2.PPI (像素密度) : 表示沿著對角線,每英寸所擁有的像素(pixel)數(shù)目任连,PPI的數(shù)值越高,代表顯示屏能夠以越高的密度顯示圖像色瘩,即通常所說的分辨率越高慌闭,顆粒感越弱,圖像更清晰测萎。

iPhone尺寸.png

其數(shù)值根據(jù)設(shè)備物理分辨率和屏幕尺寸利用勾股定理計算偏窝。公式是(√(像素寬2+像素高2)) ÷ 屏幕尺寸收恢。
iPhone4/iPhone4s的PPI的計算值:

3.iPhone6+的特殊之處:

iPhone6+的特殊之處.png

圖片來源:一張圖幫你看懂 iPhone 6 Plus 屏幕分辨率

2.邏輯分辨率和物理分辨率

  • 物理分辨率:硬件所支持的,顯示屏的最佳分辨率祭往;是屏幕實際存在的像素行數(shù)乘以列數(shù)的數(shù)學(xué)表達(dá)方式伦意。設(shè)計的時候用單位px,可以說是物理分辨率尺寸
  • 邏輯分辨率:軟件可以達(dá)到的硼补;設(shè)計的時候用單位pt驮肉,可以說是邏輯分辨率尺寸

3.iPhone圖標(biāo)適配

在iPhone3GS時代,我們?yōu)橐粋€應(yīng)用提供圖標(biāo)(或按鈕提供貼圖)已骇,因為其scale = 1离钝,所以只需要icon.png。而iPhone4~6 Retina顯示屏褪储,因為其scale = 2卵渴,需要制作額外的@2x高分辨率版本。
iPhone6+在實際渲染時鲤竹,downsampling/1.15(1242x2208->1080x1920)浪读,準(zhǔn)確的講,應(yīng)該是@2.46x辛藻。而蘋果為方便開發(fā)者用的是@3x的素材碘橘,然后再縮放到@2.46x上。
如果APP要同時兼容iPhone3GS~iPhone6+吱肌,則需要icon.png/icon@2x.png/icon@3x.png三種分辨率的圖片痘拆。
需要注意的是,iOS APP圖標(biāo)的尺寸命名都需要遵守相關(guān)規(guī)范氮墨。

iPhone image適配 (UIImage 2類初始化方法)
1.+imageNamed:該方法使用系統(tǒng)緩存纺蛆,適合表視圖重復(fù)加載圖像的情形吐葵。同時該API根據(jù)UIScreen的scale,自動查找包含對應(yīng)高倍圖后綴名(@2x)的文件桥氏,如果沒找到設(shè)置默認(rèn)image.scale=1.0折联。因此,使用該方法识颊,無需特意指定高倍圖后綴。在實際運(yùn)行時奕坟,系統(tǒng)如果發(fā)現(xiàn)當(dāng)前設(shè)備是Retina屏(scale=2)祥款,會自動尋找"*@2x.png"命名格式的圖片,加載針對Retina屏的圖片素材月杉,否則會失真刃跛。
2.+imageWithContentsOfFile/+imageWithData:(scale:)/-initWithContentsOfFile:/-initWithData:(scale:)
這組方法創(chuàng)建的UIImage對象沒有使用系統(tǒng)緩存,并且指定文件名必須包含明確的高倍圖后綴苛萎。如果文件名包含@2x后綴桨昙,則image.scale=2.0;否則默認(rèn)image.scale=1.0腌歉,同樣對于Retina屏將會失真蛙酪。
3.目前,適配iPhone6+時翘盖,除了一些鋪滿全屏的大圖(LogoIcon桂塞、LaunchImage)需提供三倍圖,其他的小圖仍可沿用原有的二倍圖自適應(yīng)拉伸馍驯。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末阁危,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子汰瘫,更是在濱河造成了極大的恐慌狂打,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,539評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件混弥,死亡現(xiàn)場離奇詭異趴乡,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)剑逃,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,594評論 3 396
  • 文/潘曉璐 我一進(jìn)店門浙宜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蛹磺,你說我怎么就攤上這事粟瞬。” “怎么了萤捆?”我有些...
    開封第一講書人閱讀 165,871評論 0 356
  • 文/不壞的土叔 我叫張陵裙品,是天一觀的道長俗批。 經(jīng)常有香客問我,道長市怎,這世上最難降的妖魔是什么岁忘? 我笑而不...
    開封第一講書人閱讀 58,963評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮区匠,結(jié)果婚禮上干像,老公的妹妹穿的比我還像新娘。我一直安慰自己驰弄,他們只是感情好麻汰,可當(dāng)我...
    茶點故事閱讀 67,984評論 6 393
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著戚篙,像睡著了一般五鲫。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上岔擂,一...
    開封第一講書人閱讀 51,763評論 1 307
  • 那天位喂,我揣著相機(jī)與錄音,去河邊找鬼乱灵。 笑死塑崖,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的痛倚。 我是一名探鬼主播弃舒,決...
    沈念sama閱讀 40,468評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼状原!你這毒婦竟也來了聋呢?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤颠区,失蹤者是張志新(化名)和其女友劉穎削锰,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體毕莱,經(jīng)...
    沈念sama閱讀 45,850評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡器贩,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,002評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了朋截。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蛹稍。...
    茶點故事閱讀 40,144評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖部服,靈堂內(nèi)的尸體忽然破棺而出唆姐,到底是詐尸還是另有隱情,我是刑警寧澤廓八,帶...
    沈念sama閱讀 35,823評論 5 346
  • 正文 年R本政府宣布奉芦,位于F島的核電站赵抢,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏声功。R本人自食惡果不足惜烦却,卻給世界環(huán)境...
    茶點故事閱讀 41,483評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望先巴。 院中可真熱鬧其爵,春花似錦、人聲如沸伸蚯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,026評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽朝卒。三九已至,卻和暖如春乐埠,著一層夾襖步出監(jiān)牢的瞬間抗斤,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,150評論 1 272
  • 我被黑心中介騙來泰國打工丈咐, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留瑞眼,地道東北人。 一個月前我還...
    沈念sama閱讀 48,415評論 3 373
  • 正文 我出身青樓棵逊,卻偏偏與公主長得像伤疙,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子辆影,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,092評論 2 355

推薦閱讀更多精彩內(nèi)容