解决 Android 设备碎片化--屏幕适配

作者: 甜甜的清风啊 | 来源:发表于2017-04-07 15:07 被阅读102次

    随着支持 Android 系统的设备(手机、平板、电视、手表)的增多,设备碎片化、品牌碎片化、系统碎片化、传感器碎片化和屏幕碎片化的程度也在不断地加深。

    在当时初学 Android 的时候,就初步接触了这方面的概念。当时学了六大布局:


    布局 PK

    当时说了绝对布局已经是被淘汰了的,就是因为它不满足屏幕适配。还有一种百分比布局,控件的位置是按百分比来控制的,在任何尺寸的手机屏幕上整体格局都是这样显示的,不会乱。


    ** 扩展小知识 **


    ** 屏幕尺寸 **:屏幕尺寸是指手机的对角线,单位是英寸, 1 英寸 = 2.54 厘米。现在常见的屏幕有 4.7(我的红米 note 2,现在很少看见手机屏幕比我小的了)、5.0、 5.5、 6.0等等。


    屏幕尺寸

    **上图中的 px :pixels,像素的意思,上图中手机 分辨率 为宽 1080 px,高 1920px。 px 也就是 分辨率的单位,一个像素就是一个小点,说明宽度有 1080 个像素小点 **

    ** 像素密度(dpi: dots per inch) **:英文直译过来就是每英寸点数。即 dpi = px / 英寸。


    dpi 分类 4 英寸 hdpi 图标的各屏幕密度的对应尺寸

    ** dip(dp) ( Devices Independent Pixels, 设备独立像素):顾名思义,这个每一个设备独立使用的像素,在不同的设备上有不同的效果,正是用来解决屏幕适配的单位。这里我一直都不是很明白,后面想了个比喻: 它可以看成上面像素单位的一个包装,这里一像素可能等于上面几像素,也有可能等于零点几像素,这个关系由像素密度来决定,像素密度为 160 的时候, 1dip = 1px。 素密度越高,一个独立像素为多个像素 **。

    这个有两个转换工具方法

    public static int dip2px(Context context, float dipValue){ 
                    final float scale = context.getResources().getDisplayMetrics().density; 
                    return (int)(dipValue * scale + 0.5f); 
            } 
            
        public static int px2dip(Context context, float pxValue){ 
                    final float scale = context.getResources().getDisplayMetrics().density; 
                    return (int)(pxValue / scale + 0.5f); 
            } 
    

    ** sp (Scaled Pixels) **:缩放像素,主要用来设置字体大小, best for textSize。

    ** 备注:根据谷歌的推荐,像素统一使用 dp, 字体统一使用 sp **

    怎么实现屏幕适配啊

    一、竖屏

    • 使用 wrap_content:视图的宽度或高度设置成所需的最小尺寸以适应视图中的内容

    • 使用 match_parent: 展开组件以匹配其父视图的尺寸

    这面两个只能解决一些简单的问题。

    • weight,权重:在 LinearLayout 中使用,用于分配控件占总体的百分比。
      ** 注意 **:
      一般使用权重设置时,最好设对应宽高为 0dp, 减少测量工作。
      当控件宽高为 match_parent 时,控件设置的权重与总体成反比;
      当控件宽高为 wrap_content 时,控件设置的权重与总体成正比;
      当只有部分控件设置了权重时,先确定没设置权重控件的宽高,再按剩下部分按比例分配。

    • 谷歌推荐:像素使用 dp, 字体使用 sp

    • 提供备用位图


      备用位图
    • 使用点九图:点九图可以指定图片中部分区域拉伸,从而使图片很多场合方法而不失真。

    • 使用百分比布局:百分比布局直接支持百分比设置控件的宽高。这样在任何尺寸的屏幕上,控件大小都是一样的。

    谷歌提供了相关支持包( android-support-percent-lib),记得使用前添加相关 jar 包或者依赖哦。它提供了两种布局,percentRelativeLayout 继承自 RelativeLayout;percentFrameLayout 继承自 FrameLayout。

    百分比布局的相关属性:


    百分比布局的相关属性

    二、横竖屏或手机与平板同时适配

    2.1 使用限定符

    2.1.1 最小尺寸限定符 res/layout(layout-large)

    单面板布局:res/layout/activity_main.xml
    双面板布局:res/layout_large/activity_main.xml

    2.1.2 最小宽度限定符 res/layout(layout-sw600dp)

    ** 但 Android 版本低于 3.2 的设备不支持此技术,原因是这些设备无法将 sw600dp 识别为尺寸限定符,因此我们仍需使用 large 限定符。 **

    ** 定义 **:通过指定某个最小宽度(以 dp 为单位)来设置屏幕的大小,从而决定是否双面板显示。

    例如使用 sw600p 指明双面板布局尽适用最小宽度为 600dp 的屏幕,而不是适用 large 限定符。标准 7 英寸平板电脑的最小宽度为 600dp。

    单面板布局:res/layout/activity_main.xml
    双面板布局:res/layout-sw600dp/activity_main.xml

    2.1.3 屏幕方向限定符 land port

    2.2 使用布局别名 activity_main.xml(activity_main_large.xml)

    ** 步骤 1** :设置好相应布局


    对应布局

    ** 步骤 2 **:设置大尺寸屏幕引用的布局


    设置大尺寸屏幕应用的布局

    ** 步骤 3 **:设置 600dp 尺寸屏幕引用的布局


    设置 600dp 尺寸屏幕引用的布局

    ** 说明 **:


    说明

    相关文章

      网友评论

        本文标题:解决 Android 设备碎片化--屏幕适配

        本文链接:https://www.haomeiwen.com/subject/lqgcattx.html