UI如何高效的适配安卓(android)各个机型

用户头像
上海/设计爱好者/9年前/5083浏览
UI如何高效的适配安卓(android)各个机型

如何高效的适配安卓(android)各个机型,本文章结合安卓开发工具(github上一个开源项目,项目名称是autolayout),本文章是一篇半ui半开发工具的文章。

郑重声明:本文从设计角度说明适配问题,含前端技术,码农慎喷,我是萌妹纸


UI如何高效的适配安卓(android)各个机型?


相信每个UI对于安卓的各个机型的适配应该是痛恨交加,记得刚毕业的时候,对于安卓的各个机型的适配,我都痛苦万分,安卓手机屏幕常见的分辨率有480×800、720×1280、1080×1920等。例如:720×1280表示此屏幕在宽度方向有720个像素,在高度方向有1280个像素。安卓最少得做这种适配。


063257459e3e32f875a4294f6b42.jpg



工作了一阵子之后发现,iPhone6(750*1334)的尺寸相对其它尺寸更好的适配安卓,便从此安卓的适配就用iPhone6的尺寸进行适配。但是在安卓开发的时候,便还是要标注几套比较特殊的尺寸。还是比较繁琐。例如:



7dfb574597df6ac72525ae98f1ab.jpg

不论对于开发还是设计都是比较繁琐的事情。


但是but


自从在github上发现一个牛逼轰轰的码农哥哥(张鸿洋hongyangAndroid)上传的一个开源项目(项目名称是autolayout)之后,便发现,原来安卓适配也可以这么简单~


1f875745995732f875a42927386d.jpg



贴上地址:https://github.com/hongyangAndroid/AndroidAutoLayout

在安卓应用了这个开源项目之后,可以说安卓的适配问题已经解决了98%(唯一的问题是:你的设计稿一定要精确,并且标注也要精确,才能达到设计稿的效果)直接填写设计图上的像素尺寸即可完成适配,最大限度解决适配问题。


贴上我的项目成果图片


效果图:

0c4557459ace32f875a4293464b9.jpg




标注图:


d0ce57459b186ac72525ae50bdea.jpg




实现效果图(安卓手机):

de7d57459b7b32f875a429d260c0.jpg


af2757459b9e32f875a4299f3893.jpg


从项目成果上看:对于安卓适配来说,autolayout已经能支持大部分手机的适配,并且能90%的实现设计图的效果,为UI适配及开发大大提升工作效率。

ps:对于app的适配及标注,我会使用cutter man及paker工具一起。很大的节省时间~

所以,设计师们,喊上你们公司的安卓开发一起来玩转安卓适配吧~下期,我会po出autolayout的设计原理。


来,点个赞我看看,我会很感动的~

54
Report
|
48
Share
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in