android shape 之gradient

效果图如上：

代码如下：

1》shape_gradient_0.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient 

        android:startColor="#FFFF0000"

        android:endColor="#80FF00FF"

        android:angle="0"

        >

    </gradient>

</shape>

2》shape_gradient_45.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient

        android:angle="45"

        android:endColor="#80FF00FF"

        android:startColor="#FFFF0000" >

    </gradient>

</shape>

3》shape_gradient_90.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient

        android:angle="90"

        android:endColor="#80FF00FF"

        android:startColor="#FFFF0000" >

    </gradient>

</shape>

4》shape_gradient_180.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient

        android:angle="180"

        android:endColor="#80FF00FF"

        android:startColor="#FFFF0000" >

    </gradient>

</shape>

5》shape_gradient_270.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient

        android:angle="270"

        android:endColor="#80FF00FF"

        android:startColor="#FFFF0000" >

    </gradient>

</shape>

6》shape_gradient_360.xml

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient

        android:angle="360"

        android:endColor="#80FF00FF"

        android:startColor="#FFFF0000" >

    </gradient>

</shape>

在布局xml引用就行了，代码如下：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="@color/white"

    android:orientation="vertical" >

    <Button

        android:id="@+id/button_back"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:background="@drawable/shape_gradient_0"

        android:text="返回按钮" />

    <Button

        android:layout_marginTop="20dp"

        android:id="@+id/button_back"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:background="@drawable/shape_gradient_45"

        android:text="返回按钮" />

    <Button

        android:layout_marginTop="20dp"

        android:id="@+id/button_back"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:background="@drawable/shape_gradient_90"

        android:text="返回按钮" />

    <Button

        android:layout_marginTop="20dp"

        android:id="@+id/button_back"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:background="@drawable/shape_gradient_180"

        android:text="返回按钮" />

    <Button

        android:layout_marginTop="20dp"

        android:id="@+id/button_back"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:background="@drawable/shape_gradient_270"

        android:text="返回按钮" />

    <Button

        android:layout_marginTop="20dp"

        android:id="@+id/button_back"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:background="@drawable/shape_gradient_360"

        android:text="返回按钮" />

</LinearLayout>