深入了解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設置了背景為這個徑向漸變背景，呈現出徑向漸變背景的效果。