Android ToggleButton 在旧版本上是否清晰?

Android ToggleButton clear-ish on older versions?

我正在制作一个使用 ToggleButton 的应用程序,我正在确保它可以在旧设备上运行。在我的 GS4(运行 Android 5+)上,它看起来像这样:

在我的 GS3 上(运行 低于 Android 5),但是,它看起来像这样:

有谁知道如何解决这个问题?如果很难看清,底部的按钮是清晰的,而顶部的按钮是纯色的。

注意:我正在使用 AppCompat。

编辑: <ToggleButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/dataToggleButton" android:id="@+id/dataToggleButton" android:layout_column="1" android:checked="false" android:textOff="@string/dataToggleButtonOff" android:textOn="@string/dataToggleButtonOn" android:layout_weight="1" android:onClick="dataToggleButtonChange" android:layout_marginTop="30dp" android:clickable="false" android:enabled="false" android:elevation="6dp" />

ToggleButtons(on/off 按钮)不在 Material 设计指南中。他们仍然在较新的 API 中工作(到目前为止),但他们的样式在不同的 API 级别上是不一致的。

Material design encourages Switches 改为使用。借助 AppCompat 支持库,样式在 SDK 级别(包括旧级别)中得到支持并保持一致。

<android.support.v7.widget.SwitchCompat
    android:checked="false"
    android:text="@string/some_label"
    android:textOff="OFF"
    android:textOn="ON"
    app:showText="true" />