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中更改。可是同時該庫也存在如下等問題: