Compose_12--Material 主题

最新推荐文章于 2025-03-29 00:29:26 发布

放弃了放弃

最新推荐文章于 2025-03-29 00:29:26 发布

阅读量2k

点赞数

分类专栏： Android-compose 文章标签： android gradle android studio

本文链接：https://blog.youkuaiyun.com/weixin_42404361/article/details/121667384

版权

本文介绍了如何在Jetpack Compose中利用MaterialTheme自定义Material Design，以反映产品的品牌。内容包括设置颜色、排版和形状属性，并通过示例展示了如何定义和使用这些主题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Material主题设置是一种系统化的方法，用于自定义Material Design以更好反映产品的品牌，它是由颜色、排版和形状属性组成。如果这些属性被定义，构建应用的组件就会展现出对应属性的效果。在Jetpack Compose中使用MaterialTheme可组合项来实现这些概念。

MaterialTheme(
    colors = …,  // 颜色
    typography = …, // 排版
    shapes = …  // 形状
) {
    // app内容
}

下面我们可以简单写个列子：

1.定义声明颜色：

val Blue200 = Color(0xff98F5FF)
val Blue300 = Color(0xff00F5FF)
val Blue700 = Color(0xff00FFFF)
val Blue800 = Color(0xff00EEEE)
val Blue900 = Color(0xff008B8B)

/**
 * 日光主题颜色
 */
private val LightThemeColors = lightColors(
    primary = Blue700,
    primaryVariant = Blue900,
    onPrimary = Color.White,
    secondary = Blue700,
    secondaryVariant = Blue200,
    onSecondary = Color.White,
    error = Blue800,
    onBackground = Color.Black,

    )

/**
 * 暗黑主题颜色
 */
private val DarkThemeColors = darkColor