iOS App Icon启动图尺寸配置适配iPhone XS XR XS Max等
前言
近期在开发新项目, 然后针对 App Icon 与 App LaunchScreen 都需要重新切一套, 需要把相应尺寸大小跟 UI 说明一下, 加上最近刚发布的我 iPhone XS XR XS Max都需要进行统一适配,同时为了让自己以及 UI 同事能更好的去了解 iPhone 不同尺寸特意整理了一下。
App LaunchScreen(启动图)
下面分别罗列出当前所有 iPhone 不同机型尺寸所需 LaunchScreen Size, 其中 iPhone 6 7 8 尺寸一致, iPhone 6 7 8 P 尺寸一致, 所以分别切两种即可. 另外新出的 iPhone X XR XS XSMAX, 除了 X和 XS 尺寸一致外, 都需要分别对应不同尺寸。 其他的也就是 小屏的如 iPhone 4 5 SE 等。
Device | 竖屏尺寸 | 横屏尺寸 |
---|---|---|
iPhone XS Max | 1242px × 2688px | 2688px × 1242px |
iPhone XS | 1125px × 2436px | 2436px × 1125px |
iPhone XR | 828px × 1792px | 1792px × 828px |
iPhone X | 1125px × 2436px | 2436px × 1125px |
iPhone 8 Plus | 1242px × 2208px | 2208px × 1242px |
iPhone 8 | 750px × 1334px | 1334px × 750px |
iPhone 7 Plus | 1242px × 2208px | 2208px × 1242px |
iPhone 7 | 750px × 1334px | 1334px × 750px |
iPhone 6s Plus | 1242px × 2208px | 2208px × 1242px |
iPhone 6s | 750px × 1334px | 1334px × 750px |
iPhone SE | 640px × 1136px | 1136px × 640px |
APP Icon
如果只是针对 iOS 移动端来说, 对 iphone 做配置的话, 按照下面指的这五种分别切图即可.
iPad Pro. iPad, iPad Mini 尺寸需另切。
主要包括五种类型图片, 分别是 手机上直接展示的 App Icon,搜索栏 App Icon, 设置栏 App Icon, 通知栏 App Icon, 另一个是 AppStore 上需要的。
Device or context | Icon size |
---|---|
iPhone App Icon | 180px × 180px (60pt × 60pt @3x) |
iPhone App Icon | 120px × 120px (60pt × 60pt @2x) |
iPhone Spotlight Icon(搜索框下展示图标) | 120px × 120px (40pt × 40pt @3x) |
iPhone Spotlight Icon(搜索框下展示图标) | 80px × 80px (40pt × 40pt @2x) |
iPhone Settings Icon (设置栏里面展示图标) | 87px × 87px (29pt × 29pt @3x) |
iPhone Settings Icon (设置栏里面展示图标) | 58px × 58px (29pt × 29pt @2x) |
iPhone Notification icon | 60px × 60px (20pt × 20pt @3x) |
iPhone Notification icon | 40px × 40px (20pt × 20pt @2x) |
App Store | 1024px × 1024px (1024pt × 1024pt @1x) |
参考: Apple Icon
希望此篇文章对您有所帮助,如有不对的地方,希望大家能留言指出纠正。谢谢!!!!!
学习的路上,与君共勉!!!
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
Android笔记(四) | View基础
本文主要总结有关View的常用基础知识,作为V学习View相关内容的根基。 主要内容:View的位置参数、MotionEvent、TouchSlop对象、VelocityTracker、GestureDetector和Scroller对象。 View类 View类是Android中所有控件的基类,包括ViewGroup(控件组);这也就意味着,View本身可以是单个控件,也可以是包含多个控件的一组控件。 View的位置参数 View的位置主要由四个顶点决定,分别对应于四个属性:top、left、right、bottom。从Android3.0开始,增加了几个额外参数:x、y、translationx、translationY。这些参数都是相对于父容器的。 x:View发生平移后的左上角横坐标 y:View发生平移后的左上角纵坐标 translationX:View的横向偏移量(初始为0) translationY:View的纵向偏移量(初始为0) MotionEvent 手指触摸屏幕后的典型事件类型有: ACTION_DOWN——手指接触屏幕瞬间; ACTION_MOVE——手指...
- 下一篇
关于直播系统和短视频系统安卓手机屏幕适配的方向思路
直播与短视频的接踵而至,将互联网推向了网红经济时代,而智能手机的更新迭代为二者的发展提供了“温床”。但随着Android机型的增多,设备碎片化的程度也在不断加深,因此为了保证用户在不同Android机型下的体验效果一致,我们需要对各种手机屏幕进行适配。 下面我们就来聊下直播系统和短视频系统Android机型的适配问题。 1.布局组件的适配 关于组件的适配,这里有几种不同的适配方案。 一是使用密度无关像素dp或独立比例像素sp单位指定尺寸; 二是多使用相对布局(RelativeLayout)或线性布局(LinearLayout),RelativeLayout是相对布局,屏幕大小变化,其位置不会发生变化,而LinearLayout则可以准确控制视图之间的位置关系一一排列; 三是布局中的组件大小不要固定尺寸,据情况而定使用warp_content或match_parent以及权重,同时配合minWidth,minHeight等属性; 四是dimens的合理使用,相同的组件在不同的屏幕上定义不同的大小。 2.图片的适配 关于图片适配,主要有以下几个方面。 一是在一些特定场景下使用,假设图片名称...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- SpringBoot2配置默认Tomcat设置,开启更多高级功能
- CentOS7,8上快速安装Gitea,搭建Git服务器
- SpringBoot2全家桶,快速入门学习开发网站教程
- CentOS8安装Docker,最新的服务器搭配容器使用
- Hadoop3单机部署,实现最简伪集群
- MySQL8.0.19开启GTID主从同步CentOS8
- Docker使用Oracle官方镜像安装(12C,18C,19C)
- CentOS8编译安装MySQL8.0.19
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- Docker快速安装Oracle11G,搭建oracle11g学习环境