IOS基礎 設計UI 1X 2X 3X是什麼

2021-09-11 11:52:46 字數 1261 閱讀 3535

device

scale factor

iphone x, iphone 8 plus, iphone 7 plus, and iphone 6s plus

@3xall other high-resolution ios devices

@2x 從官網的資料我們可以看出,@1x@2x@3x是蘋果ios開發不同解析度的裝置統一為乙個尺寸而標記的,數字1、2、3表示解析度的倍數。

裝置螢幕尺寸

解析度(pt)

reader

解析度(px)

渲染後ppi

iphone 3gs

3.5吋

320x480

@1x320x480

163iphone 4/4s

3.5吋

320x480

@2x640x960

330iphone 5/5s/5c

4.0吋

320x568

@2x640x1136

326iphone 6

4.7吋

375x667

@2x750x1334

326iphone 6plus

5.5吋

414x736

@3x1242x2208

1080x1920

401iphone 6s

4.7吋

375x667

@2x750x1334

326iphone 6plus

5.5吋

414x736

@3x1242x2208

1080x1920

401iphone 7

4.7吋

375x667

@2x750x1334

326iphone 7plus

5.5吋

414x736

@3x1242x2208

1080x1920

401iphone 8

4.7吋

375x667

@2x750x1334

326iphone 8plus

5.5吋

414x736

@3x1242x2208

1080x1920

401iphone x

5.8吋

375x812

@3x1125x2436

458 ui資源示例

以上做了一些簡單的說明,明白了我們標題中,@1x@2x@3x在什麼時候和什麼裝置上使用,而具體設計規範,看官方文件就知道了。

iOS中的2x,3x問題

iphone的螢幕顯示效果非常出色。剛進入市場時,iphone是當時解析度最高的手持電子裝置。不過,iphone 的顯示空間並不大,比現代計算機的螢幕空間要小很多。最初幾代iphone的螢幕解析度只有320畫素 480畫素,從iphone 4的retina螢幕開始,解析度增加到了640畫素 960畫...

以 x1,x2,x3,x4 方式的查詢

選單崗位可以以xx,xx,xx,xx的方式新增,gu laicheng,2007.8.21 session datacmd commandtext select from menu where level1 glevel1 and level2 glevel2 and level3 00 and p...

ionic 2 x 3 x專案結構解析

config.xml 專案配置檔案,包名 名稱 minsdkversion等都在此處配置 ionic.config.json package.json 專案依賴檔案列表 tsconfig.json tslint.json hooks node modules 專案依賴檔案 platforms 專案新...