屏幕适配需求:我们想在所有设备上显示完全一致是很难的,因为屏幕高宽比不是固定的,16:9、4:3甚至其他宽高比层出不穷,宽高比不同,显示完全一致就不可能了。但是通常下,我们只需要以宽或高一个维度去适配,比如我们的设备是上下滑动的,只需要保证在所有设备中宽的维度上显示一致即可,再比如一个不支持上下滑动的页面,那么需要保证在高这个维度上都显示一致,尤其不能存在某些设备上显示不全的情况。下面是以宽这个维度去适配:
屏幕适配核心问题:
1.把设计图转化为App界面的过程是否高效
2.保证实现UI界面在不同尺寸和分辨率的手机中UI的一致性
屏幕适配方案:
1.dimens基于px的适配,设计图是基于1080px的
2.dimen 基于dp的适配,设计图是基于360dp的
1dp 等于密度为 160 的屏幕上的 1 个物理像素。
dp 的计算方式为:
dp = (以像素为单位的宽度 * 160) / 屏幕密度
Res | 屏幕密度 | 以像素为单位的屏幕宽度 | 以与密度无关的像素为单位的屏幕宽度 |
ldpi | 120 | 270px | 360dp |
mdpi | 160 | 360px | 360dp |
hdpi | 240 | 540px | 360dp |
xhdpi | 320 | 720px | 360dp |
xxhdpi | 480 | 1080px | 360dp |
3.修改手机的设备密度 density
原理:
通过修改density值,强行把所有不同尺寸分辨率的手机的宽度dp值改成一个统一的值,这样就解决了所有的适配问题。
比如,设计稿宽度是360px,那么开发这边就会把目标dp值设为360dp,在不同的设备中,动态修改density值,从而保证(手机像素宽度)px/density这个值始终是360dp,这样的话,就能保证UI在不同的设备上表现一致了。
代码实现:
public static void setCustomDensity(@NonNull Activity activity, @NonNull Application application, float baseDp) {
DisplayMetrics appDisplayMetrics = application.getResources().getDisplayMetrics();
DisplayMetrics activityDisplayMetrics = activity.getResources().getDisplayMetrics();
Log.i(TAG, "onCreate: widthPixels = " + appDisplayMetrics.widthPixels + ", densityDpi = " + appDisplayMetrics.densityDpi
+ ", density = " + appDisplayMetrics.density + ", scaledDensity = " + appDisplayMetrics.scaledDensity);
float targetDensity = appDisplayMetrics.widthPixels / baseDp;
int targetDensityDpi = (int) (160 * targetDensity);
//防止字体变小
float targetScaleDensity = targetDensity * (appDisplayMetrics.scaledDensity / appDisplayMetrics.density);
appDisplayMetrics.density = targetDensity;
appDisplayMetrics.scaledDensity = targetScaleDensity;
appDisplayMetrics.densityDpi = targetDensityDpi;
activityDisplayMetrics.density = targetDensity;
activityDisplayMetrics.scaledDensity = targetScaleDensity;
activityDisplayMetrics.densityDpi = targetDensityDpi;
}
4.工作中的实际应用