android - 按钮不会改变其在选择器中的形状

Question

我正在尝试自定义按钮的外观。问题是，那个按钮不想改变它的形状。这意味着它仍然是尖锐的而不是椭圆形的。

button_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@color/green_bright">
        <shape xmlns:android="http://schemas.android.com/apk/res/android">
            <corners android:radius="8dp"/>
            <stroke android:color="@color/green_primary"/>
            <padding android:bottom="4dp" android:left="4dp" android:right="4dp" android:top="4dp"/>
        </shape>
    </item>
    <item android:drawable="@color/green">
        <shape xmlns:android="http://schemas.android.com/apk/res/android">
            <corners android:radius="8dp"/>
            <stroke android:color="@color/green_primary"/>
            <padding android:bottom="4dp" android:left="4dp" android:right="4dp" android:top="4dp"/>
        </shape>
    </item>
</selector>

my_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:paddingLeft="8dp"
    android:paddingRight="8dp"
    android:paddingTop="8dp"
    android:paddingBottom="8dp"
    android:orientation="vertical">    
<Button android:id="@+id/button_id"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:text="@string/button_text"
    android:textColor="@color/grey_dark"
    android:background="@drawable/button_selector"/>
</LinearLayout>

已解决

问题是我在 item 中声明了 drawable

<item android:drawable="@color/..."/>

它设置固定背景，它使背景不可改变，所以任何形状都不能改变按钮属性。背景色在中设置。

<solid android:color="@color/blue"/>

重要!您可以使用 drawable 而不是颜色，但是所有您的纯色都需要是可绘制的

<solid android:drawable="@color/blue"/>

更正了下面的 button_selector.xml。

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

    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <solid
                android:color="@color/blue_bright"/>
            <corners
                android:radius="20dp"/>
            <stroke
                android:color="@color/blue_primary"
                android:width="2dp"/>
            <padding
                android:bottom="4dp" android:left="4dp" android:right="4dp" android:top="4dp"/>
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <solid
                android:color="@color/blue"/>
            <corners
                android:radius="20dp"/>
            <stroke
                android:color="@color/blue_primary"
                android:width="2dp"/>
            <padding
                android:bottom="4dp" android:left="4dp" android:right="4dp" android:top="4dp"/>
        </shape>
    </item>

</selector>

同样重要的是，您可以在 Button 中使用您的图片，而不仅仅是将其放入:

<Button>
  ...
  android:src="@drawable/myPicture"
</Button>

Answer 1

使用纯色填充颜色并增加笔触宽度。像这样:

<item>
    <shape android:shape="rectangle">
        <solid android:color="#ff22cc84"/>
        <corners android:radius="8dp"/>
        <stroke android:width="2dp" android:color="#ff800424"/>
        <padding android:bottom="4dp" android:left="4dp" android:right="4dp" android:top="4dp"/>
    </shape>
</item>