How to have a Lollipop switch button

后端 未结 7 1227
暖寄归人
暖寄归人 2021-02-04 02:05

I want to have the Lollipop style switch button for my app:

\"enter

How could I im

相关标签:
7条回答
  • 2021-02-04 02:51

    At first set android:targetSdkVersion="22" in your manifest to make your app compatible to Lollipop.

    NOTE: Color of your switch depends on this

    <item name="android:colorAccent">@color/accent</item>
    

    Create your own theme for your app in styles.xml in Folder values-v21

    <?xml version="1.0" encoding="utf-8"?>
    <resources>
        <style name="AppTheme" parent="AppTheme.Base">
            <item name="android:colorPrimary">@color/primary</item>
            <item name="android:colorPrimaryDark">@color/primary_dark</item>
            <item name="android:colorAccent">@color/accent</item>
            <item name="android:textColorPrimary">@color/text_primary</item>
            <item name="android:textColor">@color/text_secondary</item>
            <item name="android:navigationBarColor">@color/primary_dark</item>
            <item name="toolbarStyle">@style/Widget.AppCompat.Toolbar</item>
        </style>
    </resources>
    

    styles.xml in default Folder values or values-v14

    <resources>
    
        <!-- Base application theme. -->
        <style name="AppTheme" parent="AppTheme.Base">
            <!-- Customize your theme here. -->
    
            <item name="toolbarStyle">@style/Widget.AppCompat.Toolbar</item>
        </style>
    
        <style name="AppTheme.Base" parent="Theme.AppCompat">
            <!-- Customize your theme here. -->
    
            <!-- colorPrimary is used for the default action bar background -->
            <item name="colorPrimary">@color/primary</item>
    
            <!-- colorPrimaryDark is used for the status bar -->
            <item name="colorPrimaryDark">@color/primary_dark</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 & colorSwitchThumbNormal. -->
        </style>
    
    </resources>
    
    0 讨论(0)
提交回复
热议问题