How to have Material Design for Pre-Lollipop Devices

Question

I'm looking to have the same design for Pre-Lollipop devices.

In my application I'm using a switch button which is looking like this on Lollipop devices :

and on Pre-Lollipop devices. it's looking like this :

So how can I do that I have two styles folders :

my Styles xml looks like :

<resources>

<style name="MyMaterialTheme" parent="MyMaterialTheme.Base">

</style>

<style name="MyMaterialTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="windowNoTitle">true</item>
    <item name="windowActionBar">false</item>
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="windowActionModeOverlay">true</item>
    <item name="actionModeBackground">@color/colorPrimaryDark</item>
</style>
<style name="MyMaterialTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />
<style name="MyMaterialTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />

score 3 · Answer 1 · answered Oct 10 '15 at 20:59

3

You could use the SwitchCompat class instead of Switch to provide backwards compatibility.

answered Oct 10 '15 at 20:59

PPartisan

8,173
4
29
48

tk1505 · Accepted Answer · 2016-07-13T14:59:56.220

1

For switch you need to use the new android.support.v7.widget.SwitchCompat

More info here

edited Jul 13 '16 at 14:59

answered Oct 10 '15 at 21:02

tk1505

312
1
9

How to have Material Design for Pre-Lollipop Devices

2 Answers2