Стилизация/раскрашивание кнопки SwitchCompat в Android Lollipop для Material Design

Я пытался найти ресурсы, объясняющие, как я могу стилизовать кнопку переключения в теме Material Design.

Раскрашивать виджеты теперь довольно просто с новым appcompat-v7:21.

Пока вы используете appcompat-v7:21, вы можете заменить все свои старые Switch виджеты на SwitchCompat виджеты. Поэтому в ваших макетах xml вместо использования старого тега Switch используйте android.support.v7.widget.SwitchCompat.

Затем в файле styles.xml убедитесь, что родительской темой вашего приложения является тема Theme.AppCompat, например Theme.AppCompat.Light.

Наконец, ключевым моментом является указание собственного значения для colorAccent:

<item name="colorAccent">@color/my_fancy_color</item>

Цвет, который вы укажете для colorAccent, будет использоваться для окрашивания виджетов в вашем приложении, таких как SwitchCompats, EditTexts, RadioButtons и т. д.

Таким образом, ваш файл styles.xml может выглядеть примерно так:

<style name="Theme.MyTheme" parent="Theme.AppCompat.Light">
    <!-- colorPrimary is used for the default action bar background -->
    <item name="colorPrimary">@color/color_primary</item>

    <!-- colorPrimaryDark is used to color the status bar -->
    <item name="colorPrimaryDark">@color/color_primary_dark</item>

    <!-- 
         colorAccent is used as the default value for colorControlActivated
         which is used to color widgets 
    -->
    <item name="colorAccent">@color/my_fancy_color</item>

    <!-- You can also set colorControlNormal, colorControlActivated
         colorControlHighlight & colorSwitchThumbNormal. -->
</style>

где находятся чертежи, которые я могу использовать для создания собственной версии?

Я бы не рекомендовал изменять чертежи напрямую, но они находятся в

sdk/platforms/android-21/data/res/drawable-XXXX

а файлы называются

btn_switch_to_off_mtrl_XXXXX.9.png

btn_switch_to_on_mtrl_XXXXX.9.png

switch_track_mtrl_alpha.9.png

Чтобы завершить ответ JDJ:

В AppCompat есть баг с поврежденным файлом drawable-hdpi:

https://code.google.com/p/android/issues/detail?id=78262

Чтобы исправить это, просто переопределите его с помощью этих двух файлов:

https://github.com/lopespm/quick-fix-switchcompat-resources

Добавьте их в свой каталог drawable-hdpi.

XML

<android.support.v7.widget.SwitchCompat
android:id="@+id/dev_switch_show_dev_only"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>

И в Java ничего не надо было

В моем случае я хотел стилизовать только определенный переключатель, а не все из них в приложении. Вот как я это сделал с помощью AppCompat-v7:23.

xml макет:

<android.support.v7.widget.SwitchCompat
                android:id="@+id/switchAffiliateMember"
                android:theme="@style/Sugar.Switch.Affiliate"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:checked="true"
                android:textOff="No"
                android:textOn="Yes" />

v21/стили.xml:

<style name="Sugar.Switch.Affiliate" parent="Base.Widget.AppCompat.CompoundButton.Switch">
    <item name="colorSwitchThumbNormal">@color/red</item>
    <item name="colorAccent">@color/white</item>
</style>

colorSwitchThumbNormal — это состояние «выключено», colorAccent — это состояние «включено». Обратите внимание, что ни у одного из них нет префикса пространства имен «android», я не понимаю почему, но это работает только для меня.