android ui适配和ios ui适配分别是怎样得

来源：培训无忧网 发布人：裴裴

2022-05-30 14:34:13|已浏览：4611次

android ui适配

Android设备的屏幕尺寸，从几寸的智能手机，到10寸的平板电脑，再到几十寸的数字电视，我们应该适配哪些设备呢?
什么是ui适配_ui适配原则，其实这个问题不应该这么考虑，因为对于具有相同像素密度的设备来说，像素越高，尺寸就越大，所以我们可以换个思路，将问题从单纯的尺寸大小转换到像素大小和像素密度的角度来。

占比5%以上的6个主流分辨率，占比高的是480*800，320*480的设备竟然也占据了很大比例，但是和半年前的数据相比较，中低分辨率(320*480、480*800)的比例在减少，而中高分辨率的比例则在不断地增加。虽然每个分辨率所占的比例在变化，但是总的趋势没变，还是这六种，只是分辨率在不断地提高。所以说，我们只要尽量适配这几种分辨率，就可以在大部分的手机上正常运行了。当然了，这只是手机的适配，对于平板设备(电视也可以看做是平板)，我们还需要一些其他的处理。

ios ui适配

从iPhone3GS/iPhone4(s)过渡到iPhone5(s)时，在逻辑上宽度不变高度稍高，之前旧的素材和布局通过AutoresizingFlexible简单适配即可运行得很好，但由于高宽比增大，上下两端出现黑粗边(典型如LaunchImage)。
从分辨率的角度来看，除了需要提供LaunchImage这种满屏图，其他基本沿用二倍图(@2x);从屏幕尺寸角度来看，需要对纵向排版略加调整。从iPhone5(s)发展到iPhone6(+)，由于高宽比保持不变，iOS对图标、图片、字体进行等比放大自适应，清晰度会有所降低。同时，坐标布局会导致在大屏下出现偏左偏上的问题。从分辨率的角度来看，iPhone6沿用二倍图(@2x)，但需为iPhone6+提供更高的三倍图(@3x);从屏幕尺寸角度来看，需要重新对UI元素尺寸和布局进行适配，以期视觉协调。

(1)按宽度适配

iPhone4~6(+)的屏幕高宽比：

iPhone4(s)：分辨率960*640，高宽比1.5

iPhone5(s)：分辨率1136*640，高宽比1.775

iPhone6：分辨率1334*750，高宽比1.779

iPhone6+：分辨率1920*1080，高宽比1.778

可粗略认为iPhone5(s)、6(+)的高宽比是一致的(16:9)，即可以等比例缩放。这样，共有iPhone3/4/5、6、6+三组宽度，在iPhone6、6+下将按比例横向放大。

(2)按高度适配

在同样的宽度下，iPhone4(s)的屏高比iPhone5(s)低，若纵向排版紧张，可以iPhone5(s)为基准，共有iPhone3/4、5、6、6+四组高度，在iPhone3/4下将按比例纵向缩小，在iPhone6、6+下将按比例纵向放大。

(3)按字体适配

另外，iPhone的【设置】【通用】【辅助功能】中可以设置调节【更大字体】，APP也可以按字号适配。

ui设计一稿适配

一份设计稿就不能适用于 iOS 各手机屏幕尺寸。如何支持多个尺寸屏幕，这个要分情况讨论。对于常规界面我们可以偷个懒，只做 iPhone 5 屏幕尺寸的设计稿，请开发在其它屏幕上自适应，终检查实机效果没问题就行。对于一些定制的界面我们应该根据不同屏幕重新适配， iPhone 6 Plus 界面中部分切图尺寸比 3x 更大，要单独切图，所以不是说简单地给 iPhone 6 Plus 统一切 3x 图就 OK 的了。这时矢量切图在开发中优势很明显，只要把大屏幕中切图的尺寸告诉开发即可，无需针对非 3x 元素额外输出切图。

注：尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-36635.html 违者必究！部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们，了解更多相关资讯请关注UI设计频道查看更多，了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多：150 3333 6050

相关新闻