iPhone 界面尺寸以及各种图表尺寸
iPhone界面尺寸
设备 | 屏幕尺寸 | 开发尺寸 | 状态栏高度 | 导航栏高度 |
tab栏 高度 |
高宽比 |
iPhone 4/4S |
3.5英寸 | 320*480 | 40px | 88px | 98px | 0.66 |
iPhone 5/5S/5C/SE |
4英寸 | 320*568 | 40px | 88px | 98px | 0.56 |
iPhone 6/6S/7/8 |
4.7英寸 | 375*667 | 40px | 88px | 98px | 0.56 |
iPhone 6+/6s+/7+/8+ |
5.5英寸 | 414*736 | 54px | 132px | 98px | 0.56 |
iPhone X/Xs/ |
5.8英寸 | 375*812 |
88px |
88px |
98+34 px |
0.46 |
iPhone Xr |
6.1英寸 | |||||
iPhone Xs Max |
6.5英寸 | 414*896 | 0.46 |
iPhone X适配
iPhone图标尺寸
系统 | 分辨率 | 圆角大小 |
iOS 6- | 90px – 1024px | 约为图标宽度 × 0.175 |
iOS 7+ | 90px – 1024px | 约为图标宽度 × 0.225 |
Asset | iPhone 6 Plus (@3x) | iPhone 6 and iPhone 5 (@2x) | iPhone 4s (@2x) | iPad and iPad mini (@2x) | iPad 2 and iPad mini (@1x) |
App icon(required for all apps) | 180 × 180 | 120 × 120 | 120 × 120 | 152 × 152 | 76 × 76 |
App icon for the App Store(required for all apps) | 1024 × 1024 | 1024 × 1024 | 1024 × 1024 | 1024 × 1024 | 1024 × 1024 |
Launch file or image(required for all apps) | Use a launch file(see Launch Images) | For iPhone 6, use a launch file(see Launch Images)For iPhone 5, 640 × 1136 | 640 × 960 | 1536 × 2048 (portrait)2048 × 1536 (landscape) | 768 × 1024 (portrait)1024 × 768 (landscape) |
Spotlight search results icon(recommended) | 120 × 120 | 80 × 80 | 80 × 80 | 80 × 80 | 40 × 40 |
Settings icon(recommended) | 87 × 87 | 58 × 58 | 58 × 58 | 58 × 58 | 29 × 29 |
Toolbar and navigation bar icon(optional) | About 66 × 66 | About 44 × 44 | About 44 × 44 | About 44 × 44 | About 22 × 22 |
Tab bar icon(optional) | About 75 × 75(maximum: 144 × 96) | About 50 × 50(maximum: 96 × 64) | About 50 × 50(maximum: 96 × 64) | About 50 × 50(maximum: 96 × 64) | About 25 × 25(maximum: 48 × 32) |
Default Newsstand cover icon for the App Store(required for Newsstand apps) | At least 1024 pixels on the longest edge | At least 1024 pixels on the longest edge | At least 1024 pixels on the longest edge | At least 1024 pixels on the longest edge | At least 512 pixels on the longest edge |
Web clip icon(recommended for web apps and websites) |
180 × 180 | 120 × 120 | 120 × 120 | 152 × 152 |
iPhone 界面尺寸以及各种图表尺寸相关推荐
- 手机设计尺寸 - iPhone界面尺寸
参考网址: http://www.qijishow.com/down/app-index.htm iPhone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6 plu ...
- iphone界面元素的尺寸[转]
iphone界面元素的尺寸,转载,以备查询. 原文地址: http://www.idev101.com/code/User_Interface/sizes.html Element Size (in ...
- iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸...
iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸 iPhone界面尺寸 设备 分辨 ...
- iPhone像素点和常用控件尺寸
iPhone像素点和常用控件尺寸 作者:wangzz 原文地址:http://blog.csdn.net/wzzvictory/article/details/8565872 1. iPhone ...
- Android /iPhone/iPad UI之常用图标尺寸规范
整合的相对比较全面了,如果不足可以指出在补充完整. Android-App 常用图标尺寸规范 出自:http://www.cnblogs.com/libertycode/p/5666088.html ...
- Andriod界面设计的分辨率和尺寸适配全攻略 转载
Andriod界面设计的分辨率和尺寸适配全攻略 转载 2016年09月27日 17:45:56 第一.屏幕尺寸: 一般表示是手机的实际物理尺寸,屏幕尺寸指屏幕的对角线的长度,单位是英寸,1英寸=2.5 ...
- chart.js基本知识——调整图表尺寸
<chart.js使用学习 >最后提到测试过程中发现调用chart.js绘制的图表会自动充满父容器.如果canvas直接放在body标签下,则图标会充满整个页面,即便设置canvas的 ...
- vba 图表 大小 定位_VBA小技巧08: 调整工作表中所有图表尺寸并使其大小相同
学习Excel技术,关注微信公众号: excelperfect 有时候,我们想要将工作表中的所有图表进行缩放操作,且要求这些图表调整后的尺寸大小相同.如果使用手动拖放调整,看似大小相同,实际可能有差异 ...
- Android平台根据分辨率计算屏幕尺寸,基于物理尺寸来验证手机和平板应用合并的可行性
Android平台根据分辨率计算屏幕尺寸,基于物理尺寸来验证手机和平板应用合并的可行性 出发点:Android系统本身是支持多种分辨率的,如图1所示,一般情况下要适配不同尺寸的设备只需要做两件事, ...
最新文章
- python中文_python自然语言处理中文翻译资料分享
- Matlab实用程序--图形应用-填充图
- DL之Xception:Xception算法的简介(论文介绍)、架构详解、案例应用等配图集合之详细攻略
- python如何批量发布数据并如何定时更换token
- linux raid1 分区表,在 Linux 下使用 RAID(三):用两块磁盘创建 RAID 1(镜像)
- 性能测试培训:定位jvm耗时函数
- v-model双向绑定
- JQuery data API实现代码分析
- 苏宁公布双11战报:全渠道订单量增长76% 物流发货完成率达99.6%
- dpkg命令用法、Ubuntu下deb包的解压、打包、安装、卸载及常用命令参数
- Eclipse 右键打开文件夹之插件--easy explorer
- Android 修改系统时间代码
- PaaS、IaaS 、SaaS、Bass、Fass、无服务的理解与区别
- 小程序从数组中删除指定对象,返回新的长度源代码
- 大数据学习之一——Hadoop单机部署
- 教师公开课教学课件PPT模板
- python校验用户登录信息
- Solidity入门级别|用智能合约实现房屋贷款系统
- 子类不可以继承父类的构造方法
- [Java实战][仅需1步]企业微信群机器人[0基础接入]
热门文章
- Mysql语句+Linux指令一步入门
- Linux下kill -9杀不死进程或杀死又自动启动,解决
- 【毕业设计】大数据电影数据分析可视化系统 - python 爬虫
- 大学里机器人比赛的那些事
- 论文翻译阅读——Facial Emotion RecognitionUsing Deep Learning:Review And Insights
- 数字孪生定义、意义及案例
- SAP S4 MM配置详解之三:物料主数据-定义物料类型/物料状态/字段选择控制/物料组
- PAT甲级 1027 Colors in Mars (20分)
- poi设置excel行高
- 华硕x580nv拆机_华硕x550v怎么拆机 华硕x550v拆机教程【图文步骤】