Android：仅在按钮的左侧描边

Question

我正在尝试使用笔划在按钮上绘制突出显示的“3D”线。我该怎么做呢？我的 custom_button.xml 选择器中的以下块用于默认按钮状态。我希望按钮的背景填充蓝色渐变，但粉色（仅用于测试！）线出现在按钮的左侧。

我应该使用如下所示的层列表吗？ 如何让线条出现在按钮的左侧？目前粉红色的线条出现在整个按钮周围，它用黑色而不是渐变蓝色填充按钮。这是因为第二个项目的默认颜色是黑色..即使我试图将其设置为透明？

<shape>
    <gradient
        android:endColor="@color/blue2"
        android:startColor="@color/blue25"
        android:angle="270" />
    <stroke
        android:width="3dp"
        android:color="#00FFFF" />
    <corners
        android:radius="3dp" />
    <padding
        android:left="10dp"
        android:top="10dp"
        android:right="10dp"
        android:bottom="10dp" />
</shape>

<item android:left="1dp">
    <shape>
       <solid android:color="@android:color/transparent" /> 
       <stroke android:width="1dp" android:color="#FF8888" />
   </shape>
</item>

</layer-list>

下面是我得到的（在顶部）和我期望得到的（在底部）的图像。我只是将这些颜色用于测试目的！ :-)

Answer 1

你可以试试这个

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item
        android:bottom="-2dp"
        android:right="-2dp"
        android:top="-2dp">
        <shape>
            <solid android:color="@android:color/transparent" />

            <stroke
                android:width="1dp"
                android:color="#FF8888" />
        </shape>
    </item>
    <item
        android:drawable="@drawable/shape2"
        android:left="1dp">
    </item>

</layer-list>

@drawable/shape2 是您在上面指定的形状

结果：