Android和IOS开发图标、启动页尺寸

最近项目在做android和ios的项目，设计师让我给出图标的尺寸，于是查了一下尺寸。

梁河网站制作公司哪家好，找成都创新互联公司！从网页设计、网站建设、微信开发、APP开发、响应式网站等网站项目制作，到程序开发，运营维护。成都创新互联公司于2013年开始到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联公司。

第一步：产品经理和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的屏幕上该控件的长度为1 240/160=1.5个px。也就是dp会随着不同屏幕而改变控件长度的像素数量。

（3）DPI，用户实际判别手机屏幕的显示好坏，除了分辨率还要考虑屏幕的宽高(英寸)，也就是用dpi，即每英寸多少像素来评价屏幕的显示效果。（不然假如手机分辨率是1920×1080，但是屏幕是几十寸的，那显示效果将不会很好，甚至你有可能看到小的像素块，那将更影响视觉效果。）

三、Android开发中图标尺寸总结（务必掌握）：

（1）dpi、分辨率与图标尺寸的关系L DPI ( 120 DPI )—分辨率240 320px，其启动图标大小为 36 x 36 pxM DPI (160 DPI )—分辨率320 480px，其启动图标大小为 48 x 48 pxH DPI ( 240 DPI )—分辨率480 800px，其启动图标大小为 72 x 72 pxXH DPI ( 320 DPI )—分辨率1280 720px，其启动图标大小为 96 x 96 pxXXH DPI( 480 DPI )—分辨率1920 1080px，其启动图标大小为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 。换算关系表如下：（两次标红 请重点关注）

36 x 36 48 x 48 64 x 64 72 x 72 96 x 96 144 x 144 192 x 192

具体的图标尺寸可以打开xcode ，在项目目录下找到Assets.xcassets文件，这个文件里面标识出了所需要的图标尺寸，下面标识的是基本尺寸，2x就是底部尺寸x2 ，即下面的尺寸为80pt和120pt

看了一下新的苹果开发文档和Xcode给的AppIcon坑，发现又新增了一些尺寸的图标。在这里整理一下最新的最全的icon尺寸。

itunes中使用的icon

1024 * 1024

iPhone: iOS7-10桌面图标

60 * 60

120 * 120 @2x

180 * 180 @3x

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

80 * 80 @3x

iPad Pro: App桌面图标

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)

APP启动页，即LaunchImages，需要五张不同尺寸大小的图，切记一定要选择png格式，否则打包时报错，导致APP适配失败。

五张图的大小即：320 480、640 960、640 1136、750 1334、1242 2208 828 1792 1125 2436 1242 2688

分别对应的iphone屏幕尺寸：iphone 3GS、iphone4(s)、iphone5(c、s)、iphone6(s)、iphone 6(s) plus 、iphoneX(S)、iphoneXR、iphoneXs Max.

具体步骤：

第一步：

1.点击工程目录中的Images.xcassets，点击左侧边栏的LaunchImages(如果没有，在空白处右击创建一个)

2.然后在xcode最右侧的边栏处选择你的APP是否要对ipad、横竖屏、以及低版本的iOS系统做支持。

第二步：

将填好的图片配置到工程中的启动页选项中

点击项目目录的工程 - target - General - App Icons And Launch Images

将Launch Images Source的选项设置为LaunchImages，切记当APP不是用LaunchScreen.xib来配置启动页时，LaunchScreen File的选择状态一定为空！否则编译无法通过

如果此时还没有显示的话，那么你先删除app，然后再运行一下项目看看

参考网站：

ios 开发怎么设置app图标

首先我看看何设置App icon图标设置应用程序icon图标主要两种：

第种：通项目Images.xcassets文件实现

第二种：非式手段直接图片名字改icon即

我先看看第种实现式首先我需要切换项目工程Images.xcassets文件选择AppIcon项该选项我设置各种场景图标我主要介绍设置应用程序icon图标其设置与类似各位参考着设置

我需要准备两张icon图片其尺寸别120x120180x180选择AppIcon项iPhone App区域并准备两张icon图片拖拽框内即需要注意我看每区域都两框2x3x我需要尺寸120x120图片应拖2x面尺寸180x180图片应拖3x面

ios开发 怎么设置icon图标

方法/步骤

在Photoshop新建一个文件，大小为1024*1024像素的。

设计图标，图标内容就需要自己设计啦，这里就填充一个背景颜色再加上PS自带的形状和文字。

生成App需要的图标。“存储为web所用格式”.png后缀的图片。

得出App Icon。这个图标是可以提交到AppStore审核的，符合1024x1024、无Alpha透明度、.png格式条件的。

打开Xcode的工程文件，Assets.xcassets文件，里面有AppIcon对象，需要添加6张指定尺寸的图片。这就是App的图标了。

使用Photoshop一个一个生成指定尺寸的6个图标；或者使用软件工具一步生成所有图标。如图是使用软件“App Icon Gear”生成图标。

将得到的图标拖动到相应指定大小的Assets.xcassets位置中。

完成。运行App，返回到主屏幕查看App图标效果。

iOS开发所需图片常规尺寸一览

当前日期2020年5月，Xcode版本为11.4。

iPhone的项目图标尺寸要求

iPad的项目图标尺寸

详细尺寸对照表

iPhone SE2代参数与iPhone8一致

iPhone SE1代参数与iPhone5一致

一些说明：

目前的刘海屏的手机有 iPhone X、XS、XSMax、 XR、 11、11Pro、11Pro Max 7款手机，其中：

1.iPhone X、iPhone XS、iPhone 11 Pro三个机型尺寸参数一致，为375x812，5.8英寸，用@3x图

2.iPhoneXR、iPhone11、iPhone XS Max、iPhone 11 Pro Max四个机型的屏幕尺寸参数一致，414x896,但是像素点不同，iPhoneXR、iPhone11用@2x图，iPhone XS Max、iPhone 11 Pro Max用@3x图

3.除了刘海屏的机型，非全面屏的机型宽高比约为0.563

ios开发 小电池图标怎么实现

我们在开发App的时候，在遇到有状态栏时，NavigationBar上面的按钮，是极难点击的，所以这个时候，最好我们能够人为的隐藏掉状态栏。

如果一直需要隐藏的话，直接在info.plist里面，添加Key值：View controller-based status bar appearance

如果没有的话，步骤如下：

1、在任意一个位置点击+号，即可进行添加：

2.选择：View controller-based status bar appearance这一项，所有的属性，是按照ABC的排列顺序排列的，所以找到对应的即可；

3.将该Key的值，设置为NO；

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions

里面添加下面这句话：

[[UIApplication sharedApplication]setStatusBarHidden:YES];

再运行程序就没有状态栏了。

有的同学表示，希望能在一个view下显示，在另外一个view下隐藏，这个问题，应该是需要使用代码实现，现在还没有思路，如果有同学已经完成了，请给我留言，虚心请教一下。

写代码是个细心的活，这个问题曾困扰我好久，自己也在这个地方徘徊了好久，认真读取这个属性后，才得到正确的解决办法。

分享名称：ios开发图标,ios 图标
URL地址：http://scyanting.com/article/dsesssp.html