android - 您可以在不遮盖切换按钮的情况下在切换按钮上设置背景颜色吗？

Question

我有一个 ToggleButton。我希望背景清晰，就像在一周中的几天的默认闹钟应用程序中一样。下面的代码用清晰的颜色覆盖了切换。有没有办法在不滚动我自己的切换按钮的情况下保持切换并更改背景颜色？如果没有，那整个过程都会很糟糕，imo。另外，我真的必须在这里定义清晰的颜色，还是可以在我的 xml 中使用内置的清晰颜色？

 <ToggleButton
    android:background="@drawable/clear_toggle_button"
    android:id="@+id/btn_sunday"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:textOn="SUN"
    android:textOff="SUN"
/>

这是我的colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="clear">#ffffff00</color>
</resources>

这是我在 drawable 文件夹中的颜色状态列表 xml。

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

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_focused="true"
        android:state_pressed="false"
        android:drawable="@color/clear" />
    <item
        android:state_focused="true"
        android:state_pressed="true"
        android:drawable="@color/clear" />
</selector>

Answer 1

I want the background to be clear..

透明？是的，android 确实为此定义了颜色。您可以通过以下方式访问它:

@android:color/transparent

或者，在代码中:

Color.TRANSPARENT

@android:color/transparent在res/values/colors.xml中定义:

<color name="transparent">#00000000</color>

alpha 位(第一位和第二位)为零。

但是，您对颜色 clear 的定义:

<color name="clear">#ffffff00</color>

不透明。您可以将透明可视化为任何颜色，并将其alpha设置为零。在您对 clear 的定义中，alpha 位已完全变为 ff - 255 - 不透明。

你的颜色定义产生了这个:

Is there any way to keep the toggle and change the background color without rolling my own toggle button?

事情是:背景颜色和切换是一个可绘制的。整个“开启”状态由一个单独的可绘制对象表示，“关闭”状态也是如此。您不能在不丢失 toggle 反馈的情况下简单地更改颜色。要更改有关默认 ToggleButton 的 背景的任何内容，您必须为每个状态提供备用可绘制对象。

I want the background to be clear, like in the default alarm app for the days of the week..

然后将背景设置为透明将不起作用。我建议您仔细阅读制作 ToggleButton 所涉及的源代码和资源。例如，ToggleButton 的on 和off 状态由drawable 资源表示。因此，如果您决定更改背景，您将需要为 ToggleButton 提供至少两个可绘制对象:每个状态一个。

看看默认闹钟应用是如何做到的。用于 days 的 ToggleButtons 定义为:

<ToggleButton
    android:layout_width="wrap_content"
    android:layout_height="48dp"
    android:layout_gravity="center"
    android:padding="0dp"
    style="@style/body"
    android:textColor="@color/clock_gray"
    **android:background="@drawable/toggle_underline"**
    android:clickable="false"
    android:singleLine="true"/>

drawable toggle_underline 是一个状态选择器:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:state_window_focused="true"
          android:drawable="@drawable/toggle_underline_activated"/>
    <item android:state_checked="true"
          android:drawable="@drawable/toggle_underline_activated"/>
    <item
          android:drawable="@drawable/toggle_underline_normal"/>
</selector>

如您所见，当 ToggleButton 设置为 on 或 checked(或当它被 pressed 时)，@ drawable/toggle_underline_activated 设置为背景。否则，使用 @drawable/toggle_underline_normal - 状态为 off。

toggle_underline_activated 和 toggle_underline_normal 都是 9-patch drawables。

toggle_underline_activated.9.png:

toggle_underline_normal.9.png:

您可以在此处获取这些可绘制对象(以及更多):Link .

因此，您可以创建自己的 9 个具有透明背景的补丁可绘制对象，并将它们与状态选择器可绘制对象一起使用 - 或者您可以查看默认闹钟项目并使用其 drawable-XXXX 中的可绘制对象 文件夹。