颜色、对齐与溢出
为文字着色，并妥善处理过长内容。
颜色、对齐与溢出 是 CoddyKit 上的免费 Jetpack Compose Academy 课时。 这是第 3 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Jetpack Compose Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Jetpack Compose Academy 课程共包含 4 节课。
不只是黑色文本
默认文本会采用主题颜色，但您经常需要指定色调。Compose 允许您设置颜色，并轻松处理较长内容。
使用 color 设置色调
传入颜色即可重新着色任意文本。您可以直接使用 Color 值，也可以从 MaterialTheme 获取语义颜色，以适应不同主题。
Text("Error", color = Color.Red)优先使用主题颜色
硬编码颜色会在深色模式下产生问题。请使用 MaterialTheme.colorScheme，这样文本在任何背景上都能保持易读。
Text("Hi", color = MaterialTheme.colorScheme.primary)对齐文本
使用 textAlign 控制水平对齐。您可以将标题居中或设置段落两端对齐；只有当文本具有可填充的宽度时，这项设置才会生效。
Text("Centered", textAlign = TextAlign.Center)对齐需要宽度
要让 textAlign 生效，文本必须比其中的文字更宽，通常可以通过 fillMaxWidth 实现。否则文本会紧贴自身内容，不会发生移动。
Text("Hi", modifier = Modifier.fillMaxWidth(),
textAlign = TextAlign.Center)溢出问题
真实数据可能比可用空间更长。如果没有处理方案，文本可能会撑开布局或被生硬截断。溢出处理可以解决这个问题。
使用 maxLines 限制行数
设置 maxLines 即可限制高度。文本最多绘制指定行数，然后安静地停止，从而让各行保持可预测的大小。
Text(longBio, maxLines = 2)显示省略号
将 maxLines 与 overflow = TextOverflow.Ellipsis 配合使用，末尾就会显示三个点，提示读者后面还有内容。
Text(longBio, maxLines = 1,
overflow = TextOverflow.Ellipsis)其他溢出模式
TextOverflow 还提供 Clip，它会直接在边缘截断；以及 Visible，它允许文本溢出显示。Ellipsis 是最友好的默认选择。🙂
使用最小行数保持稳定
使用 minLines 预留空间，这样列表中某项文本较短时，卡片的高度也不会突然变化。
Text(caption, minLines = 2, maxLines = 2)精致且可预测的文本
颜色让含义更加清晰，对齐帮助引导视线，而溢出规则则能让布局不受真实数据长度影响，始终保持稳定。
快速检查
您想要一个单行标签，内容过长时末尾显示三个点。应该设置什么？
回顾
您学会了使用 color 为文本着色，使用 textAlign 设置文本位置，并通过 maxLines 和溢出处理来控制过长内容。布局保持整洁。✨
用 AI 导师学习 Kotlin — 免费
在浏览器中编写并运行真实代码，获得全天候 AI 导师的即时帮助，并在网页或应用中继续学习。
- 课程
- 30
- 课程
- 120
常见问题解答
「颜色、对齐与溢出」课时是免费的吗？
是的 — 「颜色、对齐与溢出」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Jetpack Compose Academy 课程的其余内容，请升级到 CoddyKit PRO。 Jetpack Compose Academy 课程共包含 4 节课。
「颜色、对齐与溢出」这节课中我会学到什么？
为文字着色，并妥善处理过长内容。 你通过在浏览器中直接运行的动手代码来练习 Jetpack Compose Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Jetpack Compose Academy 需要有经验吗？
无需任何先前经验。CoddyKit 上的 Jetpack Compose Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 3 节课，共 4 节。
「颜色、对齐与溢出」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 Jetpack Compose Academy 课中编写并运行代码吗？
能。每节 Jetpack Compose Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。