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) 來進行轉換:
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方法
@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
所以我們最終實現方案如下:
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; }
項目中使用:
@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //註意此處調用一定要在setContentView之前 DensityHelper.setCustomDensity(getApplication(),this); setContentView(R.layout.activity_main); }
有不足的地方往大傢指出,共同學習。
以上就是Android 簡單好用的屏幕適配方案的詳細內容,更多關於Android 屏幕適配的資料請關註WalkonNet其它相關文章!
推薦閱讀:
- None Found