android switch更换颜色

原创

mob649e815ecee0 2023-11-14 11:02:36 ©著作权

文章标签 android 滑块 Android 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob649e815ecee0的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android Switch 更换颜色

Android开发中，Switch是一种常用的用户界面控件，用于切换状态。默认情况下，Switch的颜色是系统主题的颜色，但我们可以通过一些方法来更改Switch的颜色。本文将介绍如何在Android应用中更改Switch的颜色，并提供相应的代码示例。

1. 使用XML属性更改Switch颜色

我们可以通过在XML布局文件中使用属性来更改Switch的颜色。下面是一些常用的属性：

android:thumbTint：用于更改Switch的滑块颜色。
android:trackTint：用于更改Switch的背景轨道颜色。
android:thumbTintMode和android:trackTintMode：用于指定颜色的混合模式。

以下是一个示例，演示如何使用这些属性更改Switch的颜色：

<Switch
    android:id="@+id/switch1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:thumbTint="#FF0000"
    android:trackTint="#00FF00" />

在上面的代码中，我们将滑块的颜色设置为红色（#FF0000）并将背景轨道的颜色设置为绿色（#00FF00）。

2. 使用代码更改Switch颜色

除了在XML布局文件中使用属性之外，我们还可以在代码中动态更改Switch的颜色。我们可以通过获取Switch的Drawable对象，并为其设置颜色来实现这一目的。

以下是一个示例，展示如何在代码中更改Switch的颜色：

val switch = findViewById<Switch>(R.id.switch1)
val thumbDrawable = switch.thumbDrawable.mutate()
thumbDrawable.setTint(Color.RED)

val trackDrawable = switch.trackDrawable.mutate()
trackDrawable.setTint(Color.GREEN)

上面的代码中，我们首先获取Switch对象，并使用mutate()方法创建可变的Drawable对象，然后使用setTint()方法为Drawable对象设置颜色。我们将滑块的颜色设置为红色（Color.RED），背景轨道的颜色设置为绿色（Color.GREEN）。

3. 动态生成StateListDrawable更改Switch颜色

如果我们希望为Switch定义不同状态下的颜色，例如选中和未选中状态的颜色不同，我们可以使用StateListDrawable来实现。

以下是一个示例，展示如何使用StateListDrawable来更改Switch的颜色：

val switch = findViewById<Switch>(R.id.switch1)
val thumbDrawable = StateListDrawable()
thumbDrawable.addState(intArrayOf(android.R.attr.state_checked), ColorDrawable(Color.RED))
thumbDrawable.addState(intArrayOf(), ColorDrawable(Color.BLUE))
switch.thumbDrawable = thumbDrawable

val trackDrawable = StateListDrawable()
trackDrawable.addState(intArrayOf(android.R.attr.state_checked), ColorDrawable(Color.GREEN))
trackDrawable.addState(intArrayOf(), ColorDrawable(Color.GRAY))
switch.trackDrawable = trackDrawable

上面的代码中，我们首先创建一个StateListDrawable对象，并使用addState()方法为不同状态添加颜色。我们将选中状态的滑块颜色设置为红色（Color.RED），未选中状态的滑块颜色设置为蓝色（Color.BLUE）。然后，我们将选中状态的背景轨道颜色设置为绿色（Color.GREEN），未选中状态的背景轨道颜色设置为灰色（Color.GRAY）。