Android XML中的漸變自定義形狀

Question

我正在尋找一些教程或參考資料，可以幫助我創建一些自定義形狀，例如下面提到的形狀。 背景形狀

我嘗試使用android xml中的標准形狀創建形狀，但無法為其找到合適的解決方案。

如果有人可以解釋我如何實現這一目標，將是一個很好的幫助。

Answer 1

嘗試在可繪制文件夾中使用此圖層列表

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="rectangle"  android:tint="#0000ff">
        <padding android:bottom="5dp" android:left="5dp" android:right="5dp" android:top="5dp"></padding>
    </shape>
</item>

<item>
    <bitmap
        android:gravity="right"
        android:src="Your_blur_backgound_image" />
    // you can use any other image here
</item>

Answer 2

您應該使用<layer-list> ，嘗試以下操作：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#ffffff"/>
            <size android:height="30dp" android:width="40dp"/>
        </shape>
    </item>

    <item>
        <shape
            android:shape="oval">
            <gradient
                android:type="radial"
                android:gradientRadius="15dp"
                android:endColor="#ffffff"
                android:startColor="#0000ff" />
        </shape>
    </item>

    <item>
        <inset
            android:insetLeft="5dp"
            android:insetRight="15dp"
            android:insetTop="5dp"
            android:insetBottom="5dp">
            <shape android:shape="rectangle">
                <solid android:color="#ff0000"/>
            </shape>
        </inset>
    </item>
</layer-list>

結果：

Answer 3

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:angle="0"      
        android:centerX="0.1"
        android:centerY="0.1" 
        android:centerColor="#1976d2"
        android:startColor="#00e5ff"
        android:endColor="#6200ea"
        android:gradientRadius="100"
        android:type="linear"/>
    <padding android:left="5dp"
        android:top="4dp"
        android:right="4dp"
        android:bottom="4dp" />
    <corners android:radius="6dp" /> 
</shape>