深入了解android:background

在Android开发中，android:background是一个常用的属性，用于定义视图的背景。它可以设置颜色、图片、形状、渐变等，给用户带来良好的视觉体验。本文将从多个方面介绍android:background的用法和效果。

一、背景颜色

首先，我们来看android:background的最基本用法——设置背景颜色。通过在布局文件中为对应控件设置background属性，并将属性值设为颜色值，在运行时即可呈现出相应的背景颜色。

例如：

<TextView
    android:id="@+id/my_text_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Hello World!"
    android:background="#ffa500"/>

上述代码中，我们为TextView设置了背景颜色为橙色，色值为#ffa500。在应用运行时，TextView的背景将呈现为橙色。如果要修改背景颜色，只需调整背景颜色的色值即可。

除了直接设置颜色值外，也可以在colors.xml文件中定义颜色，再在布局文件中引用。这样做的好处是可以统一管理应用中使用到的颜色，方便修改和维护。

例如：

//colors.xml
<resources>
    <color name="orange">#ffa500</color>
</resources>

//布局文件
<TextView
    android:id="@+id/my_text_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Hello World!"
    android:background="@color/orange"/>

上述代码中，我们在colors.xml文件中定义了名为orange的颜色，它的值为#ffa500。在布局文件中，我们通过@color/orange的方式引用这个颜色，实现了设置TextView背景为橙色的效果。

二、背景图片

在实际应用开发中，更常见的情况是使用背景图片。通过设置android:background属性为图片资源的id，即可为控件设置背景图片。在使用背景图片时，为了保证图片在不同设备上具有良好的适应性，通常需要提供多个分辨率的图片资源。

例如：

//mdpi设备下的图片，名称为bg_image.png
├── res
│   ├── drawable-mdpi
│   │   └── bg_image.png

//hdpi设备下的图片，名称为bg_image.png
├── res
│   ├── drawable-hdpi
│   │   └── bg_image.png

//xhdpi设备下的图片，名称为bg_image.png
├── res
│   ├── drawable-xhdpi
│   │   └── bg_image.png

//布局文件
<TextView
    android:id="@+id/my_text_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Hello World!"
    android:background="@drawable/bg_image"/>

上述代码中，我们在不同的drawable目录下放置了三份分辨率不同的bg_image.png图片资源。在布局文件中，我们通过@drawable/bg_image的方式引用这个图片资源，实现了为TextView设置背景图片的效果。

三、背景形状

android:background还支持为控件设置不同的形状，例如圆形、矩形、椭圆等。通过使用不同的shape标签，即可实现不同的形状效果。

以下是一些常见的形状效果示例：

1.设置背景为圆形

//drawable/circle_bg.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#ff0000" />
</shape>

//布局文件
<TextView
    android:id="@+id/my_text_view"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:text="Hello World!"
    android:background="@drawable/circle_bg"/>

上述代码中，我们在drawable目录下创建了circle_bg.xml文件，通过设置shape标签的shape属性为oval，实现了一个圆形的形状效果。在布局文件中，我们为TextView设置了背景为这个圆形背景，呈现出圆形背景的效果。

2.设置背景为矩形

//drawable/rect_bg.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#ff0000" />
</shape>

//布局文件
<TextView
    android:id="@+id/my_text_view"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:text="Hello World!"
    android:background="@drawable/rect_bg"/>

上述代码中，我们在drawable目录下创建了rect_bg.xml文件，通过设置shape标签的shape属性为rectangle，实现了一个矩形的形状效果。在布局文件中，我们为TextView设置了背景为这个矩形背景，呈现出矩形背景的效果。

3.设置背景为带圆角的矩形

//drawable/round_rect_bg.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="20dp" />
    <solid android:color="#ff0000" />
</shape>

//布局文件
<TextView
    android:id="@+id/my_text_view"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:text="Hello World!"
    android:background="@drawable/round_rect_bg"/>

上述代码中，我们在drawable目录下创建了round_rect_bg.xml文件，通过设置corners标签的radius属性为20dp，实现了一个带圆角的矩形的形状效果。在布局文件中，我们为TextView设置了背景为这个带圆角的矩形背景，呈现出带圆角的矩形背景的效果。

四、背景渐变

android:background还支持为控件设置渐变背景，包括线性渐变和径向渐变。使用渐变背景可以使应用更加美观、炫酷。

1.设置线性渐变背景

//drawable/linear_gradient_bg.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:startColor="#ff0000"
        android:endColor="#0000ff"
        android:type="linear"
        android:angle="90" />
</shape>

//布局文件
<TextView
    android:id="@+id/my_text_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Hello World!"
    android:background="@drawable/linear_gradient_bg"/>

上述代码中，我们在drawable目录下创建了linear_gradient_bg.xml文件，通过设置gradient标签的type属性为linear，angle属性为90，实现了一个从上到下的线性渐变效果。在布局文件中，我们为TextView设置了背景为这个线性渐变背景，呈现出线性渐变背景的效果。

2.设置径向渐变背景

//drawable/radial_gradient_bg.xml
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:startColor="#ff0000"
        android:endColor="#0000ff"
        android:type="radial"
        android:centerX="50%"
        android:centerY="50%"
        android:gradientRadius="80dp" />
</shape>

//布局文件
<TextView
    android:id="@+id/my_text_view"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Hello World!"
    android:background="@drawable/radial_gradient_bg"/>

上述代码中，我们在drawable目录下创建了radial_gradient_bg.xml文件，通过设置gradient标签的type属性为radial，centerX属性和centerY属性为50%，gradientRadius属性为80dp，实现了一个径向渐变效果。在布局文件中，我们为TextView设置了背景为这个径向渐变背景，呈现出径向渐变背景的效果。