zoukankan      html  css  js  c++  java
  • 4.13Android学习

    一、今日学习内容

    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) 来进行转换:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    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方法

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
        @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

    所以我们最终实现方案如下:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    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;
    }

    项目中使用:

    1
    2
    3
    4
    5
    6
    7
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //注意此处调用一定要在setContentView之前
    DensityHelper.setCustomDensity(getApplication(),this);
        setContentView(R.layout.activity_main);
    }

    二、遇到的问题

     暂无

    三、明日计划

    继续Android学习

  • 相关阅读:
    Zookeeper and The Infinite Zoo(CF1491D)(位运算)
    树上差分
    最近公共祖先
    极角排序
    最长路spfa
    树的基础
    树的遍历~
    最小圆覆盖板子
    动态凸包(询问点是否在凸包内部)
    凸包内最大三角形
  • 原文地址:https://www.cnblogs.com/zyljal/p/14909872.html
Copyright © 2011-2022 走看看