- 一、计算素材宽高与屏幕布局宽高比例系数
- 二、自定义组件完整代码
参考文档 :
- 设备兼容性概览
- 屏幕兼容性概览
- 支持不同的像素密度
- 声明受限屏幕支持
在博客 【Android 屏幕适配】屏幕适配通用解决方案 ② ( 自定义组件解决方案 | 需要解决的问题 : 设计稿坐标数据转为屏幕真实坐标数据 | 实现步骤 ) 中 , 提出 如果要实现将 宽高为 720 x 1232 的设计稿 , 对应 手机屏幕中除 状态栏之外的 布局 , 需要完成如下操作 :
首先 , 要 获取到实际的设备屏幕数据 , 如 手机屏幕实际宽高 , 屏幕像素密度 DPI 等数据 ;
然后 , 计算实际设备的宽高 , 扣掉状态栏的高度 , 不同手机设备状态栏高度不同 , 然后再进行后续计算 ;
再后 , 给出一个 设计稿 与 屏幕实际有效像素值 的 换算比例 ;
最后 , 根据给出的比例 , 在 自定义组件的 onMeasure 方法 中 , 进 行动态换算 , 计算出在当前设备中每个组件的 实际坐标数据 ;
在博客 【Android 屏幕适配】屏幕适配通用解决方案 ③ ( 自定义组件解决方案 | 获取设备状态栏高度 | 获取设备屏幕数据 ) 中 , 完成了前两项工作 , 已经获取了实际的屏幕数据 , 状态栏高度 ;
在博客 【Android 屏幕适配】屏幕适配通用解决方案 ④ ( 自定义组件解决方案 | 计算设计稿与实际布局的比例系数 ) 中 , 计算了设计稿与实际布局的比例系数 ;
本篇博客中完成第四项工作 , 根据给出的比例 , 在 自定义组件的 onMeasure 方法 中 , 进 行动态换算 , 计算出在当前设备中每个组件的 实际坐标数据 ;
一、计算素材宽高与屏幕布局宽高比例系数首先 , 获取自定义 ViewGroup 组件的子组件的个数 ;
// 获取该 ViewGroup 子组件个数
int childCount = this.getChildCount();
然后 , 获取 X 轴 和 Y 轴 方向上 , 设计稿 与 屏幕实际布局 缩放系数 ; 参考 【Android 屏幕适配】屏幕适配通用解决方案 ④ ( 自定义组件解决方案 | 计算设计稿与实际布局的比例系数 ) 博客 ;
// 获取 X 轴 设计稿 与 屏幕实际布局 缩放系数
float xScale = getXScaleValue();
// 获取 Y 轴 设计稿 与 屏幕实际布局 缩放系数
float yScale = getYScaleValue();
/**
* 获取设备实际宽度与参考宽度的比值
* @return
*/
public float getXScaleValue(){
return screenWidth / REFERENCE_WIDTH;
}
/**
* 获取沙设备实际高度与参考高度的比值
* @return
*/
public float getYScaleValue(){
return screenHeight / REFERENCE_HEIGHT;
}
最后 , 逐个遍历子组件 , 修改子组件的 LayoutParams 布局属性中的 宽高 , 左上右下边距位置 ;
// 逐个遍历子组件
for (int i = 0;i
关注
打赏
最近更新
- 深拷贝和浅拷贝的区别(重点)
- 【Vue】走进Vue框架世界
- 【云服务器】项目部署—搭建网站—vue电商后台管理系统
- 【React介绍】 一文带你深入React
- 【React】React组件实例的三大属性之state,props,refs(你学废了吗)
- 【脚手架VueCLI】从零开始,创建一个VUE项目
- 【React】深入理解React组件生命周期----图文详解(含代码)
- 【React】DOM的Diffing算法是什么?以及DOM中key的作用----经典面试题
- 【React】1_使用React脚手架创建项目步骤--------详解(含项目结构说明)
- 【React】2_如何使用react脚手架写一个简单的页面?