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 界面尺寸以及各种图表尺寸相关推荐

  1. 手机设计尺寸 - iPhone界面尺寸

    参考网址: http://www.qijishow.com/down/app-index.htm iPhone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6 plu ...

  2. iphone界面元素的尺寸[转]

    iphone界面元素的尺寸,转载,以备查询. 原文地址: http://www.idev101.com/code/User_Interface/sizes.html Element Size (in ...

  3. iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸...

    iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸 iPhone界面尺寸 设备 分辨 ...

  4. iPhone像素点和常用控件尺寸

    iPhone像素点和常用控件尺寸 作者:wangzz 原文地址:http://blog.csdn.net/wzzvictory/article/details/8565872 1.    iPhone ...

  5. Android /iPhone/iPad UI之常用图标尺寸规范

    整合的相对比较全面了,如果不足可以指出在补充完整. Android-App 常用图标尺寸规范 出自:http://www.cnblogs.com/libertycode/p/5666088.html ...

  6. Andriod界面设计的分辨率和尺寸适配全攻略 转载

    Andriod界面设计的分辨率和尺寸适配全攻略 转载 2016年09月27日 17:45:56 第一.屏幕尺寸: 一般表示是手机的实际物理尺寸,屏幕尺寸指屏幕的对角线的长度,单位是英寸,1英寸=2.5 ...

  7. chart.js基本知识——调整图表尺寸

      <chart.js使用学习 >最后提到测试过程中发现调用chart.js绘制的图表会自动充满父容器.如果canvas直接放在body标签下,则图标会充满整个页面,即便设置canvas的 ...

  8. vba 图表 大小 定位_VBA小技巧08: 调整工作表中所有图表尺寸并使其大小相同

    学习Excel技术,关注微信公众号: excelperfect 有时候,我们想要将工作表中的所有图表进行缩放操作,且要求这些图表调整后的尺寸大小相同.如果使用手动拖放调整,看似大小相同,实际可能有差异 ...

  9. Android平台根据分辨率计算屏幕尺寸,基于物理尺寸来验证手机和平板应用合并的可行性

    Android平台根据分辨率计算屏幕尺寸,基于物理尺寸来验证手机和平板应用合并的可行性   出发点:Android系统本身是支持多种分辨率的,如图1所示,一般情况下要适配不同尺寸的设备只需要做两件事, ...

最新文章

  1. python中文_python自然语言处理中文翻译资料分享
  2. Matlab实用程序--图形应用-填充图
  3. DL之Xception:Xception算法的简介(论文介绍)、架构详解、案例应用等配图集合之详细攻略
  4. python如何批量发布数据并如何定时更换token
  5. linux raid1 分区表,在 Linux 下使用 RAID(三):用两块磁盘创建 RAID 1(镜像)
  6. 性能测试培训:定位jvm耗时函数
  7. v-model双向绑定
  8. JQuery data API实现代码分析
  9. 苏宁公布双11战报:全渠道订单量增长76% 物流发货完成率达99.6%
  10. dpkg命令用法、Ubuntu下deb包的解压、打包、安装、卸载及常用命令参数
  11. Eclipse 右键打开文件夹之插件--easy explorer
  12. Android 修改系统时间代码
  13. PaaS、IaaS 、SaaS、Bass、Fass、无服务的理解与区别
  14. 小程序从数组中删除指定对象,返回新的长度源代码
  15. 大数据学习之一——Hadoop单机部署
  16. 教师公开课教学课件PPT模板
  17. python校验用户登录信息
  18. Solidity入门级别|用智能合约实现房屋贷款系统
  19. 子类不可以继承父类的构造方法
  20. [Java实战][仅需1步]企业微信群机器人[0基础接入]

热门文章

  1. Mysql语句+Linux指令一步入门
  2. Linux下kill -9杀不死进程或杀死又自动启动,解决
  3. 【毕业设计】大数据电影数据分析可视化系统 - python 爬虫
  4. 大学里机器人比赛的那些事
  5. 论文翻译阅读——Facial Emotion RecognitionUsing Deep Learning:Review And Insights
  6. 数字孪生定义、意义及案例
  7. SAP S4 MM配置详解之三:物料主数据-定义物料类型/物料状态/字段选择控制/物料组
  8. PAT甲级 1027 Colors in Mars (20分)
  9. poi设置excel行高
  10. 华硕x580nv拆机_华硕x550v怎么拆机 华硕x550v拆机教程【图文步骤】