一,屏幕尺寸适配
1.1布局匹配
- 布局元素自适应屏幕尺寸
使用RelativeLayout,LinearLayout 合理利用"wrap_content"和"match_parent" - 根据屏幕的配置来加载相应的UI布局
文件配置如下:例如
适配手机的单面板(默认)布局:res/layout/main.xml
适配尺寸>7寸平板的双面板布局::res/layout-large/main.xml
1.2布局组件匹配
- 使用"wrap_content"、"match_parent"和"weight“来控制视图组件的宽度和高度
1.3图片资源匹配
- 使用.9.pn
1.4用户界面流程匹配
根据屏幕的配置来加载相应的用户界面流程
二,屏幕密度适配
2.1布局控件匹配
- 使得布局组件在不同屏幕密度上显示相同的像素效果
dp,sp单位 - 百分比适配方法,配置不同分辨率的values文件
2.2图片资源匹配
- 一套图,每种分辨率都配置一个,每套分辨率出一套图,为美工或者设计增加了许多工作量
xhdpi应该是首选
三 今日头条适配方案
当前设备屏幕总宽度(单位为像素)/ 设计图总宽度(单位为 dp) = density
这个公式就是把上面公式中的 屏幕的总 dp 宽度 换成 设计图总宽度,原理都是一样的,只要 density 根据不同的设备进行实时计算并作出改变,就能保证 设计图总宽度 不变,也就完成了适配
网友评论