我如何获得移除了 space 外角的自定义按钮

Question

我正在使用此工具 https://angrytools.com/android/button/ 创建自定义 android 按钮，这是它的可绘制对象 xml

 <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
    <corners
        android:topLeftRadius="14dp"
        android:topRightRadius="14dp"
        android:bottomLeftRadius="0dp"
        android:bottomRightRadius="0dp"
        />
    <solid
        android:color="@color/turquoise"
        />
    <size
        android:width="0dp"
        android:height="60dp"
        />
</shape>

但如图所示，我在布局上制作了橙色自定义按钮，背景色为绿松石色，在其上方我制作了另一个绿松石色自定义按钮。

它出现在橙色自定义按钮的角落有一个效果，我怎样才能像这张图片一样去除这个效果

Answer 1

检查这个样本

您的 xml 布局文件

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    >

    <TextView
        android:layout_width="match_parent"
        android:background="@drawable/turquoise_bg"
        android:layout_height="50sp"/>

    <Button
        android:background="@drawable/red_bg"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

</LinearLayout>

在可绘制文件夹中 red_bg.xml

<?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="#40e0d0" />
    </shape>
</item>
<item>
    <shape android:shape="rectangle">
        <corners
            android:bottomLeftRadius="0dp"
            android:bottomRightRadius="0dp"
            android:topLeftRadius="14dp"
            android:topRightRadius="14dp" />
        <solid android:color="#FF0000" />
        <size android:height="60dp" />
    </shape>
 </item>
 </layer-list>

turquoise_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners
    android:bottomLeftRadius="0dp"
    android:bottomRightRadius="0dp"
    android:topLeftRadius="14dp"
    android:topRightRadius="14dp" />
<solid android:color="#40e0d0" />
<size android:height="60dp" />
</shape>

我如何获得移除了 space 外角的自定义按钮

how I get a custom button with a removed space outside corners

android

android-xml

android-drawable

android-studio

android-designer