Android Checkbox外观

Question

我正在查看Vision Barcode示例，他们正在使用xml中的复选框控件，但不知何故，当在设备/模拟器上加载该应用程序时，它们看起来非常好，如下所示。

definition of date in the spec

正如你在xml中看到的那样，它不是一个开关，但不知道它是如何像开关一样出现，这是一个谜！这就是Android Studio中项目的外观...... Here is the link for the Vision Barcode Reader activity_main.xml

不幸的是，当我在公司应用程序中执行相同操作时，它们显示为旧版复选框。也就是说，有没有办法在运行时强制使它看起来像我在下面的图片中看到的那样？

当我查看材料设计的文档时，我没有在遗留的中看到这些内容。

Answer 1

这是你学到的不是复选框的开关。检查switch

Answer 2

试试这个：

    <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.android_examples.materialswitch_android_examplescom.MainActivity">

    <android.support.v7.widget.SwitchCompat
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:theme="@style/SwitchTheme"/>

</RelativeLayout>

你的res / styles.xml中的

：

 <resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

    <style name="SwitchTheme" parent="Theme.AppCompat.Light">

        <item name="colorControlActivated">#009688</item>


        <item name="colorSwitchThumbNormal">#1DE9B6</item>


        <item name="android:colorForeground">#B2DFDB</item>
    </style>

</resources>

还要确保将其添加到依赖

中

compile 'com.android.support:appcompat-v7:25.3.1'

输出：