Android View 设置背景方式全解析

一、整体概述

在 Android 开发中，视图（View）的背景设置是构建用户界面的重要组成部分。一个合适的背景可以提升界面的美观度，增强用户体验。从简单的纯色背景到复杂的动态效果，背景设置不仅影响界面美观，还与性能优化和内存管理密切相关。本文将从多个维度深入探讨 Android View 设置背景的方式，包括 XML 配置、代码动态设置、不同 Drawable 类型的使用、高级技巧等，并结合源码分析和实际案例给出最佳实践。

二、XML 布局文件中的背景设置

在 XML 布局文件中设置背景是最常用的方式之一，通过 android:background 属性可以快速为 View 配置背景。这种方式的优点是直观、易于维护，并且可以在设计阶段就确定界面的基本样式。

2.1 基本用法

ini 复制代码

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimary"
    android:text="Hello World"/>

属性说明：
- android:layout_width 和 android:layout_height：定义视图的宽度和高度，这里设置为 match_parent 和 wrap_content 是常见的布局方式。
- android:background：用于设置视图的背景，属性值可以是颜色值、Drawable 资源或选择器。
- android:text：设置 TextView 显示的文本内容。

2.2 不同 Drawable 类型的 XML 定义

2.2.1 颜色背景（ColorDrawable）

xml 复制代码

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 定义填充颜色为粉色 -->
    <solid android:color="#FF4081"/>
</shape>

描述：bitmap 标签用于设置图片背景，android:src 指定要显示的图片资源。android:tileMode 可以设置图片的平铺模式，如 repeat（重复）、clamp（拉伸）等。android:gravity 用于设置图片在视图中的对齐方式。
适用场景：当需要使用图片作为背景，并且可能需要对图片进行平铺或拉伸处理时使用。

2.2.3 形状背景（ShapeDrawable）

xml 复制代码

<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    <!-- 指定形状为椭圆形 -->
    android:shape="oval">
    <!-- 定义填充颜色为黄色 -->
    <solid android:color="#FFEB3B"/>
    <!-- 设置形状的宽度和高度 -->
    <size
        android:width="50dp"
        android:height="50dp"/>
</shape>

描述：shape 标签定义形状，android:shape 指定形状类型为 oval（椭圆形）。solid 标签设置填充颜色，size 标签设置形状的大小。
适用场景：用于创建简单的几何形状背景，如圆形按钮、椭圆形图标等。

2.2.4 层叠背景（LayerDrawable）

xml 复制代码

<layer-list
    xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 第一个图层，使用指定的背景资源 -->
    <item android:drawable="@drawable/background_layer1"/>
    <!-- 第二个图层，使用指定的背景资源 -->
    <item android:drawable="@drawable/background_layer2"/>
</layer-list>

描述：layer-list 标签用于创建层叠背景，item 标签表示一个图层，每个图层可以使用不同的 Drawable 资源。图层的顺序从上到下依次叠加。
适用场景：当需要将多个背景元素叠加在一起显示时使用，如在图片上叠加一个半透明的遮罩层。

2.2.5 状态选择器（StateListDrawable）

xml 复制代码

<selector
    xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 当按钮被按下时，使用此 Drawable 作为背景 -->
    <item android:drawable="@drawable/button_pressed" android:state_pressed="true"/>
    <!-- 默认状态下，使用此 Drawable 作为背景 -->
    <item android:drawable="@drawable/button_normal"/>
</selector>

描述：selector 标签用于创建状态选择器，根据视图的不同状态（如按下、选中、禁用等）显示不同的背景。item 标签表示一个状态对应的 Drawable，android:state_pressed 等属性用于指定状态。
适用场景：常用于按钮等交互元素，根据用户的操作显示不同的背景效果，增强交互反馈。

2.3 XML 背景的解析流程

当 Android 系统解析 XML 布局时，会通过 AttributeSet 获取 android:background 属性值，并调用 View 的构造函数进行初始化：

less 复制代码

public View(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
    // 从上下文中获取 TypedArray 对象，用于解析 XML 属性
    TypedArray a = context.obtainStyledAttributes(attrs, com.android.internal.R.styleable.View, defStyleAttr, defStyleRes);
    // 从 TypedArray 中获取背景 Drawable
    Drawable background = a.getDrawable(com.android.internal.R.styleable.View_background);
    // 设置视图的背景
    setBackground(background);
    // 回收 TypedArray 对象，避免内存泄漏
    a.recycle();
}

解析过程：
1. 通过 context.obtainStyledAttributes 方法获取 TypedArray 对象，该对象包含了 XML 中定义的所有属性。
2. 使用 a.getDrawable 方法从 TypedArray 中获取背景 Drawable。
3. 调用 setBackground 方法将获取到的 Drawable 设置为视图的背景。
4. 最后调用 a.recycle 方法回收 TypedArray 对象，释放资源。

三、代码动态设置背景

在 Java/Kotlin 代码中动态设置背景可以实现更灵活的交互逻辑，例如根据用户的操作或应用的状态实时改变视图的背景。

3.1 基本方法

scss 复制代码

// Java 代码示例
// 通过资源 ID 设置背景
view.setBackgroundResource(R.drawable.custom_bg);
// 通过 Drawable 对象设置背景
view.setBackgroundDrawable(getResources().getDrawable(R.drawable.custom_bg));

// Kotlin 代码示例
// 通过资源 ID 设置背景
view.setBackgroundResource(R.drawable.custom_bg)
// 通过 Drawable 对象设置背景
view.setBackgroundDrawable(resources.getDrawable(R.drawable.custom_bg, null))

方法说明：
- setBackgroundResource：通过资源 ID 设置背景，系统会自动加载对应的 Drawable 资源。
- setBackgroundDrawable：通过 Drawable 对象设置背景，需要先从资源中获取 Drawable 对象。

3.2 API 版本差异

setBackgroundDrawable() ：在 API 16 及以上版本中已过时，不建议使用。
setBackground() ：推荐使用的通用方法，内部会根据 API 版本选择合适的实现：

scss 复制代码

public void setBackground(Drawable background) {
    if (background == null) {
        // 如果背景为空，调用 setBackgroundDrawable 设置为空
        setBackgroundDrawable(null);
    } else {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {
            // 在 API 16 及以上版本，调用 setBackgroundDrawable 设置背景
            setBackgroundDrawable(background);
        } else {
            // 在 API 16 以下版本，同样调用 setBackgroundDrawable 设置背景
            setBackgroundDrawable(background);
        }
    }
}

兼容性处理 ：由于 setBackgroundDrawable 在高版本中已过时，使用 setBackground 方法可以确保代码在不同 API 版本上的兼容性。

3.3 动态切换背景

csharp 复制代码

// 为按钮设置触摸监听器，根据触摸状态动态切换背景
button.setOnTouchListener { v, event ->
    when (event.action) {
        // 当按钮被按下时，设置按下状态的背景
        MotionEvent.ACTION_DOWN -> v.setBackgroundResource(R.drawable.button_pressed)
        // 当按钮被抬起时，设置默认状态的背景
        MotionEvent.ACTION_UP -> v.setBackgroundResource(R.drawable.button_normal)
    }
    false
}

- 实现原理 ：通过为按钮设置 OnTouchListener，监听触摸事件的 ACTION_DOWN 和 ACTION_UP 状态，根据不同状态调用 setBackgroundResource 方法切换背景。

四、Drawable 类型与使用场景

4.1 ColorDrawable

特点：纯色填充，只包含单一颜色，不包含任何图形或图像信息。
适用场景：适用于需要简单纯色背景的情况，如设置整个界面的背景色、按钮的默认背景色等。
内存占用：约 1KB（固定开销），由于只存储单一颜色信息，内存占用非常小。

4.2 BitmapDrawable

特点：支持图片缩放、平铺、拉伸等操作，可以根据需要对图片进行处理以适应不同的视图大小和布局要求。

ini 复制代码

<bitmap
    android:gravity="center"
    android:tileMode="repeat"
    android:antialias="true"/>

android:gravity：设置图片在视图中的对齐方式，如 center 表示居中对齐。
android:tileMode：设置图片的平铺模式，repeat 表示重复平铺。
android:antialias：开启抗锯齿功能，使图片边缘更加平滑。

4.3 ShapeDrawable

属性说明 ：

属性	描述
`android:shape`	形状（rectangle/oval/line），指定形状的类型，如矩形、椭圆形或线条。
`solid`	填充颜色，设置形状内部的填充颜色。
`stroke`	边框，设置形状的边框颜色、宽度等属性。
`padding`	内边距，设置形状内部内容与边框之间的间距。

4.4 LayerDrawable

xml 复制代码

<layer-list>
    <!-- 第一个图层，设置 ID 并指定 Drawable 资源 -->
    <item android:id="@+id/background" android:drawable="@drawable/bg_layer1"/>
    <!-- 第二个图层，设置 ID 并指定 Drawable 资源 -->
    <item android:id="@+id/foreground" android:drawable="@drawable/bg_layer2"/>
</layer-list>

层级关系 ：图层的顺序从上到下依次叠加，后面的图层会覆盖前面的图层。可以通过 android:id 属性为每个图层指定唯一的 ID，方便在代码中进行操作。

4.5 StateListDrawable

xml 复制代码

<selector>
    <!-- 当视图被选中时，使用此 Drawable 作为背景 -->
    <item android:drawable="@drawable/button_selected" android:state_selected="true"/>
    <!-- 当视图被按下时，使用此 Drawable 作为背景 -->
    <item android:drawable="@drawable/button_pressed" android:state_pressed="true"/>
    <!-- 默认状态下，使用此 Drawable 作为背景 -->
    <item android:drawable="@drawable/button_normal"/>
</selector>

状态判断 ：根据视图的不同状态（如 state_selected、state_pressed 等）显示不同的背景。注意状态的顺序很重要，高优先级的状态应该放在前面。

五、高级背景设置技巧

5.1 自定义 Drawable

kotlin 复制代码

class GradientDrawable : Drawable() {
    // 创建一个抗锯齿的画笔
    private val paint = Paint(Paint.ANTI_ALIAS_FLAG)
    // 定义渐变的起始颜色为红色
    private var startColor = Color.RED
    // 定义渐变的结束颜色为蓝色
    private var endColor = Color.BLUE

    override fun draw(canvas: Canvas) {
        // 创建一个线性渐变着色器
        val shader = LinearGradient(
            0f, 0f, 
            bounds.width().toFloat(), bounds.height().toFloat(),
            startColor, endColor, 
            Shader.TileMode.CLAMP
        )
        // 将着色器应用到画笔上
        paint.shader = shader
        // 在画布上绘制矩形，使用渐变填充
        canvas.drawRect(bounds, paint)
    }

    override fun setAlpha(alpha: Int) {
        // 设置画笔的透明度
        paint.alpha = alpha
    }

    override fun getOpacity(): Int {
        // 返回 Drawable 的不透明度
        return PixelFormat.TRANSLUCENT
    }

    override fun setColorFilter(colorFilter: ColorFilter?) {
        // 设置画笔的颜色过滤器
        paint.colorFilter = colorFilter
    }
}

自定义过程：
1. 创建一个继承自 Drawable 的类，并重写 draw、setAlpha、getOpacity 和 setColorFilter 等方法。
2. 在 draw 方法中，使用 Canvas 和 Paint 进行绘制操作，这里创建了一个线性渐变并填充矩形。
3. setAlpha 方法用于设置透明度，getOpacity 方法返回 Drawable 的不透明度，setColorFilter 方法用于设置颜色过滤器。

5.2 动画背景

scss 复制代码

// 创建自定义的渐变 Drawable
val gradientDrawable = GradientDrawable()
// 将渐变 Drawable 设置为按钮的背景
button.setBackground(gradientDrawable)

// 创建一个颜色动画，从红色渐变到蓝色
ValueAnimator.ofArgb(Color.RED, Color.BLUE).apply {
    // 设置动画时长为 3000 毫秒
    duration = 3000
    // 添加动画更新监听器
    addUpdateListener { animation ->
        // 获取当前动画的颜色值
        gradientDrawable.startColor = animation.animatedValue as Int
        // 使按钮重新绘制，更新背景
        button.invalidate()
    }
    // 启动动画
    start()
}

实现原理：
1. 创建一个自定义的 GradientDrawable 并设置为按钮的背景。
2. 使用 ValueAnimator 创建一个颜色动画，从红色渐变到蓝色。
3. 在动画更新监听器中，获取当前动画的颜色值并更新 GradientDrawable 的起始颜色，然后调用 invalidate 方法使按钮重新绘制，实现动画效果。

5.3 矢量图与自适应图标

xml 复制代码

<vector
    xmlns:android="http://schemas.android.com/apk/res/android"
    <!-- 设置矢量图的宽度 -->
    android:width="24dp"
    <!-- 设置矢量图的高度 -->
    android:height="24dp"
    <!-- 设置矢量图的视口宽度 -->
    android:viewportWidth="24"
    <!-- 设置矢量图的视口高度 -->
    android:viewportHeight="24">
    <!-- 定义一个路径，使用 SVG 路径数据 -->
    <path
        android:pathData="M12,2C6.5,2 2,6.5 2,12s4.5,10 10,10 10,-4.5 10,-10S17.5,2 12,2z M12,20c-4.4,0 -8,-3.6 -8,-8s3.6,-8 8,-8 8,3.6 8,8 -3.6,8 -8,8z"
        <!-- 设置路径的填充颜色 -->
        android:fillColor="#FF4081"/>
</vector>

特点：
- 矢量图可以无损缩放，不会因为放大或缩小而失真，适合在不同分辨率的设备上使用。
- 自适应图标可以根据不同的设备和主题自动调整显示效果，提供一致的用户体验。

六、性能优化与内存管理

6.1 背景重复使用

scss 复制代码

// 从资源中获取共享的 Drawable 对象
val sharedDrawable = ContextCompat.getDrawable(context, R.drawable.common_bg)
// 将共享的 Drawable 设置为 view1 的背景
view1.setBackground(sharedDrawable)
// 将共享的 Drawable 设置为 view2 的背景
view2.setBackground(sharedDrawable)