Android屏幕适配方案
一. 需求描述
Android开发中,由于Android碎片化严重,屏幕分辨率千奇百怪,而想要在各种分辨率的设备上显示基本一致的效果,适配成本越来越高。因此需探索一种简单且低侵入的适配方式,且满足以下几点:
- UI实现效果和设计稿几乎一致;
- 尽可能保证各种分辨率的设备上显示基本一致的效果;
- 避免小屏手机出现字体重叠现象;
- 避免系统设置中字体大小、显示大小(API>24)设置导致布局错乱。
二. 解决方案
解决思路
- 取一个基准屏幕参数(如:1080*1920 5英寸)来确定布局,可定死控件宽高等dp值;
- 根据基准屏幕参数计算基准屏幕密度比率(density值);
- 根据实际屏幕参数按比例调整屏幕密度比率值;
- 设置系统默认比率。
解决方案
- 在
Application
的onCreate
方法中初始化(可自定义屏幕参数),并重设屏幕Density值;
@Override
public void onCreate() {
super.onCreate();
//初始化
ScreenUtil.init(this);
//可选,自定义屏幕参数
//ScreenUtil.init(this, 720f, 1280f, 4.5f, 0.8f);
ScreenUtil.resetDensity(this);
}
- 在
BaseActivity
中调用ScreenUtil.resetDensity(this)
方法重设屏幕Density值,且调用要在setContentView
之前。
工具类
public class ScreenUtil {
private static float ORIGINAL_DENSITY = -1; //原始屏幕密度比率
public static float ORIGINAL_SCALED_DENSITY = -1; //原始字体大小比率
/**
* ================ 可调参数 start ================
*/
//绘制页面时参照的设计图尺寸
private static float DESIGN_WIDTH = 1080f;
private static float DESIGN_HEIGHT = 1920f;
private static float DESTGN_INCH = 5.0f;
//大屏调节因子,范围0~1,因屏幕同比例放大视图显示非常傻大憨,用于调节感官度
private static float BIG_SCREEN_FACTOR = 0.8f;
/**
* ================ 可调参数 end ================
*/
/**
* 初始化
*
* @param context
*/
public static void init(final Context context) {
//添加字体变化的监听
context.registerComponentCallbacks(new ComponentCallbacks() {
@Override
public void onConfigurationChanged(Configuration newConfig) {
//字体改变后,将appScaledDensity重新赋值
if (newConfig != null && newConfig.fontScale > 0) {
DisplayMetrics dm = context.getResources().getDisplayMetrics();
ORIGINAL_SCALED_DENSITY = dm.scaledDensity;
resetDensity(context);
}
}
@Override
public void onLowMemory() {
}
});
}
/**
* 初始化(可选参数,自行确定设计稿宽高比)
*
* @param context
* @param width
* @param height
* @param inch
* @param zoom
*/
public static void init(final Context context, float width, float height, float inch, float zoom) {
DESIGN_WIDTH = width;
DESIGN_HEIGHT = height;
DESTGN_INCH = inch;
BIG_SCREEN_FACTOR = zoom;
init(context);
}
/**
* 重置屏幕密度
*/
public static void resetDensity(final Context context) {
DisplayMetrics dm = context.getResources().getDisplayMetrics();
//保存默认比率
if (ORIGINAL_DENSITY == -1) {
ORIGINAL_DENSITY = dm.density;
ORIGINAL_SCALED_DENSITY = dm.scaledDensity;
}
//1.确定放大缩小比率
float rate = Math.min(dm.widthPixels, dm.heightPixels) / Math.min(DESIGN_WIDTH, DESIGN_HEIGHT);
//2.确定参照屏幕密度比率
float referenceDensity = (float) Math.sqrt(DESIGN_WIDTH * DESIGN_WIDTH + DESIGN_HEIGHT * DESIGN_HEIGHT)
/ DESTGN_INCH / DisplayMetrics.DENSITY_DEFAULT;
//3.确定最终屏幕密度比率
float relativeDensity = referenceDensity * rate;
if (relativeDensity > ORIGINAL_DENSITY) {
relativeDensity = ORIGINAL_DENSITY + (relativeDensity - ORIGINAL_DENSITY) * BIG_SCREEN_FACTOR;
}
//4.设置系统默认比率
dm.density = relativeDensity;
dm.densityDpi = (int) (relativeDensity * DisplayMetrics.DENSITY_DEFAULT);
dm.scaledDensity = relativeDensity * (ORIGINAL_SCALED_DENSITY / ORIGINAL_DENSITY);
}
}
测试效果
取480800 4Inch、7201280 4.65Inch、10801920 5Inch、14402560 5.96Inch四种分辨率测试。
设置前:
![](https://img.haomeiwen.com/i10296508/c208c85f51484a35.png)
设置后
![](https://img.haomeiwen.com/i10296508/dba211eb6c105817.png)
三. 思路整理
基本概念
- dp 相对大小
- dpi 像素密度(像素/英寸)
- px 像素点
- sp 字体的缩放因子
- density 屏幕密度比率(px/dp)
转换公式
- px = density * dp
- density = dpi / 160
转换公式
思路
从dp和px的转换公式 :
px = dp * density
可以看出,如果设计图宽为1080px,想要保证在所有设备计算得出的px值都正好是屏幕宽度的话,我们只能修改density的值。
假设设计图宽度是1080px,以屏幕宽度比例来调节density值。那么适配后的density计算公式为:
density = (设备真实宽(单位px) / 1080px) * 设计图density值
接下来只需要把我们计算好的 density 在系统中修改下即可。
网友评论