如何只切换按钮的背景并保存状态（按或不按）

Question

我正在尝试制作一个调查应用程序，学习一些关于FragmentContainerView和导航图的知识。当我使用现有的小部件（如radiobuttons或checkboxes）来获取答案时，所有的工作都很完美。

当我尝试制作自己的小部件或更改一个普通按钮的行为以使其行为如以下屏幕截图所示时，问题就出现了：

该行为与ToggleButton类似，但我不想更改文本（开/关文本）。我需要的是，当我点击按钮，它被标记为选择（改变背景）和当然，我需要能够问按钮，如果它被选中或没有，稍后。

使用一个按钮和一个自定义选择器，设置按钮为checkable我可以实现预期的行为。

选择器(btn_toggle_background.xml):

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

    <!--When Button is not enabled -->
    <item android:state_checked="false" android:color="#eeeeee" />
    <!--When Button is in pressed state -->
    <item android:state_checked="true" android:color="@color/blue_electric" />
    <!--When Button is in selected state -->
    <!--Default Background Color -->
    <item android:color="#eeeeee" />

</selector>

在XML布局中：

 <?xml version="1.0" encoding="utf-8"?>

 <Button
      android:id="@+id/button2"
      android:layout_width="match_parent"
      android:layout_height="60dp"
      android:backgroundTint="@drawable/btn_toggle_background" <!-- CUSTOM SELECTOR -->
      android:textColor="@drawable/btn_toggle_text" <!-- CUSTOM SELECTOR -->
      android:checkable="true" <!-- CHECKABLE HERE -->
      android:gravity="fill|fill_horizontal"
      android:text="A través de mi compañía de seguros"
      android:textAlignment="gravity"
      android:textAllCaps="false"
      app:icon="@android:drawable/btn_radio"
      app:iconTint="@drawable/btn_toggle_icon" <!-- CUSTOM SELECTOR --> />

但随后按钮不再响应OnClick事件（我怀疑是为了使其可检查）。我假设它将响应OnCheckedChange事件，但它是一个不激发普通按钮的事件。

我还尝试从按钮扩展自定义视图，拦截OnClick并通过自定义监听器（接口）发送事件。在这种情况下，按钮行为不再起作用。它变成一个普通按钮，并忽略XML中为checked状态指定的样式和选择器。

有没有一个小部件看起来像我需要的？从切换按钮扩展会更合适吗？

Answer 1

您可以使用：

        <com.google.android.material.button.MaterialButton
            android:checkable="true"
            app:backgroundTint="@drawable/btn_toggle_background"
            .../>

与：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="false" android:color="#eeeeee" />
    <item android:state_checked="true" android:color="@color/...." android:alpha="xxx" />
</selector>

和OnCheckedChangeListener:

    button.addOnCheckedChangeListener { button, isChecked ->
        if (isChecked){
            //
        }
    }

使用ischecked方法了解状态：

button.isChecked