2.相关重要的概念php
3.Android屏幕适配出现的缘由前端
4.Android适配问题及本质android
5.存在问题和困境git
6.经常使用解决方案github
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 的比例进行缩放。
2.5.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;那么它至少能解决一个问题,就是你在布局文件写某个View的宽和高为160dp160dp,这个View在任何分辨率的屏幕中,显示的尺寸大小是大约是一致的(可能不精确),大概是 1 inch 1 inch。segmentfault
px:像素,好比小分辨率手机上一像素和大分辨率手机上一像素,所显示的图像是不同的
理解dp和px之间对应的关系,不一样分辨率的手机用不一样的dp值来适配api
mdpi手机:160dpi 是基准线,1px = 1dp * 1,其余手机的密度比 = 本身的dpi/160app
代码获取密度比:getResources().getDisplayMetrics().density框架
ldip:120px = 160dp * 0.75 mdpi:160px = 160dp * 1 hdpi:240px = 160dp * 1.5 xhdpi:360px = 180dp * 2
1.在默认的values中的dimens文件下声明(相似于Strings.xml)
<dimen name="activity_horizontal_margin">16dp</dimen> <dimen name="activity_vertical_margin">16dp</dimen> <dimen name="harlWidth">160dp</dimen> <?xml version="1.0" encoding="utf-8"?> <resources> <!-- values-hdpi 480X800 --> <dimen name="imagewidth">120dip</dimen> </resources> <resources> <!-- values-hdpi-1280x800 --> <dimen name="imagewidth">220dip</dimen> </resources> <?xml version="1.0" encoding="utf-8"?> <resources> <!-- values-hdpi 480X320 --> <dimen name="imagewidth">80dip</dimen> </resources>
2.在布局文件中引用
<TextView android:layout_width="@dimen/harlWidth" android:layout_height="wrap_content" android:background="#0ff" android:text="@string/hello_world" />
3.新建须要适配的values-XXX(好比values-1280x720,注意规范大值在前)
4.在新建values-1280x720中的dimens.xml文件中
* <dimen name="harlWidth">180dp</dimen>
5.全部手机适配找对应的默认的dimens
* 思考:如何计算dpi?如何计算手机密度比?可以用dp适配全部手机吗? * dp不能适配全部手机; * 举个例子:按钮占屏幕宽度一半,把宽度设置成160dp,120px和160px和240px能够占屏幕一半,可是360px则小于屏幕一半; * 若是把宽度设置成180dp,那么360dp能够占屏幕一半,但其余几个又不行。 * 若是要适配全部手机的控件宽度为屏幕宽度的一半,该怎么作呢?用dimen
1.位置不同
2.控件不同
3.适用场景
1.图片的查找顺序
2.在小分辨率展现高清图,放到大分辨率会出现什么状况呢?
所以,总结下大体需求以下:
//在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; }
遇到的问题:
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 值产生影响) * <br> * <ul> * dp 与 px 之间的换算: * <li> px = density * dp </li> * <li> density = dpi / 160 </li> * <li> px = dp * (dpi / 160) </li> * </ul> * * @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 未适配的宽度或高度) * <br/> * <p> pt 转 px 算法: pt * metrics.xdpi * (1.0f/72) </p> * * @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; } } }
该库的想法很是好:对照设计图,使用px编写布局,不影响预览;绘制阶段将对应设计图的px数值计算转换为当前屏幕下适配的大小;为简化接入,inflate时自动将各Layout转换为对应的AutoLayout,从而不须要在全部的xml中更改。可是同时该库也存在如下等问题: