Comment puis-je style un Android Switch?

Le widget changement introduit dans l'API 14 est de style par défaut avec holo thème.
Je veux un style légèrement différent, en changeant les couleurs et la forme un peu pour l'image de marque des raisons. Comment aller à ce sujet? Je sais que cela doit être possible, comme j'ai vu la différence entre la valeur par défaut de l'ICS et de touchwiz de Samsung thème

Je suppose que je vais avoir besoin d'un certain état à un drawable, et j'ai vu un peu les styles de http://developer.android.com/reference/android/R.styleable.html avec Switch_thumb et Switch_track qui ressemblent à ce que j'ai peut-être après. Je ne sais pas comment faire pour aller sur leur utilisation.

Je suis en utilisant ActionbarSherlock si cela fait une différence. Seuls les appareils exécutant API v14 ou ci-dessus seront en mesure d'utiliser un interrupteur à tous, bien sûr.

InformationsquelleAutor Glenn.nz | 2012-04-12

252

Vous pouvez définir l'un drawable qui sont utilisés pour l'arrière-plan, et le sélecteur de la partie comme ceci:
```
<Switch
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:thumb="@drawable/switch_thumb"
    android:track="@drawable/switch_bg" />
```
Maintenant, vous devez créer un sélecteur qui définit les différents états de l'aiguilleur drawable.
Ici les copies à partir de l'Android sources:
```
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:drawable="@drawable/switch_thumb_disabled_holo_light" />
    <item android:state_pressed="true"  android:drawable="@drawable/switch_thumb_pressed_holo_light" />
    <item android:state_checked="true"  android:drawable="@drawable/switch_thumb_activated_holo_light" />
    <item                               android:drawable="@drawable/switch_thumb_holo_light" />
</selector>
```
Ceci définit le pouce drawable, l'image est déplacée au-dessus de l'arrière-plan. Il y a quatre ninepatch les images utilisées pour le curseur:

Le désactivé version (xhdpi version Android est l'utilisation d')

La touche de curseur:

Le curseur activé (l'état):

La version par défaut (état off):

Il y a aussi trois états différents pour l'arrière-plan qui sont définis dans le sélecteur suivant:
```
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:drawable="@drawable/switch_bg_disabled_holo_dark" />
    <item android:state_focused="true"  android:drawable="@drawable/switch_bg_focused_holo_dark" />
    <item                               android:drawable="@drawable/switch_bg_holo_dark" />
</selector>
```
Le désactivé version:

La version:

Et la version par défaut:

D'avoir un style de l'interrupteur il suffit de créer deux sélecteurs, les mettre à votre Commutateur d'Afficher et de modifier ensuite les sept images de votre style désiré.
- Très détaillé grâce, le 9-patch curseur images qui permettent à une partie de la manette de sortir de la piste a été particulièrement utile, car je ne pouvais pas travailler sur la façon qu'ils le faisaient. (la valeur par défaut du curseur a l'pointu, bord de bits à passer à la fin de la piste pour faire un bout carré sur un côté)
- Il y a encore un état qui est <item android:state_checked ="true"> qui peut changer la piste de l'image lorsque le commutateur est dans l'état "on". donc, si vous voulez changer la piste sur "on"/"off", l'utilisation de cet état.
- Comment puis-je style de la couleur du texte pour le pouce? je ne peux pas le trouver n'importe où 🙁
- pojomx. Avez-vous trouvé de solution pour le textcolor - à-dire sur/off couleur du texte? Je suis confronté au même problème et bloqué au même point.
- Est-il une bibliothèque de prise en charge à mettre en œuvre dans 2.3 pain d'épice
- Pour changer la couleur du texte => android:switchTextAppearance="@style/mySwitchTextSyle"
- Comment puis-je faire de pouce drawable circulaire?
- Cela fonctionne bien sur la section 5.0,mon 4.4 ne fonctionne pas bien
InformationsquelleAutor Janusz
50

C'est un impressionnant réponse détaillée par Janusz. Mais juste pour le plaisir des gens qui viennent à cette page pour les réponses, le moyen le plus facile est à http://android-holo-colors.com/ (lien mort) liés à partir d'Android Studio Actif

Une bonne description de tous les outils sont à AndroidOnRocks.com (site hors ligne maintenant)

Cependant, je recommande fortement à tout le monde de lire la réponse de Janusz car elle permettra une compréhension plus claire. Utilisez l'outil pour faire des choses très rapide
- Gain de temps considérable. 9-les patchs, l'état de la liste un drawable, etc le tout en un clic!
- Cette réponse est tellement pratique que je voudrais voir affiché comme une question de "outil pour créer facilement android holo contrôles par couleur personnalisée" et accepté de répondre. Les développeurs ont besoin de cela.
InformationsquelleAutor kishu27

Vous pouvez personnaliser les styles de matériaux en définissant les différentes propriétés de couleur.
Par exemple application personnalisée thème

<style name="CustomAppTheme" parent="Theme.AppCompat">
    <item name="android:textColorPrimaryDisableOnly">#00838f</item>
    <item name="colorAccent">#e91e63</item>
</style>

Personnalisé commutateur thème

<style name="MySwitch" parent="@style/Widget.AppCompat.CompoundButton.Switch">
    <item name="android:textColorPrimaryDisableOnly">#b71c1c</item>
    <item name="android:colorControlActivated">#1b5e20</item>
    <item name="android:colorForeground">#f57f17</item>
    <item name="android:textAppearance">@style/TextAppearance.AppCompat</item>
</style>

Vous pouvez personnaliser la voie du commutateur et interrupteur au pouce comme l'image ci-dessous, par définition xml un drawable. Pour plus d'informations http://www.zoftino.com/android-switch-button-and-custom-switch-examples

Comment puis-je style un Android Switch?

InformationsquelleAutor Arnav Rao

1

Alternative et beaucoup plus facile est d'utiliser des formes au lieu de 9-patch.
C'est déjà expliqué ici:
https://stackoverflow.com/a/24725831/512011
- idk, l'outil mentionné dans kishu27 la réponse a été beaucoup plus rapide pour juste changer la couleur car elle rend tous les fichiers pour vous. Je pense que si tu voulais personnaliser la forme en plus de la couleur mais c'est probablement plus rapide.
- L'outil est vraiment génial, bien que, franchement, je suis pas fan de l'idée que si vous voulez juste changer la couleur de quelque chose que vous avez besoin de générer un tas d'images. Aussi, si vous êtes en utilisant des formes, vous pouvez avoir différentes couleurs pour on/off sur la position des aiguillages.
- vrai, si vous êtes indécis comme moi et gardez la modification de la couleur jusqu'à ce que vous trouverez celui que vous aimez, alors c'est beaucoup plus rapide, heureusement pour moi, quelqu'un d'autre est responsable de choisir les couleurs 🙂
InformationsquelleAutor netpork

Vous devez vous connecter pour publier un commentaire.