具有自定义图像和自定义文本颜色的切换按钮

Question

我有这个开关：

<ToggleButton
    android:id="@+id/toggle_1"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:background="@drawable/custom_toggle_bg"
    android:gravity="bottom|center_horizontal" />

这是可绘制资源：

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

    <item android:drawable="@drawable/active" android:state_checked="true"/>
    <item android:drawable="@drawable/default" android:state_checked="false"/>

</selector>

现在我希望 ToggleButton 的文本（打开和关闭）在 Toggle 更改状态时改变颜色（只有文本，而不是整个 ToggleButton 的背景）。我该怎么办？

Answer 1

您可以将属性 android:textColor="@drawable/color_selector" 添加到您的 <ToggleButton>

//color_selector.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" color="@color/text_on" />
    <item android:state_checked="false" color="@color/text_off" />
</selector>

Answer 2

在位置 ./res/color/my_selector.xml 创建另一个选择器并将其设置为 ToggleButton android:textColor="@color/my_selector"

示例my_selector.xml

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

    <item color="@color/text_active" android:state_checked="true"/>
    <item color="@color/text_default" android:state_checked="false"/>

</selector>

Answer 3

在您的代码中，使用 OnClickListener。

protected void onCreate(Bundle savedInstanceState) {
  final ToggleButton tb = new ToggleButton(DataHandler.getContext());
  tb.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
      if (tb.isChecked()) {
        tb.setTextColor(Color.GREEN);
      }
      else {
        tb.setTextColor(Color.RED);
      }
    }
  });
}

具有自定义图像和自定义文本颜色的切换按钮

ToggleButton with custom image and custom text color

android

togglebutton

android-togglebutton