Android 簡單好用的屏幕適配方案
android中的dp在渲染前會將dp轉(zhuǎn)為px,計算公式:
px = density * dp; density = dpi / 160; px = dp * (dpi / 160);一般我們設(shè)計圖都是以固定的尺寸來設(shè)計的。比如以分辨率1920px * 1080px來設(shè)計,以density為3來標(biāo)注,也就是屏幕其實是640dp * 360dp。如果我們想在所有設(shè)備上顯示完全一致,其實是不現(xiàn)實的,因為屏幕高寬比不是固定的,16:9、4:3甚至其他寬高比層出不窮,寬高比不同,顯示完全一致就不可能了,即使相同分辨率的不同廠商手機(jī)屏幕密度也不同,我們就需要做到統(tǒng)一。
想要做屏幕適配我們先了解一個公式
從dp和px的轉(zhuǎn)換公式 :
px = dp * density可以看出,如果設(shè)計圖寬為360dp,想要保證在所有設(shè)備計算得出的px值都正好是屏幕寬度的話,我們可以通過修改 density 的值達(dá)到效果。 density 是 DisplayMetrics 中的成員變量,而 DisplayMetrics 實例通過 Resources.getDisplayMetrics 可以獲得,而Resouces通過Activity或者Application的Context獲得。
DisplayMetrics 中和適配相關(guān)的幾個變量:
DisplayMetrics.density 就是上述的density DisplayMetrics.densityDpi 就是上述的dpi DisplayMetrics.scaledDensity 字體的縮放因子,正常情況下和density相等,但是調(diào)節(jié)系統(tǒng)字體大小后會改變這個值我們知道不管設(shè)置什么單位系統(tǒng)最終都會轉(zhuǎn)換成px來計算 來看下系統(tǒng)的轉(zhuǎn)換代碼
TypedValue.applyDimension(int unit, float value, DisplayMetrics metrics) 來進(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); }
假如我們設(shè)計默認(rèn)以360dp的屏幕為標(biāo)準(zhǔn),先要設(shè)置view的寬度為屏幕的一半就是180dp,在1080 * 1920的屏幕上就應(yīng)該是 540px。 通過計算
density = 1080/360;desity = 3根據(jù)TypedVaule.applyDimens 換算 就是180dp * 3 = 540px 如果是720 * 1280的屏幕 一半屏幕寬度 就是360px,我們計算得到
density = 720/360,density = 2;根據(jù)TypedVaule.applyDimens 換算 就是180dp * 2 = 360px
所以我們最終實現(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)聽 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; }
項目中使用:
@Override protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);//注意此處調(diào)用一定要在setContentView之前DensityHelper.setCustomDensity(getApplication(),this);setContentView(R.layout.activity_main); }
有不足的地方往大家指出,共同學(xué)習(xí)。
以上就是Android 簡單好用的屏幕適配方案的詳細(xì)內(nèi)容,更多關(guān)于Android 屏幕適配的資料請關(guān)注好吧啦網(wǎng)其它相關(guān)文章!
相關(guān)文章:
1. python實現(xiàn)讀取類別頻數(shù)數(shù)據(jù)畫水平條形圖案例2. python中PyQuery庫用法分享3. python操作數(shù)據(jù)庫獲取結(jié)果之fetchone和fetchall的區(qū)別說明4. PHP獲取時間戳等相關(guān)函數(shù)匯總5. JSP+Servlet實現(xiàn)文件上傳到服務(wù)器功能6. Ajax實現(xiàn)頁面無刷新留言效果7. php5.6不能擴(kuò)展redis.so的解決方法8. python 爬取嗶哩嗶哩up主信息和投稿視頻9. CSS3實現(xiàn)動態(tài)翻牌效果 仿百度貼吧3D翻牌一次動畫特效10. AJAX實現(xiàn)數(shù)據(jù)的增刪改查操作詳解【java后臺】
