Android 屏幕适配(一)

最新推荐文章于 2024-04-14 11:53:49 发布

王世军

最新推荐文章于 2024-04-14 11:53:49 发布

阅读量272

点赞数

分类专栏： Android---基础学习文章标签： android ui app

本文链接：https://blog.csdn.net/qq_16188829/article/details/60579300

版权

Android---基础学习专栏收录该内容

17 篇文章 0 订阅

订阅专栏

Android 手机的尺寸类别特别多.因此我们为了让我们开发的APP在各种尺寸的Android 手机上都可以展示完美的UI .就用到了屏幕适配.

基础概念

1. 屏幕尺寸

屏幕尺寸指的是屏幕对角线的长度, 单位是英寸 , 1英寸= 2.54厘米.
比如常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等

2. 屏幕分辨率

屏幕分辨率是指在横/纵方向上的像素点数, 单位是 px , 1 px = 1个像素点, 一般使用 : 纵向像素*横向像素 1960 * 1080.

3. 屏幕像素密度

屏幕像素密度是指每英寸上的像素点数 . 单位是 dpi (dot per inch) . 屏幕像素密度与屏幕尺寸和屏幕分辨率有关 , 在分辨率相同的情况下屏幕尺寸越小屏幕像素密度就越大.

4. 相关的单位概念

dp/dip
dip和dp是一个意思,都是Density Independent Pixels的缩写,即密度无关像素. 在屏幕像素密度DPI = 160 dpi , 此时 1sp = 1px. Android规定以160dpi位基准 , 也就是所在此种情况下 1px = 1dp. 如在320dpi 下 1dp = 2px. 一次类推
dpi
屏幕像素密度. 每英寸上的像素点个数.
sp
sp，即scale-independent pixels,与dp类似,但是可以根据文字大小首选项进行放缩, 是设置字体大小的御用单位.
px
px 就是像素, 前面的分辨率就是使用的px作为单位. 在大多数情况下, UI设计 , Android 原生API都会以px作为单位.比如过去P屏幕的宽高.

// 获取屏幕尺寸
private void getScreenSize(){
    WindowManager wm =
                (WindowManager) getSystemService(Context.WINDOW_SERVICE);
    final int sw = wm.getDefaultDisplay().getWidth();
    final int sh = wm.getDefaultDisplay().getHeight();
    Log.d(TAG, "Size : " + sh + "px * " + sw + "px");
}
// 输出 : Size : 1184px * 768px

5. 尺寸限定符

名称	像素密度值范围	比例
mdpi	120dpi ~ 160dpi	2
hdpi	160dpi ~ 1240dpi	3
xdpi	240dpi ~ 320dpi	4
xxdpi	320dpi ~ 480dpi	6
xxxdpi	480dpi ~ 640dpi	8

在开发的时候我们需要将图片放到合适的文件夹中

图片分类

在设计图标时，对于五种主流的像素密度（MDPI、HDPI、XHDPI、XXHDPI 和 XXXHDPI）应按照上表所示的比例进行缩放. 比如启动图标的尺寸是 48 * 48 dp . 实际像素尺寸如下表.

屏幕尺寸	图标尺寸	比例
mdpi	48 * 48	2
hdpi	72 8 72	3
xdpi	96 * 96	4
xxdpi	144 * 144	6
xxxdpi	192 * 192	8

屏幕适配解决方案

1. 支持各种屏幕尺寸.

1.1 wrap_content

使用 “wrap_content” 属性,系统会根据内容所需要的尺寸设置空间的大小,但是不会超过父控件的剩余空间大小.

1.2 match_parent

使用 “match_parent” (在API 8以下使用fill_parent) 会让组件占据浮父控件的剩余可用空间. 如下图.

剩余可用空间

1.3 weight

weight属性我们可以看成是按比例分配尺寸 . 但是这个属性只能用在线性布局中. 比如一个水平方向的线性布局有两个子空间. 将他们的宽度设置成 0 dp 分别设置weight 为1 和 2. 则他们会以 1:2 占据父控件所有的剩余空间.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:id="@+id/activity_main"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:background="#0f0"
        android:textSize="20sp"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="wrap_content"
        android:text="weight=1"/>
    <TextView
        android:background="#f00"
        android:textSize="20sp"
        android:maxLines="1"
        android:layout_width="0dp"
        android:layout_weight="2"
        android:layout_height="wrap_content"
        android:text="weight=2"/>
</LinearLayout>