0Pricing
Android Academy · 课时

设置文本样式

字体、大小、粗细和颜色。

设置文本样式 是 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 反馈 — 无需本地设置。

此课程中的所有课时

  1. 设置文本样式
  2. 按钮与点击
  3. 使用内边距调整间距
  4. 颜色与 MaterialTheme
← 返回 Android Academy