设置文本样式
字体、大小、粗细和颜色。
设置文本样式 是 CoddyKit 上的免费 Android Academy 课时。 这是第 1 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Android Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Android Academy 课程共包含 4 节课。
为什么要设置文字样式
在 Jetpack Compose 中,Text 可组合项用于在屏幕上显示文字。默认情况下,它使用普通样式,但您可以更改文字的大小、颜色和粗细。
设置样式有助于用户阅读您的应用。标题应该比正文更大、更粗。
您可以通过向 Text 传入额外参数来设置其样式。
Text("Hello Compose")放大文字
fontSize 参数控制文字的大小。尺寸使用 sp 单位,该单位会随用户的字体设置进行缩放。
要使用 sp,请在数字后添加 .sp,例如 24.sp。
Text(
text = "Big Title",
fontSize = 24.sp
)粗体和字重
使用 fontWeight 可以让文字变粗或变细。最常用的值是 FontWeight.粗体。
其他选项包括 FontWeight.细体、FontWeight.常规和 FontWeight.SemiBold。
Text(
text = "Important",
fontWeight = FontWeight.Bold
)斜体文字
fontStyle 参数可以让文字倾斜。将它设置为 FontStyle.斜体 即可使用斜体样式。
斜体适合用于引用或强调内容。
Text(
text = "A quote",
fontStyle = FontStyle.Italic
)设置文字颜色
color 参数可以更改文字颜色。您可以传入一个 颜色 值,例如 颜色.红色或 颜色.蓝色。
请选择对比度良好的颜色,确保文字易于阅读。
Text(
text = "Warning",
color = Color.Red
)对齐文字
使用 textAlign 可以设置文字在其空间中的位置。常见值包括 TextAlign.居中、TextAlign.起始和 TextAlign.末尾。
当 Text 填充整个宽度时,居中效果最佳。
Text(
text = "Centered",
textAlign = TextAlign.Center
)字母间距
letterSpacing 参数可以增加字符之间的间隔。它同样使用 sp 单位。
适当增加间距,可以让标题显得更加舒展、现代。
Text(
text = "SPACED",
letterSpacing = 2.sp
)组合多种样式
您可以同时混合使用多个参数。一个粗体、大号、蓝色的标题,只需在一次 Text 调用中设置多个值即可。
Compose 会读取每个参数,并同时应用所有设置。
Text(
text = "Welcome",
fontSize = 28.sp,
fontWeight = FontWeight.Bold,
color = Color.Blue
)使用 TextStyle
您可以将多个独立参数组合到一个 TextStyle 对象中,然后将它传给 style 参数。
当您需要在多个位置复用相同外观时,这种方式非常方便。
Text(
text = "Styled",
style = TextStyle(
fontSize = 20.sp,
color = Color.Magenta
)
)处理长文字
长文字可能会超出其区域。使用 maxLines 限制行数,并使用 overflow 在文字被截断时显示省略号。
TextOverflow.Ellipsis 会在隐藏文字的末尾添加 ...。
Text(
text = "A very long sentence...",
maxLines = 1,
overflow = TextOverflow.Ellipsis
)下划线和文字装饰
textDecoration 参数可以添加Underline 或 LineThrough。
下划线通常用于标记链接,而删除线可以表示已移除或过期的价格。
Text(
text = "Link",
textDecoration = TextDecoration.Underline
)快速检查
测试一下您对 Text 样式设置的理解。
回顾
您学会了使用 fontSize(单位为 sp)设置文字大小,使用 fontWeight 设置粗体,使用 fontStyle 设置斜体,并使用 color 设置颜色。
您还可以对齐文字、添加字母间距和装饰,并将所有设置组合到 TextStyle 中。
接下来,您将制作能够响应点击的按钮。
常见问题解答
「设置文本样式」课时是免费的吗?
是的 — 「设置文本样式」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 Android Academy 课程的其余内容,请升级到 CoddyKit PRO。 Android Academy 课程共包含 4 节课。
「设置文本样式」这节课中我会学到什么?
字体、大小、粗细和颜色。 你通过在浏览器中直接运行的动手代码来练习 Android Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Android Academy 需要有经验吗?
无需任何先前经验。CoddyKit 上的 Android Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 1 节课,共 4 节。
「设置文本样式」课时需要多长时间?
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。
我能在这节 Android Academy 课中编写并运行代码吗?
能。每节 Android Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。