1x 、2x 、3x圖片介紹

手機(jī)屏幕分兩種

視網(wǎng)膜屏:

• 又叫Retain屏幕,就是高清視網(wǎng)膜屏幕,分辨率寬高是標(biāo)準(zhǔn)屏幕分辨率的2倍

非視網(wǎng)膜屏

• 又叫非Retain屏,是標(biāo)準(zhǔn)分辨率

分辨率

• 概念:分辨率的意思就是把屏幕進(jìn)行橫向、縱向等分,通常描述手機(jī)屏幕用點來表示,在retina屏幕下,一個點表示兩個像素,在非retina屏幕下,一個點表示一個像素,而像素,就是常說的分辨率,在iPhone6 Plus下,一個點表示3個像素

iPhone手機(jī)的分辨率

• 在上圖可以看出
• iPhone3GS的手機(jī),是非視網(wǎng)膜屏幕,它的點 和 分辨率 是相同的,也就是兩者相除 得?1
• 在iphone4/4S/5/5C//5S/6,它們都是視網(wǎng)膜屏幕,分辨率正好是點的兩倍,相除得2
• 而在iPhone6 Plus,雖然也是視網(wǎng)膜屏幕,但是分辨率是點的三倍,也就是相除得3

1x 2x 3x 圖片

• 由于不同手機(jī)的屏幕的分辨率和它的點的倍數(shù),是不同的,所以我們在實際開發(fā)中需要準(zhǔn)備多套圖片
• 由于目前只存在1倍,2倍,3倍,這幾種,所以目前準(zhǔn)備的圖片就分?1x,2x,3x圖,當(dāng)然由于只有3GS手機(jī)才是1x圖,而3GS手機(jī),基本上已經(jīng)無人使用,可能很多公司已經(jīng)不再去制作1x圖片

圖片的命名規(guī)則:

• 1x圖片: 直接使用文件名 btn_left.png
• 2x圖片: 在文件名后加上@2x標(biāo)識 btn_left@2x.png
• 3x圖片: 在文件后加上@3x標(biāo)識 btn_left@3x.png

總結(jié)

在同樣一個尺寸的屏幕下由于使用的屏幕不一樣(retina和非retina),所以造成的屏幕分辨率會不同.也就是說,同樣是30*30的像素,在3.5 inch大小的屏幕上,如果是非retina顯示會大一些,retina屏幕顯示會小一些。

在開發(fā)中使用的是點.(比如 30 * 30 ,不是表示30像素,而是表示30點,這樣的話iOS系統(tǒng)會自動把點轉(zhuǎn)換為對應(yīng)的像素)

• 非retina屏幕1個點表示1像素
• retian屏幕1個點表示2像素
• iPhone6 Plus 下1個點表示3像素

因為程序中的是點,iOS系統(tǒng)會自動把點轉(zhuǎn)換為不同的像素去找圖片,所以圖片對應(yīng)的也要準(zhǔn)備多份不同的圖片,

• @2X:視網(wǎng)膜屏幕,在原來點坐標(biāo)的大小上乘以2
• @3X：在原來的坐標(biāo)的大小上乘以3

總結(jié)

以上是生活随笔為你收集整理的iOS移动开发1x 、2x 、3x图片介绍的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。