Android 性能优化我的2017追梦之旅Android知识

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

2017-04-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 **

怎么实现屏幕适配啊

一、竖屏

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

谷歌提供了相关支持包( 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 尺寸屏幕引用的布局

** 说明 **:


说明
上一篇下一篇

猜你喜欢

热点阅读