旧版本的 Android ToggleButton 是否清晰？

Question

我正在制作一个使用 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" />

Answer 1

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

Material design鼓励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" />