9、Android Compose 应用的样式设计与导航集成全解析

Android Compose 应用的样式设计与导航集成全解析

1. Compose 应用样式基础

在开发 Compose UI 时，大部分情况下会使用 androidx.compose.material 包中的内置可组合函数。这些函数实现了 Material Design 及其继任者 Material You 设计语言。Material You 是 Android 原生设计语言，也将在其他平台可用，它扩展了笔、纸和卡片的概念，大量使用基于网格的布局、响应式动画和过渡效果，以及填充和深度效果，提倡使用更大的按钮和圆角，还能根据用户壁纸生成自定义颜色主题。

1.1 定义颜色、形状和文本样式

虽然应用应尊重系统和用户的视觉偏好，但有时也需要添加反映品牌或企业形象的颜色、形状或文本样式。修改内置 Material 可组合函数外观的主要入口是 MaterialTheme() ，它可以接收自定义的颜色、形状和文本样式。若未设置某个值，则使用相应的默认值（如 MaterialTheme.colors 、 MaterialTheme.typography 或 MaterialTheme.shapes ）。以下是设置自定义颜色的主题示例：

@Composable
fun ComposeUnitConverterTheme(
  darkTheme: Boolean = isSystemInDarkTheme(),
  content: @Composable ()