SmallTitle
SmallTitle 是 COUI 中的基础小标题组件，用于快速创建小型标题文本。采用 COUI 分组标题样式（12sp、中等字重），具有预设的内边距和 16dp 最小文本高度。
引入
kotlin
import io.github.suqi8.coui.kmp.basic.SmallTitle基本用法
SmallTitle 组件可以用于展示小型标题文本：
kotlin
SmallTitle(
text = "小标题"
)自定义外观
自定义颜色
kotlin
SmallTitle(
text = "自定义颜色的小标题",
textColor = Color.Red
)自定义内边距
kotlin
SmallTitle(
text = "自定义内边距的小标题",
insideMargin = PaddingValues(16.dp, 4.dp)
)属性
SmallTitle 属性
| 属性名 | 类型 | 说明 | 默认值 | 是否必须 |
|---|---|---|---|---|
| text | String | 要显示的文本内容 | - | 是 |
| modifier | Modifier | 应用于组件的修饰符 | Modifier | 否 |
| textColor | Color | 标题文本颜色 | COUITheme.colorScheme.onBackgroundVariant | 否 |
| insideMargin | PaddingValues | 组件内部边距 | SmallTitleDefaults.InsideMargin | 否 |
SmallTitleDefaults 对象
SmallTitleDefaults 对象提供了 SmallTitle 组件的默认值。
常量
| 常量名 | 类型 | 说明 | 默认值 |
|---|---|---|---|
| InsideMargin | PaddingValues | 组件内部边距 | PaddingValues(32.dp, 8.dp) |
| MinHeight | Dp | 最小文本高度 | 16.dp |
进阶用法
与其他组件组合使用
kotlin
var checked by remember { mutableStateOf(false) }
Column {
SmallTitle(text = "设置")
Card(
modifier = Modifier.padding(horizontal = 12.dp).padding(bottom = 12.dp)
) {
SwitchPreference(
title = "蓝牙",
checked = checked,
onCheckedChange = { checked = it }
)
}
HorizontalDivider(
modifier = Modifier.padding(horizontal = 12.dp)
)
SmallTitle(text = "高级设置")
// 其他设置项
}自定义样式
kotlin
SmallTitle(
text = "完全自定义样式",
modifier = Modifier
.fillMaxWidth()
.background(Color.LightGray),
textColor = Color.Blue,
insideMargin = PaddingValues(32.dp, 12.dp)
)
