`
woainike
  • 浏览: 77670 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
最近访客 更多访客>>
社区版块
存档分类
最新评论

APP 图片比例和名称规范 ,最新iPhone5比例

 
阅读更多

从icon说起
命名方法,举例

 

 

iPhone & iPod touchiPad
Icon.png                         57×57Icon-72.png                  72×72
Icon-Small.png             29×29Icon-Small.png             29×29

 

iPad Spotlight
Icon-Small-50.png       50×50

 

iPhone w/Retina DisplayiPad w/Retina Display
Icon-@2x.png             114×114Icon-72@2x.png                  144x144

Icon-Small@2x.png     58×58Icon-Small@2x.png



iTunesArtwork               512×512

 

 

在info.plist使用key CFBundleIconFiles,注意与CFBundleIconFile区分开,CFBundleIconFiles的优先级高于CFBundleIconFile
省略扩展名,直接写Icon,会自动识别
如果要加扩展名,必须把所有的图片名都添加到CFBundleIconFiles的array中
特别需要注意的是,如果想自动识别,命名必须严格按照标准,且key为string类型。如果不自动识别,key为array类似并将完整文件名添加进去


Default命名方法

<basename><orientation_modifier><scale_modifier><device_modifier>.png

这个就不多说了,方法和icon是一样的,只列出相关的后缀

<basename>默认为Default,也可用UILaunchImageFile key设置,在这用Default举例
<orientation_modifier> 旋转方向

-PortraitUpsideDown
-LandscapeLeft
-LandscapeRight
-Portrait
-Landscape
None

也就是说你可以Default-Portrait.png 来表示竖屏时的加载图像,同样也可以直接Default.png不指定方向

<scale_modifier>依然是为iphone4准备,用法和icon雷同
Default-Portrait.png与Default-Portrait@2x.png会自动识别

<device_modifier>区分设备,有2个值 
~iphone
~ipad
Default-Portrait~iphone.png与Default-Portrait~ipad.png会自动判断设备  同样需要注意的一点,这个在icon里面同样适应,但是貌似现在没有使用的必要,看来未来ipad的分辨率也会扩充一倍?

 


如果使用了Custom URL Schemes,不多说了,格式如下,用法同上
<basename>-<url_scheme><scale_modifier><device_modifier>.png
如:
Default-myscheme.png与Default-myscheme@2x.png

图片:
如果你的资源目录下有Button.png与Button@2x.png两张图片
那么使用:
UIImage* anImage = [UIImage imageNamed:@"Button"];
将会自动识别图片加载

 

 

 

 

iPhone 5 

 

Default 的设置名称

单屏幕而言,就是               320x568

Default-568h@2x.png      640x1136

 

 

 

 

iPhone-only Apps

Include the following in your application's Resources group in the Xcode project:

Table 1  iPhone-only apps icon requirements.

Image Size (px)

File Name

Used For

Required Status

512x512

iTunesArtwork

Ad Hoc iTunes

Optional but recommended

57x57

Icon.png

App Store and Home screen on iPhone/iPod touch

Required

114x114

Icon@2x.png

Home screen for iPhone 4 High Resolution

Optional but recommended

72x72

Icon-72.png

Home screen for iPad compatibility

Optional but recommended

29x29

Icon-Small.png

Spotlight and Settings

Optional but recommended

50x50

Icon-Small-50.png

Spotlight for iPad compatibility

Recommended if you have a Settings bundle, otherwise optional but recommended

58x58

Icon-Small@2x.png

Spotlight and Settings for iPhone 4 High Resolution

Recommended if you have a Settings bundle, otherwise optional but recommended

Your Resources group should look similar to Figure 1:

Figure 1  Add files to Resources group

Except for iTunesArtWork icon, list the names of each of these files in the Icon files entry in the Info.plist. Follow the steps in "Add Icon files in Info.plist" section below. See Figure 4.

iPad-only Apps

Include the following in your application's Resources group in the Xcode project:

Table 2  iPad-only apps icon requirements.

Image Size (px)

File Name

Used For

Required Status

512x512

iTunesArtwork

Ad Hoc iTunes

Optional but recommended

72x72

Icon-72.png

App Store and Home screen on iPad

Required

50x50

Icon-Small-50.png

Spotlight on iPad

Optional but recommended

29x29

Icon-Small.png

Settings on iPad

Recommended if you have a Settings bundle, otherwise optional but recommended

Except for iTunesArtWork icon, list the names of each of these files in the Icon files entry in the Info.plist. Follow the steps in "Add Icon files in Info.plist" section below. See Figure 5.

Universal Apps

Include the following in your application's Resources group in the Xcode project:

Table 3  Universal apps icon requirements.

Image Size (px)

File Name

Used For

Required Status

512x512

iTunesArtwork

Ad Hoc iTunes

Optional but recommended

57x57

Icon.png

App Store and the Home screen on iPhone/iPod touch

Required

114x114

Icon@2x.png

Home screen for iPhone 4 High Resolution

Optional but recommended

72x72

Icon-72.png

App Store and Home screen on iPad

Required

50x50

Icon-Small-50.png

Spotlight on iPad

Optional but recommended

29x29

Icon-Small.png

Settings on iPad and iPhone, and Spotlight on iPhone

Recommended if you have a Settings bundle, otherwise optional but recommended

58x58

Icon-Small@2x.png

Spotlight and Settings for iPhone 4 High Resolution

Recommended if you have a Settings bundle, otherwise optional but recommended

Except for iTunesArtWork icon, list the names of each of these files in the Icon files entry in the Info.plist. Follow the steps in "Add Icon files in Info.plist" section below. See Figure 4.

Add Icon files in Info.plist

To add the Icon files entry you will need to manually edit your Info.plist.

Open your Info.plist in Xcode, and locate the "Icon file" entry. Click on the plus (+) button at the end of the entry to make a new key entry. as shown in Figure 2.

Figure 2  Add a new entry under "Icon file" key

Then, type "Icon files" in the key column (notice the "s" added), or choose "Icon files" from the drop down list, as shown in Figure 3.

Figure 3  Add "Icon files" key in Info.plist

Next, turn down the disclosure triangle on "Icon files" and add the entries for the icons for your application, as shown in Figure 4 and Figure 5:

Figure 4  Add icon file entries for iPhone-only or Universal apps.Figure 5  Add entries for iPad icon files.

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics