Technologie

Wie kann man die Farbe eines Android Switch ändern?

Melden
  1. Grundlagen zum Android Switch
  2. Farbänderung über XML Attribute
  3. Anpassung über Farbzustandslisten (ColorStateList)
  4. Farbänderung programmgesteuert in Kotlin oder Java
  5. Kompatibilität und Hinweise
  6. Zusammenfassung

Der Android Switch ist ein häufig genutztes User Interface Element, mit dem man zwischen zwei Zuständen wechseln kann, beispielsweise Ein und Aus. Standardmäßig hat der Switch eine vordefinierte Farbe, die je nach Android-Version variieren kann. Es gibt jedoch unterschiedliche Möglichkeiten, die Farbe des Switches individuell anzupassen, um das Design der App besser auf das eigene Farbschema abzustimmen.

Grundlagen zum Android Switch

Ein Switch besteht aus einem Schieberegler mit einem Thumb (Schieber) und einer Hintergrundschiene, die den aktuellen Zustand symbolisiert. In der Regel verändert sich die Hintergrundfarbe, wenn der Switch aktiviert wird. Um jedoch die Farben der verschiedenen Komponenten zu ändern, benötigt man Zugriff auf bestimmte Attribute oder man überschreibt das Standard-Styling.

Farbänderung über XML Attribute

Ab Android 5.0 (API Level 21) kann man die Farben des Switch direkt über XML mit Hilfe der Attribute trackTint und thumbTint anpassen. Diese steuern die Farben der Schiene (track) und des Schiebers (thumb).

Beispiel:

<Switch android:layout_width="wrap_content" android:layout_height="wrap_content" android:trackTint="@color/deine_track_farbe" android:thumbTint="@color/deine_thumb_farbe" />

Mit diesen Attributen kann man einfache Farbänderungen vornehmen. Möchte man detailliertere Variationen, muss man weitere Schritte berücksichtigen.

Anpassung über Farbzustandslisten (ColorStateList)

Um unterschiedliche Farben für den aktiven und inaktiven Zustand zu definieren, verwendet man ColorStateLists. Diese Dateien legen fest, welche Farbe bei welchem Zustand angezeigt wird.

Erstelle hierzu eine XML-Datei unter res/color/, beispielsweise switch_track_color.xml, die die verschiedenen Zustände definiert:

<color-state-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:color="@color/aktiv_color" android:state_checked="true" /> <item android:color="@color/inaktiv_color" /> </color-state-list>

Dann weist man dieses ColorStateList dem Switch im XML zu:

<Switch android:layout_width="wrap_content" android:layout_height="wrap_content" android:trackTint="@color/switch_track_color" android:thumbTint="@color/switch_thumb_color" />

Farbänderung programmgesteuert in Kotlin oder Java

Alternativ kann man im Code die Farben dynamisch setzen. Hierbei lädt man zunächst die ColorStateList oder einzelne Farben und weist sie dem Switch zu. Beispiel in Kotlin:

val switch: Switch = findViewById(R.id.dein_switch) val trackColorStateList = ContextCompat.getColorStateList(this, R.color.switch_track_color) val thumbColorStateList = ContextCompat.getColorStateList(this, R.color.switch_thumb_color) switch.trackTintList = trackColorStateList switch.thumbTintList = thumbColorStateList

So kann die Farbe je nach gewünschten Bedingungen geändert oder angepasst werden.

Kompatibilität und Hinweise

Der Support für trackTint und thumbTint ist ab API Level 21 verfügbar. Für ältere Versionen kann es notwendig sein, auf die Support Library bzw. AppCompat zurückzugreifen und den SwitchCompat zu verwenden, der ähnliche Attribute bietet. Außerdem ist es möglich, eigene Drawable-Assets mit individuellen Farben zu erstellen und als Track bzw. Thumb zu verwenden.

Zusammenfassung

Die Farbe eines Android Switch zu ändern ist durch Verwendung der Attribute trackTint und thumbTint in Verbindung mit Farbzustandslisten einfach möglich. Für eine flexible Gestaltung sind Farbzustandslisten empfehlenswert, um unterschiedliche Zustände farblich zu differenzieren. Auch eine programmgesteuerte Anpassung ist unkompliziert umsetzbar und ermöglicht dynamische Farbwechsel zur Laufzeit.

0

Kommentare