android - 如何从 AppCompat 库中更改 SwitchCompat 的颜色

Question

这个问题在这里已经有了答案:

Change "on" color of a Switch (26 个回答)

关闭 3年前。

我的应用程序中有一些具有不同颜色的开关控件，为了更改它们的颜色，我使用了多个自定义可绘制选择器。

随着 AppCompat v21 库的发布，引入了新的 android.support.v7.widget.SwitchCompat 控件。

是否可以在没有客户可绘制选择器但使用 XML 或代码的情况下以编程方式更改 SwitchCompat 的颜色？

Answer 1

AppCompat 着色属性:

首先，您应该看看 appCompat 库文章 there以及您可以设置的不同属性:

colorPrimary:应用的主要品牌颜色。默认情况下，这是应用于操作栏背景的颜色。

colorPrimaryDark:主要品牌颜色的深色变体。默认情况下，这是应用于状态栏(通过 statusBarColor)和导航栏(通过 navigationBarColor)的颜色。

colorAccent:对主要品牌色彩的明亮补充。默认情况下，这是应用于框架控件的颜色(通过 colorControlActivated)。

colorControlNormal:在正常状态下应用于框架控件的颜色。

colorControlActivated:应用于处于激活(例如选中、打开)状态的框架控件的颜色。

colorControlHighlight:应用于框架控件突出显示的颜色(例如波纹、列表选择器)。

colorButtonNormal:在正常状态下应用于框架按钮的颜色。

colorSwitchThumbNormal:在正常状态下应用于框架开关拇指的颜色。 (关掉)

---

如果单个 Activity 中的所有自定义开关都相同:

使用之前的属性，您可以为每个 Activity 定义自己的主题:

<style name="Theme.MyActivityTheme" parent="Theme.AppCompat.Light">
    <!-- colorPrimary is used for the default action bar background -->
    <item name="colorPrimary">@color/my_awesome_color</item>

    <!-- colorPrimaryDark is used for the status bar -->
    <item name="colorPrimaryDark">@color/my_awesome_darker_color</item>

    <!-- colorAccent is used as the default value for colorControlActivated,
         which is used to tint widgets -->
    <item name="colorAccent">@color/accent</item>

    <!-- You can also set colorControlNormal, colorControlActivated
         colorControlHighlight, and colorSwitchThumbNormal. -->

</style>

和:

<manifest>
...
    <activity
        android:name=".MainActivity" 
        android:theme="@style/Theme.MyActivityTheme">
    </activity>
...
</manifest>

---

如果您想在单个 Activity 中拥有不同的自定义开关:

由于 appcompat 中的小部件着色通过拦截任何布局膨胀并在其位置插入一个特殊的着色感知版本的小部件来工作(参见 Chris Banes post about it)，因此您不能将自定义样式应用于布局 xml 的每个开关文件。您必须设置一个自定义 Context 以使用正确的颜色进行着色切换。

--

要为 pre-5.0 执行此操作，您需要创建一个使用自定义属性覆盖全局主题的上下文，然后以编程方式创建您的开关:

ContextThemeWrapper ctw = ContextThemeWrapper(getActivity(), R.style.Color1SwitchStyle); 
SwitchCompat sc = new SwitchCompat(ctw)

从 AppCompat v22.1 开始，您可以使用以下 XML 将主题应用于开关小部件:

<RelativeLayout
    xmlns:app="http://schemas.android.com/apk/res-auto"
    ...>

    <android.support.v7.widget.SwitchCompat
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:theme="@style/Color1SwitchStyle"/>

您的自定义开关主题:

<style name="Color1SwitchStyle">
    <item name="colorControlActivated">@color/my_awesome_color</item>
</style>

--

在 Android 5.0 上，它看起来像是一个新的 View 属性:android:theme(与 list 中的 Activity 声明相同)。基于另一个 Chris Banes post ，使用后者，您应该能够直接在布局 xml 中的 View 上定义自定义主题:

<android.support.v7.widget.SwitchCompat
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:theme="@style/Color1SwitchStyle"/>

---

更改 SwitchCompat 的轨道颜色

感谢 vine'th，我通过一个指向 SO 答案的链接完成了我的答案，该链接解释了如何在 Switch 关闭时指定轨道的前景，它是 there .