Android和IOS开发图标、启动页尺⼨
最近项⽬在做android和ios的项⽬，设计师让我给出图标的尺⼨，于是查了⼀下尺⼨。
⼀、开发中的实际情况：
第⼀步：产品经理和UI设计师制定好UI规范，然后开始做图标做颜⾊做尺⼨等⼀系列和APP界⾯强相关的⼯作，以最常见的“back”按钮为
例，UI设计师从⽆到有的具体实现步骤：
①在coreldraw或者Sketch中制作好“⽮量图标“—返回，此时的长宽单位是毫⽶；
②保存输出为“PNG位图图⽚”—返回，此时的长宽单位是px（像素）；
③指定好此图标的内外边距，此时的边距单位是px（像素）；
④最终此图标图⽚交到开发者⼿中，做好图⽚的放置和内外边距的实现。开发这在这个过程中会遇到⼀个问题：内外边距是由px为单位的距离，但是在实际开发中“dp”做为单位的更加常见，所以就会涉及到“px”“dp”互转的封装类，专门⽤来实现这个过程，同时还要注意不同分辨率屏幕的适配。
⼆、上述过程中涉及到的知识点（⾮常重要）：
（1）px，平常我们所说的⼿机的分辨率是1920×1080，这就是像素数量，也就是1920px×1080px，代表⼿机⾼度上有1920个像素点，宽度上有1080个像素点，每个像素点的单位是px。
（2）dp，dp是为了开发者便于做不同屏幕的适配⽽引⼊的开发单位，具体来说就是为了使得开发者设置的长度能够根据不同屏幕(分辨率/尺⼨也就是dpi)获得不同的像素(px)数量。⽐如：我将⼀个控件设置长度为1dp，那么在160dpi上该控件长度为1px，在240dpi的屏幕上该控件的长度为1240/160=1.5个px。也就是dp会随着不同屏幕⽽改变控件长度的像素数量。
（3）DPI，⽤户实际判别⼿机屏幕的显⽰好坏，除了分辨率还要考虑屏幕的宽⾼(英⼨)，也就是⽤dpi，即每英⼨多少像素来评价屏幕的显⽰效果。（不然假如⼿机分辨率是1920×1080，但是屏幕是⼏⼗⼨的，那显⽰效果将不会很好，甚⾄你有可能看到⼩的像素块，那将更影响视觉效果。）
三、Android开发中图标尺⼨总结（务必掌握）：
（1）dpi、分辨率与图标尺⼨的关系L DPI ( 120 DPI )—分辨率240320px，其启动图标⼤⼩为 36 x 36 pxM DPI (160 DPI )—分辨率320480px，其启动图标⼤⼩为 48 x 48 pxH DPI ( 240 DPI )—分辨率480800px，其启动图标⼤⼩为 72 x 72 pxXH DPI ( 320 DPI )—分辨率1280720px，其启动图标⼤⼩
为 96 x 96 pxXXH DPI( 480 DPI )—分辨率19201080px，其启动图标⼤⼩为144 x 144 pxXXXH DPI( 640 DPI )—分辨率3840*2160px，其启动图标⼤⼩为192 x 192 px
（2）开发中“px”到“dp”从 px 换算成 dp 要知道它是以什么 dpi 标准来设计的，换句话说，就是要根据不⽤分辨率的屏幕，根据换算关系表得到相应的 dp 。 例如： 以 xxhdpi 标准设计的 UI，其中⼀个切图的分辨率是 600 px * 360 px ，根据换算关系表可知，在 xxhdpi 标准下，1 dp = 3 px ，则其对应的 dp 是 200 dp * 120 dp 。换算关系表如下：（两次标红 请重点关注）
image.png
36 x 36 48 x 48 64 x 64 72 x 72 96 x 96 144 x 144 192 x 192
三、IOS开发中图标尺⼨总结（务必掌握）：
具体的图标尺⼨可以打开xcode ，在项⽬⽬录下到assets⽂件，这个⽂件⾥⾯标识出了所需要的图标尺⼨，下⾯标识的是基本尺⼨，2x就是底部尺⼨x2 ，即下⾯的尺⼨为80pt和120pt
image.png
看了⼀下新的苹果开发⽂档和Xcode给的AppIcon坑，发现⼜新增了⼀些尺⼨的图标。在这⾥整理⼀下最新的最全的icon尺⼨。
image.png
itunes中使⽤的icon
60 * 60
120 * 120 @2x
180 * 180 @3x
xcode怎么打开iPhone: iOS5-6桌⾯App图标
57 * 57
114 * 114 @2x
iPad: iOS7-10桌⾯图标
76 * 76
152 * 152 @2x
iPad: iOS5-6桌⾯图标
72 * 72
144 * 144 @2x
iPhone: iOS5-6的搜索 iOS5-10的设置iPad: iOS5-10的设置
29 * 29
58 * 58 @2x
87 * 87 @3x
iPad: iOS5-6系统搜索图标
50 * 50
100 * 100 @2x
iPhone、iPad: iOS7-10系统搜索图标40 * 40
80 * 80 @2x
120 * 120 @3x
iPhone、iPad: iOS7-10通知栏图标
20 * 20
40 * 40 @2x
167 * 167 @2x iPhone汇总：
1024 * 1024
120 * 120
180 * 180
20 * 20
40 * 40
80 * 80
29 * 29
58 * 58
87 * 87
57 * 57 (iOS5-6) 114 * 114 (iOS5-6) iPad汇总：
1024 * 1024
76 * 76
152 * 152
20 * 20
40 * 40
80 * 80
120 * 120
29 * 29
58 * 58
72 * 72 (iOS5-6) 144 * 144 (iOS5-6) 50 * 50 (iOS5-6) 100 * 100 (iOS5-6)
167 * 167 (iPad Pro)
四、ios App启动页尺⼨
APP启动页，即LaunchImages，需要五张不同尺⼨⼤⼩的图，切记⼀定要选择png格式，否则打包时报错，导致APP适配失败。
五张图的⼤⼩即：320480、640960、6401136、7501334、12422208 8281792 1125 2436 12422688
分别对应的iphone屏幕尺⼨：iphone 3GS、iphone4(s)、iphone5(c、s)、iphone6(s)、iphone 6(s) plus 、iphoneX(S)、iphoneXR、iphoneXs Max.
具体步骤：
第⼀步：
image.png
1.点击⼯程⽬录中的assets，点击左侧边栏的LaunchImages(如果没有，在空⽩处右击创建⼀个)
2.然后在xcode最右侧的边栏处选择你的APP是否要对ipad、横竖屏、以及低版本的iOS系统做⽀持。
第⼆步：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。