Android:设计之屏幕适配
据统计目前市场Android手机的分辨率有是10余种,分辨率如此广泛使得我们在处理分辨率适应方便遇到不少难题,本文就此难点记录设计与实际布局中的解决技巧。
以320x480为蓝本设计布局
因为Android布局的时候一般用dp为单位,而我们设计的时候一般用px为单位,这涉及到单位转换问题,而在mdpi下,屏幕密度为160,px和dp是1:1关系,即1px =1dp(dpi/160),
所以为了更方便转换,在进行设计的时候,可以优先以mdpi,即320x480px为蓝本进行设计。
还有别忘了手机头顶的状态栏高度了
那么当我们用photoshop测量间距是10px时,就可以在布局里面标注10dp。
资源文件夹 | 屏幕分辨率 | 类型 | 对应图标尺寸 | 屏幕密度 | 1dp |
---|---|---|---|---|---|
xhdpi 超高分辨率 | 1280*720 | WQVGA | 96*96 | 320 | =2 |
hdpi 高分辨率 | 480*800 | WVGA | 72*72 | 240 | =1.5 |
mdpi 中等分辨率 | 480*320 | HVGA、VGA | 48*48 | 160 | =1 |
ldpi 低分辨率 | 320*240 | QVGA | 36*36 | 120 | =0.75 |
为不同的屏幕尺寸提供不同的图片:
默认情况下,Android会缩放.png、 .jpg、.gif文件和.9.png,使其呈现合适的尺寸,如果没有匹配资源可用,将使用默认资源或其他密度相关资源进行缩放。默认资源指的是没有限定 符的资源(在drawable/ 下的就是是默认的资源)。 而缩放可能让它们失真,所以为了让图片有最好的展示,应该为不同屏幕密度提供不同大小的图片。如果提供一套图至少提供更高分辨 率高密度的位图而不是提供哪些中等密度设计的位图。
在res/目录下创建一个不同的layout文件夹、values文件夹、drawable文件夹等资源文件夹
资源文件夹命名:资源名-属性1-属性2-属性3-属性4-属性5.....( values-ldpi、values-land-mdpi)
即以<resources_name>-<qualifier>格式命名系统会根据屏幕的大小自己选择合适的进行使用。
其中resources_name资源名就是资源类型名,包括:drawable, values, layout, anim, raw, menu, color, animator, xml;
<qualifier> 是一个配置限定符,指定对应的屏幕参数,限定符可以参考以下表:
手机特性 | 资源限定符 | 描述 |
---|---|---|
屏幕尺寸 | small | 小尺寸屏幕 |
normal | 正常大小的屏幕 | |
large | 大尺寸屏幕 | |
xlarge | 超大尺寸的屏幕 | |
分辨率 | 320x240 | values-ldpi-320x240 |
480x320 | values-480x320 | |
800x480 | values-800x480 | |
854x480 | values-854x480 | |
960x540 | values-960x540、values-hdpi-960x540 | |
960x640 | values-960x640、values-xhdpi-960x640 | |
1024x600 | values-mdpi-1024x600 | |
1280x720、1280x800 | values-1280x720 | |
其他 | values-xhdpi-1184x768、values-xhdpi-1280x720、values-xhdpi-1920x1080 | |
密度 | ldpi | 低密度~120dpi |
mdpi | 中密度~160dpi | |
hdpi | 高密度~240dpi、 | |
xhdpi | 超高密度〜320dpi 、 | |
nodpi | 存放无视屏幕密度的资源,如:一些不能被拉伸的图片放在 drawable-nodpi ,但宽和高要写wrap_content | |
tvdpi | 主要用于电视,大多数App不需要用到 | |
方向 | land | 横向屏幕 |
port | 纵向屏幕 | |
版本 | v1~v19 | 新建工程时可以看见,API 1到API 19 |
假设需要适应320x240,480x320分辨率。在res目录下新建文件夹values-320x240, values-480x320。然后在文件夹 values ,values-320x240 和 values-480x320 下新建xml文件dimens.xml设置字体大小、宽、高等属性。Android 系统会根据当前设备的屏幕大小、分辨率、屏幕密度、方向、长宽比等信息,选择相应文件夹进行加载。
注意的是:
values在values-ldpi之前先找到,系统认为values比values-ldpi更接近。
多分辨率兼容性测试
自己定制AVD作为应用程序的测试环境,模拟真实机器大大小和密度,
布局文件可以在预览看到效果:
相关文章
- 基于Android的人事管理系统设计与实现(论文+源码)_kaic
- 【控件显示】Android中控件的显示(visible、invisible、gone)
- Jquery Mobile设计Android通讯录第二章
- android中sqlite3常用命令
- 基于Android的运动记录APP设计与实现(论文+源码)_kaic
- 点9图 Android设计中如何切图.9.png
- (Android) Download Images by AsyncTask API
- 【Android UI设计与开发】第17期:滑动菜单栏(二)开源项目SlidingMenu的示例
- android universal image loader 缓冲原理详解
- Android JetPack Compose详解 Compose的设计原理和概念(从入门到入土)
- Android-App的设计架构经验谈,大厂面试题汇总
- 15个经典面试问题,给Android程序员的一些面试建议,帮你突破瓶颈
- iPhone14或仍有刘海,设计、芯片都不变;微信聊天对话框支持放大编辑;Android 13正式版发布|极客头条
- Android Studio 使用USB真机调试教程
- Android无线调试方法(Root和非Root)
- Android service与Thread
- 【Android】Android设计准则
- Android获取状态栏和标题栏的高度
- Android--sharepreference总结
- Android开发之程序猿必需要懂得Android的重要设计理念
- Android仿华为天气绘制刻度盘
- androidの异常:java.lang.IllegalStateException: ImageLoader must be init with configuration befor 错误解决方法
- Android系统的安全设计与架构
- Android 静默安装与卸载分析
- Android源码分析-Alarm机制与Binder的交互
- 【Android 性能优化】应用启动优化 ( 安卓应用启动分析 | Launcher 应用简介 | Launcher 应用源码简介 | Launcher 应用快捷方式图标点击方法分析 )
- Android studio 中引用jar的其实是Maven?(二)