为何说 AndroidAutoLayout 的设计有问题？

时间 2019-11-05

标签为何 androidautolayout 设计有问题繁體版

原文原文链接

原文地址: juejin.im/post/5da3de…git

如下是 骚年你的屏幕适配方式该升级了! 系列文章，欢迎转发以及分享:github

扫描或点击如下二维码，加入技术交流 QQ 群 455850365框架

不少人以为屏幕适配框架，就是应该按照设计图尺寸，高和宽等比例拉伸页面而且填充满屏幕，百分百的还原设计图的布局效果。布局

这难道不对吗？post

像 AndroidAutoLayout 这种框架，能够作到设备运行效果和设计图如出一辙，才是真正的百分比屏幕适配框架啊。学习

而像 今日头条屏幕适配方案 和 SmallestWidth 屏幕适配方案 这种，只能以宽或者高中的一个做为基准进行屏幕适配的方案，明显是不科学，体验极差的方案啊。设计

可是我能够明确的告诉你们，上面的理解是很是片面的，AndroidAutoLayout 这样的设计反而是错误的，至少在当下这个时代是错误的。3d

AndroidAutoLayout 这样的设计只能适配旧时代的设备，但不能适配新时代的适配，那为何会这样呢？cdn

由于 AndroidAutoLayout 默认全部设备的高宽比都和设计图的高宽比一致，因此 AndroidAutoLayout 能够放心大胆的将页面的高和宽同时进行等比例拉伸以填满整个屏幕。blog

可是在这个全面屏手机普及的时代，怎么可能只有 16 ：9 这一种高宽比的屏幕？因而 AndroidAutoLayout 开始水土不服了。

只要手机屏幕的高宽比不是 16 ：9，AndroidAutoLayout 的屏幕适配就会出现问题，致使 View 严重变形。

AndroidAutoLayout 在任何屏幕上，页面的高和宽均可以完美填充屏幕，但只要设备的屏幕高宽比和设计图的高宽比不一致（设计图的高宽比通常为 16 ：9）， View 就会严重变形，看下图，在 18 : 9 的设备上，正方形的 View 已经变成了长方形。

也就是说 AndroidAutoLayout 在任何尺寸的屏幕上，让页面的高和宽均可以完美填充屏幕的代价，就是让 View 在屏幕高宽比和设计图高宽比不一致的设备上严重变形。

就是这个代价咱们也能理解，一个正方形的设计图除了牺牲等比例的代价，又如何能填充满一个长方形的屏幕呢。

但像 今日头条屏幕适配方案 和 SmallestWidth 屏幕适配方案 这种，以宽或者高中的一个做为基准进行屏幕适配的方案，就是完美的屏幕适配方案吗？

也不是。

这种方案虽然能够解决 View 在不一样高宽比的屏幕上变形的问题，可是却会致使当以宽为基准时，页面的高会超出，或低于屏幕高度，当以高为基准时，页面的宽会超出，或窄于屏幕宽度。

看下图，在 18 : 9 的设备上，正方形 View 虽然没有变形，可是页面却和屏幕底部间隔了 240 px。

可是如今大部分页面都会使用到 RecyclerView 来展现内容，因此只用保证高或宽中的一个彻底和设计图一致便可，所以这个问题也就被弱化了。

目前没有一个屏幕适配方案能够完美的解决全部问题，AndroidAutoLayout、今日头条屏幕适配方案 和 SmallestWidth 屏幕适配方案，都有各自的问题，可是 AndroidAutoLayout 的问题明显要比 今日头条屏幕适配方案 和 SmallestWidth 屏幕适配方案 影响更大，不能等比例拉伸，有如何称为百分比屏幕适配方案呢，因此这是我建议使用后者的缘由。

客观来讲百分比屏幕适配方案，并非适配效果最完美的解决方案，它只是帮助你用最低的成本去完成屏幕适配，在适配成本和适配效果中不断权衡，取舍出一个折中的方案，才是百分比屏幕适配方案最核心的理念，若是你极度追求 APP 在每一个设备上的适配效果，那就得花费更大的精力，自行去对每一个设备作更精细化的屏幕适配。

之后不要再问我，使用 AndroidAutoSize 后，页面为何和屏幕有间隔，和设计图的效果不一致了，这个问题已经把我问伤了，此次我经过画图的方式，大家应该更能理解。

公众号

扫码关注个人公众号 JessYan，一块儿学习进步，若是框架有更新，我也会在公众号上第一时间通知你们

如下是 骚年你的屏幕适配方式该升级了! 系列文章，欢迎转发以及分享:

Hello 我叫 JessYan，若是您喜欢个人文章，能够在如下平台关注我

-- The end