一、今日学习内容
Android 简单好用的屏幕适配方案
android中的dp在渲染前会将dp转为px,计算公式:
- px = density * dp;
- density = dpi / 160;
- px = dp * (dpi / 160);
一般我们设计图都是以固定的尺寸来设计的。比如以分辨率1920px * 1080px来设计,以density为3来标注,也就是屏幕其实是640dp * 360dp。如果我们想在所有设备上显示完全一致,其实是不现实的,因为屏幕高宽比不是固定的,16:9、4:3甚至其他宽高比层出不穷,宽高比不同,显示完全一致就不可能了,即使相同分辨率的不同厂商手机屏幕密度也不同,我们就需要做到统一。
想要做屏幕适配我们先了解一个公式
从dp和px的转换公式 :
- px = dp * density
可以看出,如果设计图宽为360dp,想要保证在所有设备计算得出的px值都正好是屏幕宽度的话,我们可以通过修改 density 的值达到效果。 density 是 DisplayMetrics 中的成员变量,而 DisplayMetrics 实例通过 Resources.getDisplayMetrics 可以获得,而Resouces通过Activity或者Application的Context获得。
DisplayMetrics 中和适配相关的几个变量:
- DisplayMetrics.density 就是上述的density
- DisplayMetrics.densityDpi 就是上述的dpi
- DisplayMetrics.scaledDensity 字体的缩放因子,正常情况下和density相等,但是调节系统字体大小后会改变这个值
我们知道不管设置什么单位系统最终都会转换成px来计算 来看下系统的转换代码
- TypedValue.applyDimension(int unit, float value, DisplayMetrics metrics) 来进行转换:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
public static float applyDimension( int unit, float value,DisplayMetrics metrics) { switch (unit) { case COMPLEX_UNIT_PX: return value; case COMPLEX_UNIT_DIP: return value * metrics.density; case COMPLEX_UNIT_SP: return value * metrics.scaledDensity; case COMPLEX_UNIT_PT: return value * metrics.xdpi * ( 1 .0f/ 72 ); case COMPLEX_UNIT_IN: return value * metrics.xdpi; case COMPLEX_UNIT_MM: return value * metrics.xdpi * ( 1 .0f/ 25 .4f); } return 0 ; } |
图片的decode,BitmapFactory.decodeResourceStream方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
@Nullable public static Bitmap decodeResourceStream( @Nullable Resources res, @Nullable TypedValue value, @Nullable InputStream is, @Nullable Rect pad, @Nullable Options opts) { validate(opts); if (opts == null ) { opts = new Options(); } if (opts.inDensity == 0 && value != null ) { final int density = value.density; if (density == TypedValue.DENSITY_DEFAULT) { opts.inDensity = DisplayMetrics.DENSITY_DEFAULT; } else if (density != TypedValue.DENSITY_NONE) { opts.inDensity = density; } } // 此处用到了densityDpi if (opts.inTargetDensity == 0 && res != null ) { opts.inTargetDensity = res.getDisplayMetrics().densityDpi; } return decodeStream(is, pad, opts); } |
假如我们设计默认以360dp的屏幕为标准,先要设置view的宽度为屏幕的一半就是180dp,在1080 * 1920的屏幕上就应该是 540px。 通过计算
- density = 1080/360;desity = 3
根据TypedVaule.applyDimens 换算 就是180dp * 3 = 540px 如果是720 * 1280的屏幕 一半屏幕宽度 就是360px,我们计算得到
- density = 720/360,density = 2;
根据TypedVaule.applyDimens 换算 就是180dp * 2 = 360px
所以我们最终实现方案如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
private static final float defaultWidth = 360 ; private static float appDensity; private static float appScaleDensity; public static void setCustomDensity(Application application, Activity activity){ DisplayMetrics displayMetrics = application.getResources().getDisplayMetrics(); if (appDensity == 0 ){ appDensity = displayMetrics.density; appScaleDensity = displayMetrics.scaledDensity; //设置修改系统字体以后的监听 application.registerComponentCallbacks( new ComponentCallbacks() { @Override public void onConfigurationChanged( @NonNull Configuration newConfig) { if (newConfig != null && newConfig.fontScale > 0 ){ appScaleDensity = application.getResources().getDisplayMetrics().scaledDensity; } } @Override public void onLowMemory() { } }); } final float targetDensity = displayMetrics.widthPixels/defaultWidth; final float targetScaleDensity = targetDensity *(appScaleDensity/appDensity); final int targetDensityDpi = ( int ) (targetDensity * 160 ); displayMetrics.density = targetDensity; displayMetrics.scaledDensity = targetScaleDensity; displayMetrics.densityDpi = targetDensityDpi; final DisplayMetrics activityDisplayMetrics = activity.getResources().getDisplayMetrics(); activityDisplayMetrics.density = targetDensity; activityDisplayMetrics.scaledDensity = targetScaleDensity; activityDisplayMetrics.densityDpi = targetDensityDpi; } |
项目中使用:
1
2
3
4
5
6
7
|
@Override protected void onCreate(Bundle savedInstanceState) { super .onCreate(savedInstanceState); //注意此处调用一定要在setContentView之前 DensityHelper.setCustomDensity(getApplication(), this ); setContentView(R.layout.activity_main); } |
二、遇到的问题
暂无
三、明日计划
继续Android学习