Android 簡(jiǎn)單好用的屏幕適配方案
android中的dp在渲染前會(huì)將dp轉(zhuǎn)為px,計(jì)算公式:
px = density * dp; density = dpi / 160; px = dp * (dpi / 160);一般我們?cè)O(shè)計(jì)圖都是以固定的尺寸來(lái)設(shè)計(jì)的。比如以分辨率1920px * 1080px來(lái)設(shè)計(jì),以density為3來(lái)標(biāo)注,也就是屏幕其實(shí)是640dp * 360dp。如果我們想在所有設(shè)備上顯示完全一致,其實(shí)是不現(xiàn)實(shí)的,因?yàn)槠聊桓邔挶炔皇枪潭ǖ模?6:9、4:3甚至其他寬高比層出不窮,寬高比不同,顯示完全一致就不可能了,即使相同分辨率的不同廠商手機(jī)屏幕密度也不同,我們就需要做到統(tǒng)一。
想要做屏幕適配我們先了解一個(gè)公式
從dp和px的轉(zhuǎn)換公式 :
px = dp * density可以看出,如果設(shè)計(jì)圖寬為360dp,想要保證在所有設(shè)備計(jì)算得出的px值都正好是屏幕寬度的話,我們可以通過(guò)修改 density 的值達(dá)到效果。 density 是 DisplayMetrics 中的成員變量,而 DisplayMetrics 實(shí)例通過(guò) Resources.getDisplayMetrics 可以獲得,而Resouces通過(guò)Activity或者Application的Context獲得。
DisplayMetrics 中和適配相關(guān)的幾個(gè)變量:
DisplayMetrics.density 就是上述的density DisplayMetrics.densityDpi 就是上述的dpi DisplayMetrics.scaledDensity 字體的縮放因子,正常情況下和density相等,但是調(diào)節(jié)系統(tǒng)字體大小后會(huì)改變這個(gè)值我們知道不管設(shè)置什么單位系統(tǒng)最終都會(huì)轉(zhuǎn)換成px來(lái)計(jì)算 來(lái)看下系統(tǒng)的轉(zhuǎn)換代碼
TypedValue.applyDimension(int unit, float value, DisplayMetrics metrics) 來(lái)進(jìn)行轉(zhuǎn)換: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; }}// 此處用到了densityDpiif (opts.inTargetDensity == 0 && res != null) { opts.inTargetDensity = res.getDisplayMetrics().densityDpi;}return decodeStream(is, pad, opts); }
假如我們?cè)O(shè)計(jì)默認(rèn)以360dp的屏幕為標(biāo)準(zhǔn),先要設(shè)置view的寬度為屏幕的一半就是180dp,在1080 * 1920的屏幕上就應(yīng)該是 540px。 通過(guò)計(jì)算
density = 1080/360;desity = 3根據(jù)TypedVaule.applyDimens 換算 就是180dp * 3 = 540px 如果是720 * 1280的屏幕 一半屏幕寬度 就是360px,我們計(jì)算得到
density = 720/360,density = 2;根據(jù)TypedVaule.applyDimens 換算 就是180dp * 2 = 360px
所以我們最終實(shí)現(xiàn)方案如下:
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;//設(shè)置修改系統(tǒng)字體以后的監(jiān)聽(tīng) application.registerComponentCallbacks(new ComponentCallbacks() {@Overridepublic void onConfigurationChanged(@NonNull Configuration newConfig) { if (newConfig != null && newConfig.fontScale >0){appScaleDensity = application.getResources().getDisplayMetrics().scaledDensity; }}@Overridepublic 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; }
項(xiàng)目中使用:
@Override protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);//注意此處調(diào)用一定要在setContentView之前DensityHelper.setCustomDensity(getApplication(),this);setContentView(R.layout.activity_main); }
有不足的地方往大家指出,共同學(xué)習(xí)。
以上就是Android 簡(jiǎn)單好用的屏幕適配方案的詳細(xì)內(nèi)容,更多關(guān)于Android 屏幕適配的資料請(qǐng)關(guān)注好吧啦網(wǎng)其它相關(guān)文章!
相關(guān)文章:
1. XML入門(mén)精解之結(jié)構(gòu)與語(yǔ)法2. CSS Hack大全-教你如何區(qū)分出IE6-IE10、FireFox、Chrome、Opera3. CSS3實(shí)例分享之多重背景的實(shí)現(xiàn)(Multiple backgrounds)4. 利用CSS3新特性創(chuàng)建透明邊框三角5. XML入門(mén)的常見(jiàn)問(wèn)題(一)6. HTML5 Canvas繪制圖形從入門(mén)到精通7. 概述IE和SQL2k開(kāi)發(fā)一個(gè)XML聊天程序8. HTML <!DOCTYPE> 標(biāo)簽9. HTML DOM setInterval和clearInterval方法案例詳解10. XML入門(mén)的常見(jiàn)問(wèn)題(二)
