android - 交叉渐变背景

Question

我怎样才能制作这个渐变背景？

我的代码如下

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="@dimen/_10sdp"/>
<gradient
    android:type="linear"
    android:angle="135"
    android:startColor="#D3D3D3"
    android:endColor="#FF0000" />

<size android:height="@dimen/_40sdp"
    android:width="@dimen/_100sdp"/>
</shape>

标签： androidgradient

Answer 1

可绘制/gradlient_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="10dp" />
    <gradient
        android:angle="135"
        android:endColor="#FF0000"
        android:startColor="#D3D3D3"
        android:type="linear" />

    <size
        android:width="100dp"
        android:height="40dp" />
</shape>

在 TextView 中设置背景的示例

<TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        android:background="@drawable/gradient_bg"
        android:gravity="center"
        android:text="OK"
        android:textColor="@color/black"
        android:textSize="16dp" />

输出