Compose - Text 详解

本文详细介绍了Jetpack Compose中的Text组件,包括文字大小、字体样式、加粗、字体选择、字间隔、文字装饰、对齐方式、行高、最大行数、文字溢出处理和换行策略。还探讨了Text的onTextLayout回调以及文字样式的高级特性,如背景颜色、基线偏移、合成字体和文字缩进。文章以实例展示各种属性的使用,适合Android开发者了解Compose中Text的全面使用。
摘要由CSDN通过智能技术生成

文字大小 ☆

Text(
text = stringResource(id = R.string.hello_world),
fontSize = 40.sp
)

字体样式 ☆

  • Normal 默认
  • Italic 斜体

Column {
Text(
text = value,
fontStyle = FontStyle.Normal
)
Text(
text = value,
fontStyle = FontStyle.Italic
)
}

image.png

字体加粗 ☆

Text(
text = value,
fontWeight = FontWeight.W800
)

下图中 左右两边等价

image.png

image.png

字体 ☆

Text(
text = value,
fontFamily = FontFamily.Default
)

image.png

可以使用 fontFamily 属性来处理 res/font 文件夹中定义的自定义字体和字型

image.png

  • 需要注意 引入的字体库名称 必须仅包含小写字母az,0-9或下划线
  • 引入完成就以后需要rebuild一下,否则无法找到 font
  • 字体下载

val fontFamily = FontFamily(
Font(resId = R.font.myfont, weight = FontWeight.Normal)
)
Text(
text = “Demo Text”,
style = TextStyle(
fontFamily = fontFamily,
)
)

字间隔空 ☆

Text(
text = value,
letterSpacing = 2.sp
)

image.png

文字装饰 ☆

Text(
text = value,
textDecoration = TextDecoration.None
)

image.png

对齐方式 ☆

相当于传统的 android:gravity='left'

Text(
text = value,
textAlign = TextAlign

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值