UIKit框架(1)iOSApp開發(fā)介紹

     UIKit框架(1)iOS App開發(fā)介紹

     

  • 設(shè)備的尺寸

iPhone設(shè)備尺寸:

設(shè)備

分辨率

點(diǎn)坐標(biāo)

尺寸

狀態(tài)欄高度

導(dǎo)航欄高度

標(biāo)簽欄高度

iPhone 6s Plus & iPhone 6 Plus

1080×1920 px

540x960

5.5

40 px

88 px

98 px

iPhone 6s & 6

750x1334 px

375x667

4.7

40 px

88 px

98 px

iPhone 5 & 5s & 5c

640x1136 px

320x568

4.0

40 px

88 px

98 px

iPhone 4 & 4s

640x960 px

320x480

3.5

40 px

88 px

98 px

iPhone & 3G & 3GS & iPod Touch

320x480 px

320x480

3.5

20 px

44 px

49 px

關(guān)于分辨率與點(diǎn)坐標(biāo):

     分辨率是指屏幕上的像素陣列

     點(diǎn)坐標(biāo)是在開發(fā)過程中使用的坐標(biāo)

     自iPhone4開始,蘋果設(shè)備的屏幕采用retina視網(wǎng)膜屏,原來的一個(gè)像素點(diǎn)可以顯示4個(gè)像素

     即:分辨率的寬高分別為點(diǎn)坐標(biāo)寬高的2倍

iPad設(shè)備尺寸:

設(shè)備

分辨率

點(diǎn)坐標(biāo)

尺寸

狀態(tài)欄高度

導(dǎo)航欄高度

標(biāo)簽欄高度

iPad Pro

2732x2048 px

1366x1024

12.9

40 px

88 px

98 px

iPad 3 & 4 & 5 & 6 & Air & Air2

2048x1536 px

1024x768

9.7

40 px

88 px

98 px

iPad & 2

1024x768 px

1024x768

9.7

20 px

44 px

49 px

iPad Mini 2 & 3 & 4

2048x1536 px

1024x768

7.9

40 px

88 px

98 px

iPad Mini

1024x768 px

1024x768

7.9

20 px

44 px

49 px

     iPad2及之前、iPad Mini不是retina屏幕

所有設(shè)備的狀態(tài)高度均為20,導(dǎo)航欄高度均為44,標(biāo)簽欄高度均為49     (點(diǎn)坐標(biāo))

自iOS7.0開始,蘋果開始采用扁平化的風(fēng)格,在有導(dǎo)航欄的情況下,狀態(tài)欄的背景由導(dǎo)航欄管理

     即:導(dǎo)航欄的背景高度應(yīng)為64

  • App圖標(biāo)的使用

哪些地方用到App的圖標(biāo)?

     Home Screen  

     App list in iTunes

     Spotlight

     Settings

     

不同的設(shè)備如何顯示同一個(gè)圖標(biāo)?

     iOS開發(fā)中,通過圖標(biāo)文件的名字,區(qū)分這個(gè)圖標(biāo)應(yīng)當(dāng)顯示那個(gè)設(shè)備上,如:

          icon.png             用在非retina屏幕的設(shè)備上

          icon@2x.png      用在retina屏幕的設(shè)備上

          icon@3x.png      用在iPhone 6/6s Plus上

     這一規(guī)則同樣適用于任何在iOS開發(fā)中使用的圖片資源

如何設(shè)置App的圖標(biāo)?

     創(chuàng)建項(xiàng)目后,會(huì)包含一個(gè) .xcassets 文件,該文件用于管理圖標(biāo)資源

     UIKit框架(1)iOS App開發(fā)介紹

     默認(rèn)情況下,該文件會(huì)有一個(gè)名字為AppIcon的Image Set

     UIKit框架(1)iOS App開發(fā)介紹

     選擇之后,可以將所有的App圖標(biāo)文件拖到其中,會(huì)自動(dòng)進(jìn)行適配

     UIKit框架(1)iOS App開發(fā)介紹

     適配的原理是,App圖標(biāo)有統(tǒng)一的命名規(guī)范。

附iPhone Only應(yīng)用的圖標(biāo)說明:     

    UIKit框架(1)iOS App開發(fā)介紹

附iPad Only應(yīng)用的圖標(biāo)說明:

     UIKit框架(1)iOS App開發(fā)介紹

附Universal應(yīng)用的圖標(biāo)說明:

     UIKit框架(1)iOS App開發(fā)介紹

當(dāng)前標(biāo)題:UIKit框架(1)iOSApp開發(fā)介紹
文章位置:http://www.muchs.cn/article20/jsocjo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化網(wǎng)站維護(hù)、網(wǎng)站建設(shè)企業(yè)建站、響應(yīng)式網(wǎng)站、自適應(yīng)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司