如何让app快速适配苹果iOS 12的系统?

如何让app快速适配苹果iOS 12的系统?,第1张

第一步,我们先打开苹果手机的系统设置,如下图所示
苹果手机怎么快速升级iOS 12系统
进入系统设置后,要往上面滑动界面,直到找到通用选项,点击进入通用,参考下图
苹果手机怎么快速升级iOS 12系统
苹果手机怎么快速升级iOS 12系统
进入通用后,点击进入软件更新,一般都会有一个醒目的红色数字“1”提示你更新
苹果手机怎么快速升级iOS 12系统
进入软件更新界面后,就可以看到新版本iOS系统的简介,iOS12的推送到时候也是一样的。我们可以点击了解更多
苹果手机怎么快速升级iOS 12系统
在这个界面就可以看到到底更新了哪些东西,适不适合自己,如下图所示
苹果手机怎么快速升级iOS 12系统
6
如果你觉得新功能还不错,那就可以点击下载并安装软件更新,必须要输入锁屏密码,如下图所示。朋友们,学会了吗如果你觉得对你有帮助,可以点个赞嘛!

制作矢量化的设计稿-高清重绘无障碍
sketch在之前静电的设计教室已经讲过(小伙伴可以直接访问静电的主页查看sketch教程),相信小伙伴已经渐渐的开始用这款神器来做设计了。这个时候,用sketch做设计的好处慢慢的展现出来,全矢量的图标,想导出多大就导出多大,是不是方便很多?(当然,我们不能用位图图标哦,否则也是会虚的。)全矢量化的设计,在以后相当长的一段时间,应该会慢慢变成主流。
最后的总结
1简单粗暴的适配iPhone6plus的原理,直接将现有图标的长宽分别放大15倍即可,也就是从@2x到@3x。 强烈建议使用1080分辨率来设计,然后等比缩放(长宽各缩放2/3)

如果有跟我一样情况的:

1 有人说用sketch自动导出多套尺寸切图和SVG矢量格式,表示没钱买MAC

2 有人说用切图神器cutman,表示用CC以上版本PS不支持

3 另…不喜欢/用不惯/不会用ps自带切图工具的

目前iPhone有10种型号,5种屏幕尺寸,再加上6plus的“降采样”(Downsampling)(1080-1920),还有iPhone6和6+上的放大模式(1125-2001)和默认模式(1242-2208),是不是感觉好恐怖但是不用怕,我分享一套超简单的适配方法,看完你都不信有这么简单~

美术交付给开发的资料有

1、 标注图(以640为宽度尺寸为基准标注)

2、 2x切图(以640为宽度尺寸为基准切图)

3、 3x切图(以1280为宽度尺寸为基准切图)

开发看到这份标注图,可以自己用上面的数字,乘以15得出3X的数字。字号也是如此

以淘宝为栗子

好的,标注的事儿解决了,再来看怎么切图

我使用的切图方法很傻瓜,就是使用PS自带的“将图层导出到文件”脚本

具体的步骤来了

1、 以640为宽度的尺寸来设计界面,保证里面用到的尺寸都是个整数并且是偶数哦(已经有设计好的界面的请看下一段)

2、 另新建一个640为宽度的空白PSD,命名为“切图-2X”

3、 把设计稿里需要切图的图层、组,拖到“切图-2x”里面,每个切片保存为一个组(比如说一个按钮包含3层,2个状态,分别合成2个组),再检查下命名

举栗

4、 保存好后,然后CTRL+ALT+I(图像大小),把宽度640像素改成1280像素,因为直接放大的2倍,是不会出现虚边的。

5、 1280宽的版本保存为“切图-3x”PSD。

6、 接下来把PSD中的“组”合并成智能文件。直接CTRL+E合并成图层也是可以的,智能文件还可以修改强迫症患者心里舒服些。合并智能文件快捷键设置方法:编辑>键盘快捷键>图层>智能对象>转换为智能对象>设一个自己顺手的快捷键

7、 然后激动人心的时刻到了,直接 文件>脚本>将图层导出到文件,设置为PNG格式,设好导出的文件夹,点确定~然后喝杯咖啡去~PS大大就自动帮你保存好了

8、 “切图-2x”的PSD也如此 *** 作一遍即可。记得分别放在不同的'文件夹里,否则PS会自动覆盖掉命名一样的图层的。

超级啰嗦:

1为什么3x切图要以1280来为宽度

其实iPhone6+的尺寸12422208作为3X,怎么算都又难记又不能整除,我们直接6402得到1280跟1242相差也没几十个像素,最重要的是不虚边啊,放在真机上看(处女座除外)看不出差别的。

2为什么只设宽度

为了保持长宽比例。iPhone的这几个尺寸不是正好的,宽度放大后高度总差那么几个像素,这不要紧,千万别去改高度,手机屏幕是可以上下滑动的嘛。不可以滑动必须保证一屏显示的除外,手动去调整好了。

3为什么开发不是乘以2而是乘以15来算尺寸和字号因为大屏手机就是要显示更多内容而存在的。纯等比放大界面看起来傻大傻大的,实验证明15倍是正好的。

4使用智能对象要注意的

如果你有使用智能对象的习惯请一定记得直接放大智能对象是会糊的,要把智能对象内部的图层拿出来放大再切图哦~!

5需要怎样跟开发去沟通适配原则

再讨论下以大屏为基础设计缩小切图的方法,如果按1242来设计那各种缩小都不成整数比例会虚边,按我说的1280的话那么你设计时必须每个内容尺寸是4的倍数,因为2X时除以2,1X时又要除以2,不能整除又要虚边了。数学不好的还是蒜了吧~目前主流还是2X尺寸,啥时候3X大屏成主流了我们再说~

  作为一个App开发者当然也要对现有的App做适配,下面就说一下我是怎么适配的。

  如果用 LaunchScreenstoryboard ,那么就在其view上面放一些相对布局的控件,启动的时候就可以充满iPhone X的整个屏幕了。

  iPhoneX竖屏下,顶部为了适应齐刘海,状态栏高度由以前的20px变为了44px,底部为了适应上滑的Home条,苹果建议预留高度为34px的空白区域。

  iPhoneX横屏下,由于一边会有齐刘海的影响,左右分别设置边距为44px,同时底部为了适应上滑的Home条,设置距离为21px。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13408818.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-30
下一篇 2023-07-30

发表评论

登录后才能评论

评论列表(0条)

保存