解决 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 设备碎片化--屏幕适配

    随着支持 Android 系统的设备(手机、平板、电视、手表)的增多,设备碎片化、品牌碎片化、系统碎片化、传感器碎...

  • Android 适配总结

    Android设备多,品牌多,尺寸多,系统版本分布大,碎片化严重。Android的适配包括系统的适配和屏幕的适配等...

  • android屏幕适配

    Android屏幕适配 安卓设备非常多,碎片化严重,需要适配~ 屏幕尺寸:对角线 屏幕分辨率:横纵向上的像素点数单...

  • android屏幕适配

    android设备碎片化严重,因此在实际开发的时候需要做屏幕适配适配主要是在以下几个方面: 布局适配 常见的布局适...

  • Android屏幕适配

    一. 为什么要适配屏幕 android屏幕大小、屏幕密度碎片化严重 二. 怎么样适配屏幕 图片适配 应用图标提供不...

  • Android高手笔记-屏幕适配 & UI优化

    Android高手笔记-屏幕适配 & UI优化 屏幕与适配 由于Android碎片化严重,屏幕分辨率千奇百怪,而想...

  • android 最全屏幕适配方案-自定义实现谷歌百分比布局

    为什么要屏幕适配? 因为Android设备的碎片化严重,导致app的界面元素在不同分辨率的设备屏幕尺寸上显示不一致...

  • UI优化

    UI渲染基础 1、屏幕与适配 通过dp和自适应布局可以基本解决屏幕碎片化的问题,这也是Android推荐使用的屏幕...

  • Android性能优化——手写屏幕适配方案

    为什么要进行屏幕适配 android设备碎片化,导致app的界面元素在不同屏幕尺寸上显示不一致 方案:让布局,布局...

  • Android开发之自动化屏幕适配方案

    作为一位Android开发者,想必大家都应该遇到过由于Android设备碎片化带来的屏幕适配苦恼。经过工作实践和积...

网友评论

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

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