Android UI自适应不同分辨率屏幕2套解决方案

当我们谈论Android UI自适应不同分辨率屏幕的时候,先来回顾下25学堂之前写的《Android APPUI设计师必知:pt sp dp之间的关系》相关单位的知识。

如果不明白的,我们今天再次简单的解释下,也方便大家加深对这几个专业名词的印象。

pt:点

px:表示屏幕实际的象素

sp:与密度不关,是android 文字的单位

dp:为了支持WVGA、HVGA和QVGA推荐使用这个。一种基于屏幕密度的抽象单位。

各个android单位专业名词具体详情: 点击查看

因为Android手机屏幕大小不一,有480x320,640x360,800x480,1280x720等主流分辨率尺寸。

Android自适应不同分辨率

解决方案一:

这种方案是最容易实现的。技术难度不大!对于我们APP ui设计师来说,需要切几种图片。

为了自适应大多数的android手机分辨率。drawable- hdpi、drawable- mdpi、drawable-ldpi的区别:

drawable-hdpi里面存放高分辨率的图片,如WVGA (480x800),FWVGA (480x854)

drawable-mdpi里面存放中等分辨率的图片,如HVGA (320x480)

drawable-ldpi里面存放低分辨率的图片,如QVGA (240x320)

android系统会根据机器的分辨率来分别到这几个文件夹里面去找对应的图片。在开发程序时为了兼容不同平台不同屏幕,建议各自文件夹根据需求均存放不同版本图片。

这个环节可以由android 程序开发人员去完成,appui设计师配合就行。

因为还有手机屏幕是横屏和竖屏的。所以我们也需要在res目录下建立layout-port和layout-land两个目录,里面分别放置竖屏和横屏两种布局文件,以适应对横屏竖屏自动切换。

这个时候也需要切2种不同的界面皮肤。

解决方案二:

这种方案是运用.9png切图法。因为android密度分为 小 中,高,高清等。所以需要自带匹配不同的位图。

举例来说,对于中等密度(medium)的屏幕你的图片像素大小为48×48,那么低密度(low)屏幕的图片大小应为36×36,高(high)的为72×72,extra high为96×96。

适应字体的方法是定义values320×480或value-hdpi方式去处理。

另外字体自适应大小

首先根据设计不同分辨率获取不同字体大小。

标准分辨率为:480x320 字体大小为:30px 标题20sp,内容标题18sp,内容16sp,也有少量特殊的。

高清分辨率的在这个基础上 x1.5倍。

 

Android界面设计新手教程和Android设计经验分享

3

关于Android界面设计的知识点或是设计规范,25学堂跟大家分享了不少了,而且很多还是跟Android 官方的知识点,并没有真正体现出在实践中得出来的。今天就不一样了,非常感谢厚朴工作室的关于Android设计经验分享。

 

Android界面设计适配不同屏幕的尺寸和密度解读

featured30@wdd2xAndroid是运行在各种提供不同的屏幕尺寸和密度的设备。Android系统提供跨设备的统一开发环境和处理大部分的工作,以调整每个应用程序的用户界面,以在其上显示的画面。

每天更新,
全站高品质素材免费下载!