摘自:http://blog.ibireme.com/2014/09/16/adapted_to_iphone6/ 苹果公司官网设计介绍到:Retina显示屏的超高像素密度已超过人眼能分辨的范围.Retina对图像设计(图标.启动画面和其它所有像素有关的东西)有什么影响呢?如果我们的app要支持Retina,就要提供高分辨率的(宽x2,高x2)的图片.同时,为了支持没有Retina的设备,仍旧要准备低分辨率的版本. 换言之,我们要准备两套设计图. 针对不同分辨率的图片,苹果规定了一个命名规范:假…

刚出了Xcode9正式版 迫不及待地下载 使用了 保密了这么久的iPhone X 模拟器 运行起来这个样子 上下都留白不正常 这必须匹配新的启动图才行,马上查苹果开发文档 get it!!!! 添加了新的启动图 如下 然后再跑一次: 算是适配了 其他具体页面布局 有自定义导航栏的得单独重新定制一下,因为状态栏肯定不是20像素高了 至此,启动图片添加完毕 参考 (1) https://developer.apple.com/ios/human-interface-guidelines/overvi…

总结: 1.状态栏高度发生变化,解决方案:布局的时候这个高度不要写死,通过方法获取高度. 2.导航栏的视图层级结构发生变化而导致 UI(titleView.UIBarButtonItem) 问题. 3.safeAreaInset 导致 Scrollview 偏移. 4.Tabbar发生变化,建议用系统的tabbar. 先看看iPhone各机型的尺寸吧. 下面是iPhone X 对比其他机型的变化图.iPhone X和iPhone 8 在宽度上是一致的,在垂直方向上多出了145pt,这就意味着首页…

…

效果如下 使得大屏不论在什么宽高比例依然能展示全部数据 安装 npm install -S postcss-pxtorem rem配置思路 原先的rem函数是能解决大部分的问题的,如果展示不全,也可以用滚动条. 但是大屏展示又不能使用滚动条,又必须展示全部的内容,这个时候就需要改变原来的计算方式,需要根据屏幕的实际高度来计算对应的屏幕宽度 1. 配置rem.js文件 rem.js可以放在src文件夹下,我是放在src下的utils文件夹中 初始的rem配置 // 设置 rem 函数 functi…

趁iPhone新品还没有发布,先整理一下屏幕适配.启动图适配.APP图标适配的笔记,方便以后查阅: 注:部分图片来源于网络 违删; (一)iPhone屏幕适配: (1)屏幕分辨率: ①设计尺寸规范(表格): ②设计尺寸规范(图文): ③开发尺寸易理解: (二)iPhone刘海屏/非刘海屏PT尺寸简要图: (三)APP图标适配尺寸简要图: (四)启动图尺寸简要图: (五)部分适配相关宏定义(简要说明): /** * MARK:-屏幕尺寸宏定义 * 导航栏高度 状态栏高度 底部tabbar高度 苹果…

本文主要简单谈谈并收集一些关于 iOS 11 & iPhone X 的适配及设计指南. iPhone X 众所周知,iPhone X 屏幕与其他的 iPhone 设备均不同,苹果称 iPhone X 的屏幕为超级视网膜显示屏. 在 iPhone X 上 1pt 相当于 3x3 px,也就是我们常说的 @3x,同 Plus 机型. iPhone X 的屏幕尺寸为 375x812 pt(即 1125×2436 pix).iPhone X 比 4.7 寸机型屏幕多出 145 pt. iPhone X…

http://liumh.com/2015/10/21/ios-image-related-matching/ 苹果IPHONE 5主屏尺寸: 4英寸 屏幕尺寸: iPhone 6 Plus 5.5英寸的, iPhone 6 4.7 英寸的 显示分辨率[1] iPhone 6 Plus 采用标准的 1920×1080分辨率屏幕,PPI值为401:[2] iPhone 6 则采用了1334×750分辨率的屏幕,PPI值为326. iOS App图标和启动画面尺寸 注意:iOS所有图标的圆角效果由系…

一.前言 前段时间 WWDC 大会上苹果推出了 iOS11 系统 和 iPhone X 新机型,相信各个 iOS 团队的开发者都已经在计划新系统和新机型的适配工作了.不得不说,新系统和新机型的发布确实是给 iOS 开发者带来了不小的工作量,因此有必要将 58 同城 iOS 客户端适配过程中遇到的问题跟大家分享一下. 二.iOS 11 UIKit 在适配 iOS 11 之前,我们首先要弄清楚 iOS 11 做了哪些改动,哪些改动会对我们现有的应用产生影响,这样有助于我们分析现象.建议大家看下 WW…

基本概念 - 逻辑分辨率 pt (point),物理分辨率 px (pixel) - 缩放因子 scale 或者 dpr, scale ≈ px / pt - 缩放采样 例如 iPhone 6 Plus,100 pt x @3 / 1.15 - 像素密度 PPI (Pixel Per Inch): 例如 iPhone 4 ![](https://img2018.cnblogs.com/blog/535719/201812/535719-20181214110936372-205457607.pn…