Compose-Text
2022-03-05 本文已影响0人
牛皮李哥
常用属性
| 属性 | 属性说明 |
|---|---|
| text | 文字内容 |
| color | 文字颜色 |
| fontSize | 文字尺寸 |
| fontStyle | 文字是斜体(Italic)还是正常(Normal) |
| fontWeight | 字体权重 |
| textAlign | 文字对齐方式 |
| softWrap | 文字是否自动换行 |
| overflow | 文字溢出时的处理方式 |
| maxLines | 最大行数 |
字体fontStyle
Column(
modifier = Modifier
.wrapContentSize()
.width(200.dp)
.background(color = Color.White),
) {
Text(
text = "fontStyle正常",
fontStyle = FontStyle.Normal
)
Divider()
Text(
text = "fontStyle斜体",
fontStyle = FontStyle.Italic
)
}
fontStyle
textAlign
| 值 | 说明 |
|---|---|
| TextAlign.Start | 头部对齐 |
| TextAlign.End | 尾部对齐 |
| TextAlign.Center | 居中对齐 |
Column(
modifier = Modifier
.wrapContentSize()
.width(200.dp)
.background(color = Color.White),
) {
Text(
text="JetpackCompose",
modifier = Modifier.fillMaxWidth(),
textAlign = TextAlign.End
)
Divider()
Text(
text="JetpackCompose",
modifier = Modifier.fillMaxWidth(),
textAlign = TextAlign.Start
)
Divider()
Text(
text="JetpackCompose",
modifier = Modifier.fillMaxWidth(),
textAlign = TextAlign.Center
)
}
textAlign
softWrap
是否自动换行,相当于设置是否是单行,设置为false时相当于maxLines=1
Column(
modifier = Modifier
.wrapContentSize()
.width(200.dp)
.background(color = Color.White),
) {
Text(
text = "JetpackCompose-JetpackCompose",
modifier = Modifier.fillMaxWidth(),
softWrap = true
)
Divider()
Text(
text = "JetpackCompose-JetpackCompose",
modifier = Modifier.fillMaxWidth(),
softWrap = false
)
}
softWrap