Android SwitchCompat 在关闭状态下不呈现轨道

Question

我的问题可能最好通过视觉方式提出——我想要一个 SwitchCompat切换到他们在 Android 设置应用中的样子:

这是关闭的:

这是在:

但出于某种原因，我的 SwitchCompat 开关在关闭时看起来像这样:

没有延伸到右侧的灰色“轨道”。但是，打开时，它看起来符合预期:

如您所见，我已将自定义色调应用于我的应用程序。我的自定义色调应用如下:

<activity
    android:name=".editor.MySettingsEditor"
    android:theme="@style/Theme.MyCustomTheme" />

然后，在 styles.xml 中:

<style name="Theme.MyCustomTheme" parent="Theme.AppCompat">    
    <item name="colorAccent">@color/myColorAccent</item>
    <item name="colorPrimary">@color/myColorPrimary</item>
    <item name="colorPrimaryDark">@color/myColorPrimaryDark</item>
    <item name="alertDialogTheme">@style/AppCompatAlertDialogStyle</item>
</style>

为确保不是我的自定义样式导致此问题，我通过执行以下操作将其删除:

<activity
    android:name=".editor.MySettingsEditor"
    android:theme="@style/Theme.AppCompat" />

但是，“关闭”轨道仍然没有显示，尽管色调颜色现在变为 Android 默认蓝绿色。

为什么我的 SwitchCompat 开关在关闭状态时缺少灰色轨道？

描述 SwitchCompat 的 XML 非常简单:

    <android.support.v7.widget.SwitchCompat
        android:id="@+id/checkbox"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="1"/>

谢谢!

Answer 1

您可以通过为 Activity 颜色设置 colorControlActivated 和为非 Activity 颜色设置 colorSwitchThumbNormal 来应用自定义色调。如果你想改变轨道颜色，那么你可以设置 android:colorForeground

<style name="CustomSwitch" parent="Theme.AppCompat">  
    <!-- active thumb-->
    <item name="colorControlActivated">@color/active_switch_color</item>

    <!-- inactive thumb-->
    <item name="colorSwitchThumbNormal">@color/inactive_switch_color</item>

    <!-- inactive track color -->
    <item name="android:colorForeground">@color/inactive_track_color</item>
</style>  

如果您想直接为您的 View 设置自定义主题:

<android.support.v7.widget.SwitchCompat
        android:id="@+id/checkbox"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:theme="@style/CustomSwitch"/>