溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時(shí)間:2020-07-23 01:27:06 來源:網(wǎng)絡(luò) 閱讀:1185 作者:ymanmeng123 欄目:移動(dòng)開發(fā)
  • App中的UI元素

     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ā)介紹



向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI