[Android]Jetpack Compose设置颜色

在 Kotlin 和 Jetpack Compose 中设置颜色是一个非常直接的过程，涉及到使用 Color 类来定义和使用颜色。

Jetpack Compose 提供了多种方式来定义和应用颜色，包括预定义颜色、RGB 值、十六进制值等。下面是一些常用的设置颜色的方法：

1. 使用预定义的颜色

Jetpack Compose 提供了一系列预定义的颜色，如 Color.Red, Color.Blue, Color.Green 等：

@Composable
fun ExampleComposable() {
    Text(
        text = "Hello, Red!",
        color = Color.Red // 使用预定义的红色
    )
}

2. 使用十六进制颜色

你可以通过十六进制值来定义颜色，例如使用 Color(0xFFRRGGBB) 或 Color(0xAARRGGBB)（AA 为透明度）：

@Composable
fun ExampleComposable() {
    Text(
        text = "Hello, Custom Color!",
        color = Color(0xFFFF0000) // 十六进制表示红色
    )
}

3. 使用 RGBA 值

你也可以使用 RGBA 方式来定义颜色，其中 R、G、B 的值范围是 0 到 255，A（透明度）的值范围是 0.0 到 1.0：

@Composable
fun ExampleComposable() {
    Text(
        text = "Hello, Custom RGBA Color!",
        color = Color(red = 255f, green = 165f, blue = 0f, alpha = 1.0f) // RGBA 表示橙色
    )
}

4. 从资源文件中加载颜色

如果你在 res/values/colors.xml 中定义了颜色，可以通过 colorResource 函数加载这些颜色：

<!-- 在 res/values/colors.xml 文件中 -->
<resources>
    <color name="theme_color">#FF6200EE</color>
</resources>

@Composable
fun ExampleComposable() {
    Text(
        text = "Hello, Color from Resources!",
        color = colorResource(id = R.color.theme_color) // 使用资源文件中定义的颜色
    )
}

5. 使用 Color 工具类

Color 类在 Compose 中提供了一些额外的颜色操作工具，比如调整透明度：

@Composable
fun ExampleComposable() {
    Text(
        text = "Hello, Semi-transparent Color!",
        color = Color.Red.copy(alpha = 0.5f) // 红色，50% 透明度
    )
}

6. 使用自定义主题中的颜色

Jetpack Compose自定义主题

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
 
        setContent {
            RandomdtTheme {
                // A surface container using the 'background' color from the theme
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = MaterialTheme.colorScheme.background
                ) {
                    Greeting("Android")
                }
            }
        }
    }
}