Android形状有渐变边框和阴影

Tra*_*cer 6 android-layout android-xml android-drawable android-shape

我有一个png drawable按钮.但是它的图像drawable有渐变,当应用9patch时它看起来很糟糕(渐变和9patch不兼容).我想用形状来做这件事.但我不能用android形状绘图,因为我很难理解它.

你能帮我用形状画出这个图像吗?

在此输入图像描述

它包含一个边框渐变,内部是橙色矩形,圆角和阴影120°

Wil*_*aan 15

干得好

创建您的布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#c8c0c0"
    android:orientation="vertical">


    <LinearLayout
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:layout_centerInParent="true"
        android:background="@drawable/my_rectangle">

    </LinearLayout>

</RelativeLayout>
Run Code Online (Sandbox Code Playgroud)

在drawable文件夹中创建my_rectangle.xml文件

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <gradient
                android:angle="270"
                android:endColor="#000000"
                android:startColor="#FFFFFF" />
            <corners android:radius="10dp" />
            <padding
                android:bottom="5dp"
                android:left="5dp"
                android:right="5dp"
                android:top="5dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#e95d11" />
            <corners android:radius="10dp" />
            <size
                android:width="50dp"
                android:height="50dp" />
        </shape>
    </item>
</layer-list>
Run Code Online (Sandbox Code Playgroud)

结果

在此输入图像描述

笔记

  1. 我做了一个120*120的正方形,改变尺寸使其成为矩形
  2. 我将圆角的半径设为10dp,如果你愿意,可以改变它
  3. 我将填充量设为5dp,您也可以更改它

干杯