选择器中的 Android 按钮形状不起作用

Posted 2023-02-24

【中文标题】选择器中的 Android 按钮形状不起作用

【英文标题】：Android button shape in selector doesn't work

【发布时间】：2016-02-12 18:17:02

【问题描述】：

我有一个button 和一个selector，它们必须更改button 的color、padding 和corner radius。我对更改color 没有任何问题，但我永远看不到padding 和corner radius 的任何更改。

button_color.xml

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

<item android:drawable="@color/button_disabled" android:state_enabled="false">
    <shape
        android:shape="rectangle"
        android:padding="8dp">
        <corners android:radius="4dp" />

    </shape>
</item>
<item android:drawable="@color/button_pressed" android:state_pressed="true">
    <shape
        android:shape="rectangle"
        android:padding="8dp">
        <corners android:radius="4dp" />

    </shape>
</item>
<item android:drawable="@color/button_focused" android:state_focused="true">
    <shape
        android:shape="rectangle"
        android:padding="8dp">
        <corners android:radius="4dp" />

    </shape>
</item>
<item android:drawable="@color/colorAccent">
    <shape
        android:shape="rectangle"
        android:padding="8dp">
        <corners android:radius="4dp" />
    </shape>
</item>

</selector>

button的代码：

    <LinearLayout>

    ....
    <Button
    android:layout_
    android:layout_
    android:text="@string/add_to_fav"
    android:id="@+id/add"
    android:background="@drawable/button_color"
    android:textColor="@drawable/button_text_color" />
   </LinearLayout>

我知道一些笨拙的方法来获取padding - 将其放入布局中，但是 1) 它会是“无用的父级”； 2) 我不会收到corner radius。

那么我做错了什么，所以我没有shape？

谢谢！

【参考方案1】：

内边距、颜色和角应该在shape内

所以试试这个：

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

    <item android:state_enabled="false">
        <shape>
            <padding android:left="5dp" android:top="2dp"
                     android:right="5dp" android:bottom="2dp" />
            <corners android:radius="4dp" />
            <solid android:color="@color/colorPrimary"/>
        </shape>
    </item>
    <item android:state_pressed="true">
        <shape>
            <padding android:left="5dp" android:top="2dp"
                     android:right="5dp" android:bottom="2dp" />
            <corners android:radius="4dp" />
            <solid android:color="@color/colorAccent"/>
        </shape>
    </item>
    <item android:state_focused="true">
        <shape>
            <padding android:left="5dp" android:top="2dp"
                     android:right="5dp" android:bottom="2dp" />
            <corners android:radius="4dp" />
            <solid android:color="@color/colorPrimary"/>
        </shape>
    </item>
    <item>
        <shape>
            <padding android:left="5dp" android:top="2dp"
                     android:right="5dp" android:bottom="2dp" />
            <solid android:color="@color/colorPrimaryDark"/>
            <corners android:radius="4dp" />
        </shape>
    </item>

</selector>

这样他们都可以工作。

【讨论】：

确实！它改变了corner radius！但是填充保持不变，所以通过margin 解决这个问题。非常感谢！

【参考方案2】：

android:radius 的值可能太小而无法看到效果。另一方面，padding 的语法必须像这样更改：

<item android:drawable="@color/button_focused" android:state_focused="true">
    <shape
        android:shape="rectangle">
        <corners android:radius="20dip" />
        <padding
            android:left="8dip"
            android:top="8dip"
            android:right="8dip"
            android:bottom="8dip" />

    </shape>
</item>

请注意：如documentation for Shape Drawable中所述，

应用于包含视图元素的填充（这填充视图内容的位置，而不是形状）。