android - 包含图标的 ToggleButton 矩形

Question

我正在尝试创建一个包含图标的 ToggleButton 矩形，单击后背景应该改变颜色但图标应该保持可见。

到目前为止，我可以像这样在点击时改变矩形的颜色:

<ToggleButton
   android:background="@drawable/toggle_selector"
   android:id="@+id/toggle"
   android:checked="false"
   android:textOn=""
   android:textOff=""
   android:layout_width="60dp"
   android:layout_height="60dp" />

切换选择器.xml:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item
      android:drawable="@drawable/toggle_state_on"
      android:state_checked="true" />
  <item
      android:drawable="@drawable/toggle_state_off"
      android:state_checked="false" />
</selector>

toggle_state_on.xml:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <!-- Draw a 5dp width border around shape -->
            <stroke
                android:color="#4c975d"
                android:width="5dp"
                />
        </shape>
    </item>
    <!-- Overlap the left, top and right border using background color  -->
    <item
        android:bottom="5dp"
        >
        <shape android:shape="rectangle">
            <solid android:color="#6dd988"/>
        </shape>
    </item>
</layer-list>

toggle_state_off 与 on 相同，但颜色不同。

我找不到如何将图标放在我创建的按钮的中心，可以实现吗？以及如何？

Answer 1

您可能需要根据需要修改以下内容，但是这将在中心显示一个图标，表示打开和关闭状态。添加行 toggle_state_off 和 toggle_state_on android:drawable="@drawable/ic_attach_money_black_24dp"

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <!-- Draw a 5dp width border around shape -->
            <stroke
                android:color="#2c125d"
                android:width="5dp"
                />
        </shape>
    </item>
    <!-- Overlap the left, top and right border using background color  -->
    <item
        android:bottom="5dp"
        android:drawable="@drawable/ic_attach_money_black_24dp">
        <shape android:shape="rectangle">
            <solid android:color="#2c125d"/>
        </shape>
    </item>
</layer-list>

如果有帮助，请标记为已回答