px = density * dp;
density = dpi / 160;
px = dp * (dpi / 160);
名称像 素密度范围
ldpi 0dpi~120dpi
mdpi 120dpi~160dpi
hdpi 120dpi~160dpi
xdpi 160dpi~240dpi
xxdpi 240dpi~320dpi
xxxdpi 480dpi~640dpi
Android项目后应该可以看到很多drawable文件夹,分别对应不同的dpi
drawable-ldpi (dpi=120, density=0.75)
drawable-mdpi (dpi=160, density=1)
drawable-hdpi (dpi=240, density=1.5)
drawable-xhdpi (dpi=320, density=2)
drawable-xxhdpi (dpi=480, density=3)
对于五种主流的像素密度(MDPI、HDPI、XHDPI、XXHDPI 和 XXXHDPI)应按照 2:3:4:6:8 的比例进行缩放。
屏幕密度 图标尺寸
mdpi 48X48px
hdpi 72X72px
xdpi 96X96px
xxdpi 144X144px
xxxdpi 192X192px
//第一种
DisplayMetrics metrics = new DisplayMetrics();
Display display = activity.getWindowManager().getDefaultDisplay();
display.getMetrics(metrics);
//第二种
DisplayMetrics metrics= activity.getResources().getDisplayMetrics();
//第三种
Resources.getSystem().getDisplayMetrics();
只要记住一点dp是与像素无关的,在实际使用中1dp大约等于1/160inch
那么dp究竟解决了适配上的什么问题?可以看出1dp = 1/160inch;那么它至少能解决一个问题,就是你在布局文件写某个View的宽和高为160dp*160dp,这个View在任何分辨率的屏幕中,显示的尺寸大小是大约是一致的(可能不精确),大概是 1 inch * 1 inch。
一句话,总结下,dp能够让同一数值在不同的分辨率展示出大致相同的尺寸大小。但是当设备的尺寸差异较大的时候,就无能为力了。
ldip:120px = 160dp * 0.75
mdpi:160px = 160dp * 1
hdpi:240px = 160dp * 1.5
xhdpi:360px = 180dp * 2
1.在默认的values中的dimens文件下声明(类似于Strings.xml)
16dp
16dp
160dp
120dip
220dip
80dip
2.在布局文件中引用
3.新建需要适配的values-XXX(比如values-1280x720,注意规范大值在前)
4.在新建values-1280x720中的dimens.xml文件中
* 180dp
5.所有手机适配找对应的默认的dimens
* 思考:如何计算dpi?如何计算手机密度比?能够用dp适配所有手机吗?
* dp不能适配所有手机;
* 举个例子:按钮占屏幕宽度一半,把宽度设置成160dp,120px和160px和240px可以占屏幕一半,但是360px则小于屏幕一半;
* 如果把宽度设置成180dp,那么360dp可以占屏幕一半,但其他几个又不行。
* 如果要适配所有手机的控件宽度为屏幕宽度的一半,该怎么做呢?用dimen
//在xml中使用何种尺寸单位(dp、sp、pt、in、mm),最后在绘制时都会给我们转成px!
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;
}
public static void setCustomDensity(Activity activity, Application application) {
DisplayMetrics displayMetrics = application.getResources().getDisplayMetrics();
if (sNoncompatDensity == 0) {
// 系统的Density
sNoncompatDensity = displayMetrics.density;
// 系统的ScaledDensity
sNoncompatScaledDensity = displayMetrics.scaledDensity;
// 监听在系统设置中切换字体
application.registerComponentCallbacks(new ComponentCallbacks() {
@Override
public void onConfigurationChanged(Configuration newConfig) {
if (newConfig != null && newConfig.fontScale > 0) {
sNoncompatScaledDensity=application.getResources().getDisplayMetrics().scaledDensity;
}
}
@Override
public void onLowMemory() {
}
});
}
// 公司UI尺寸是750px-1334px,此处以375dp的设计图作为例子
float targetDensity=displayMetrics.widthPixels/375;
float targetScaledDensity=targetDensity*(sNoncompatScaledDensity/sNoncompatDensity);
int targetDensityDpi= (int) (160 * targetDensity);
displayMetrics.density = targetDensity;
displayMetrics.scaledDensity = targetScaledDensity;
displayMetrics.densityDpi = targetDensityDpi;
DisplayMetrics activityDisplayMetrics = activity.getResources().getDisplayMetrics();
activityDisplayMetrics.density = targetDensity;
activityDisplayMetrics.scaledDensity = targetScaledDensity;
activityDisplayMetrics.densityDpi = targetDensityDpi;
}
6.1.3 头条适配方案注意事项
宽度适配就已经完成啦,只需要在Activity中调用就行了,必须在setContentView()之前!
如果需要适配高度,头条指出只要按照同样的方法做高度适配就可以了!
实现思路:假设设计图宽度是360dp,以宽维度来适配,那么适配后的 density = 设备真实宽(单位px) / 360,接下来只需要把我们计算好的 density 在系统中修改下即可
遇到的问题:
6.1.4 头条适配工具类,暂时只是用作测试项目
关于该工具类,已经用于测试项目中,逐步完善,项目可以参考:https://github.com/yangchong211/YCVideoPlayer
public class ScreenDensityUtils {
/*
* 1.先在application中使用setup()方法初始化一下
* 2.手动在Activity中调用match()方法做适配,必须在setContentView()之前
* 3.建议使用dp做宽度适配,大多数时候宽度适配才是主流需要
* 4.个人觉得在写布局的时候,可以多用dp,如果是使用px,建议转化成dp
* 5.入侵性很低,不需要改动原来的代码
*/
/**
* 屏幕适配的基准
*/
private static final int MATCH_BASE_WIDTH = 0;
private static final int MATCH_BASE_HEIGHT = 1;
/**
* 适配单位
*/
private static final int MATCH_UNIT_DP = 0;
private static final int MATCH_UNIT_PT = 1;
// 适配信息
private static MatchInfo sMatchInfo;
// Activity 的生命周期监测
private static Application.ActivityLifecycleCallbacks mActivityLifecycleCallback;
private ScreenDensityUtils() {
throw new UnsupportedOperationException("u can't instantiate me...");
}
/**
* 初始化
* @param application 需要在application中初始化
*/
public static void setup(@NonNull final Application application) {
/*
//获取屏幕分辨率信息的三种方法
//第一种
DisplayMetrics metrics = new DisplayMetrics();
Display display = activity.getWindowManager().getDefaultDisplay();
display.getMetrics(metrics);
//第二种
DisplayMetrics metrics= activity.getResources().getDisplayMetrics();
//第三种
Resources.getSystem().getDisplayMetrics();
*/
//注意这个是获取系统的displayMetrics
final DisplayMetrics displayMetrics = application.getResources().getDisplayMetrics();
if (sMatchInfo == null) {
// 记录系统的原始值
sMatchInfo = new MatchInfo();
sMatchInfo.setScreenWidth(displayMetrics.widthPixels);
sMatchInfo.setScreenHeight(displayMetrics.heightPixels);
sMatchInfo.setAppDensity(displayMetrics.density);
sMatchInfo.setAppDensityDpi(displayMetrics.densityDpi);
sMatchInfo.setAppScaledDensity(displayMetrics.scaledDensity);
sMatchInfo.setAppXdpi(displayMetrics.xdpi);
}
// 添加字体变化的监听
// 调用 Application#registerComponentCallbacks 注册下 onConfigurationChanged 监听即可。
application.registerComponentCallbacks(new ComponentCallbacks() {
@Override
public void onConfigurationChanged(Configuration newConfig) {
// 字体改变后,将 appScaledDensity 重新赋值
if (newConfig != null && newConfig.fontScale > 0) {
float scaledDensity = displayMetrics.scaledDensity;
sMatchInfo.setAppScaledDensity(scaledDensity);
}
}
@Override
public void onLowMemory() {
}
});
}
/**
* 在 application 中全局激活适配(也可单独使用 match() 方法在指定页面中配置适配)
*/
@RequiresApi(api = Build.VERSION_CODES.ICE_CREAM_SANDWICH)
public static void register(@NonNull final Application application, final float designSize, final int matchBase, final int matchUnit) {
if (mActivityLifecycleCallback == null) {
mActivityLifecycleCallback = new Application.ActivityLifecycleCallbacks() {
@Override
public void onActivityCreated(Activity activity, Bundle savedInstanceState) {
if (activity != null) {
match(activity, designSize, matchBase, matchUnit);
}
}
@Override
public void onActivityStarted(Activity activity) {
}
@Override
public void onActivityResumed(Activity activity) {
}
@Override
public void onActivityPaused(Activity activity) {
}
@Override
public void onActivityStopped(Activity activity) {
}
@Override
public void onActivitySaveInstanceState(Activity activity, Bundle outState) {
}
@Override
public void onActivityDestroyed(Activity activity) {
}
};
application.registerActivityLifecycleCallbacks(mActivityLifecycleCallback);
}
}
/**
* 全局取消所有的适配
*/
@RequiresApi(api = Build.VERSION_CODES.ICE_CREAM_SANDWICH)
public static void unregister(@NonNull final Application application, @NonNull int... matchUnit) {
if (mActivityLifecycleCallback != null) {
application.unregisterActivityLifecycleCallbacks(mActivityLifecycleCallback);
mActivityLifecycleCallback = null;
}
for (int unit : matchUnit) {
cancelMatch(application, unit);
}
}
/**
* 适配屏幕(放在 Activity 的 setContentView() 之前执行)
*
* @param context 上下文
* @param designSize 设计图的尺寸
*/
public static void match(@NonNull final Context context, final float designSize) {
match(context, designSize, MATCH_BASE_WIDTH, MATCH_UNIT_DP);
}
/**
* 适配屏幕(放在 Activity 的 setContentView() 之前执行)
*
* @param context 上下文
* @param designSize 设计图的尺寸
* @param matchBase 适配基准
*/
public static void match(@NonNull final Context context, final float designSize, int matchBase) {
match(context, designSize, matchBase, MATCH_UNIT_DP);
}
/**
* 适配屏幕(放在 Activity 的 setContentView() 之前执行)
*
* @param context 上下文
* @param designSize 设计图的尺寸
* @param matchBase 适配基准
* @param matchUnit 使用的适配单位
*/
private static void match(@NonNull final Context context, final float designSize, int matchBase, int matchUnit) {
if (designSize == 0) {
throw new UnsupportedOperationException("The designSize cannot be equal to 0");
}
if (matchUnit == MATCH_UNIT_DP) {
matchByDP(context, designSize, matchBase);
} else if (matchUnit == MATCH_UNIT_PT) {
matchByPT(context, designSize, matchBase);
}
}
/**
* 重置适配信息,取消适配
*/
public static void cancelMatch(@NonNull final Context context) {
cancelMatch(context, MATCH_UNIT_DP);
cancelMatch(context, MATCH_UNIT_PT);
}
/**
* 重置适配信息,取消适配
*
* @param context 上下文
* @param matchUnit 需要取消适配的单位
*/
private static void cancelMatch(@NonNull final Context context, int matchUnit) {
if (sMatchInfo != null) {
final DisplayMetrics displayMetrics = context.getResources().getDisplayMetrics();
if (matchUnit == MATCH_UNIT_DP) {
if (displayMetrics.density != sMatchInfo.getAppDensity()) {
displayMetrics.density = sMatchInfo.getAppDensity();
}
if (displayMetrics.densityDpi != sMatchInfo.getAppDensityDpi()) {
displayMetrics.densityDpi = (int) sMatchInfo.getAppDensityDpi();
}
if (displayMetrics.scaledDensity != sMatchInfo.getAppScaledDensity()) {
displayMetrics.scaledDensity = sMatchInfo.getAppScaledDensity();
}
} else if (matchUnit == MATCH_UNIT_PT) {
if (displayMetrics.xdpi != sMatchInfo.getAppXdpi()) {
displayMetrics.xdpi = sMatchInfo.getAppXdpi();
}
}
}
}
public static MatchInfo getMatchInfo() {
return sMatchInfo;
}
/**
* 使用 dp 作为适配单位(适合在新项目中使用,在老项目中使用会对原来既有的 dp 值产生影响)
*
*
* dp 与 px 之间的换算:
* - px = density * dp
* - density = dpi / 160
* - px = dp * (dpi / 160)
*
*
* @param context 上下文
* @param designSize 设计图的宽/高(单位: dp)
* @param base 适配基准
*/
private static void matchByDP(@NonNull final Context context, final float designSize, int base) {
final float targetDensity;
if (base == MATCH_BASE_WIDTH) {
targetDensity = sMatchInfo.getScreenWidth() * 1f / designSize;
} else if (base == MATCH_BASE_HEIGHT) {
targetDensity = sMatchInfo.getScreenHeight() * 1f / designSize;
} else {
targetDensity = sMatchInfo.getScreenWidth() * 1f / designSize;
}
final int targetDensityDpi = (int) (targetDensity * 160);
final float targetScaledDensity = targetDensity * (sMatchInfo.getAppScaledDensity() / sMatchInfo.getAppDensity());
final DisplayMetrics displayMetrics = context.getResources().getDisplayMetrics();
displayMetrics.density = targetDensity;
displayMetrics.densityDpi = targetDensityDpi;
displayMetrics.scaledDensity = targetScaledDensity;
}
/**
* 使用 pt 作为适配单位(因为 pt 比较冷门,新老项目皆适合使用;也可作为 dp 适配的补充,
* 在需要同时适配宽度和高度时,使用 pt 来适配 dp 未适配的宽度或高度)
*
* pt 转 px 算法: pt * metrics.xdpi * (1.0f/72)
*
* @param context 上下文
* @param designSize 设计图的宽/高(单位: pt)
* @param base 适配基准
*/
private static void matchByPT(@NonNull final Context context, final float designSize, int base) {
final float targetXdpi;
if (base == MATCH_BASE_WIDTH) {
targetXdpi = sMatchInfo.getScreenWidth() * 72f / designSize;
} else if (base == MATCH_BASE_HEIGHT) {
targetXdpi = sMatchInfo.getScreenHeight() * 72f / designSize;
} else {
targetXdpi = sMatchInfo.getScreenWidth() * 72f / designSize;
}
final DisplayMetrics displayMetrics = context.getResources().getDisplayMetrics();
displayMetrics.xdpi = targetXdpi;
}
/**
* 适配信息
*/
private static class MatchInfo {
private int screenWidth;
private int screenHeight;
private float appDensity;
private float appDensityDpi;
private float appScaledDensity;
private float appXdpi;
int getScreenWidth() {
return screenWidth;
}
void setScreenWidth(int screenWidth) {
this.screenWidth = screenWidth;
}
int getScreenHeight() {
return screenHeight;
}
void setScreenHeight(int screenHeight) {
this.screenHeight = screenHeight;
}
float getAppDensity() {
return appDensity;
}
void setAppDensity(float appDensity) {
this.appDensity = appDensity;
}
float getAppDensityDpi() {
return appDensityDpi;
}
void setAppDensityDpi(float appDensityDpi) {
this.appDensityDpi = appDensityDpi;
}
float getAppScaledDensity() {
return appScaledDensity;
}
void setAppScaledDensity(float appScaledDensity) {
this.appScaledDensity = appScaledDensity;
}
float getAppXdpi() {
return appXdpi;
}
void setAppXdpi(float appXdpi) {
this.appXdpi = appXdpi;
}
}
}