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