設定文字版面配置
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
本頁說明如何使用 maxLines
和 overflow
等參數設定文字版面配置。
限制顯示的行數
如要限制 Text
可組合項的顯示行數,請設定 maxLines
參數:
@Composable
fun LongText() {
Text("hello ".repeat(50), maxLines = 2)
}
指出文字溢位
限制長文字時,您可能需要指定 TextOverflow
;這只有在顯示的文字遭到截斷時才會顯示。如要執行此操作,請設定 textOverflow
參數:
@Composable
fun OverflowedText() {
Text("Hello Compose ".repeat(50), maxLines = 2, overflow = TextOverflow.Ellipsis)
}
為您推薦
這個頁面中的內容和程式碼範例均受《內容授權》中的授權所規範。Java 與 OpenJDK 是 Oracle 和/或其關係企業的商標或註冊商標。
上次更新時間:2025-08-31 (世界標準時間)。
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2025-08-31 (世界標準時間)。"],[],[],null,["This page describes how to configure your text layout with parameters like\n`maxLines` and `overflow`.\n\nLimit visible lines\n\nTo limit the number of visible lines in a `Text` composable, set the `maxLines`\nparameter:\n\n\n```kotlin\n@Composable\nfun LongText() {\n Text(\"hello \".repeat(50), maxLines = 2)\n}https://github.com/android/snippets/blob/f95ab59fad80aeaf5d6a90bab8a01a126f20f44e/compose/snippets/src/main/java/com/example/compose/snippets/text/TextSnippets.kt#L279-L282\n```\n\n\u003cbr /\u003e\n\nIndicate text overflow\n\nWhen limiting a long text, you may want to indicate a [`TextOverflow`](/reference/kotlin/androidx/compose/ui/text/style/TextOverflow),\nwhich is only shown if the displayed text is truncated. To do so, set the\n`textOverflow` parameter:\n\n\n```kotlin\n@Composable\nfun OverflowedText() {\n Text(\"Hello Compose \".repeat(50), maxLines = 2, overflow = TextOverflow.Ellipsis)\n}https://github.com/android/snippets/blob/f95ab59fad80aeaf5d6a90bab8a01a126f20f44e/compose/snippets/src/main/java/com/example/compose/snippets/text/TextSnippets.kt#L288-L291\n```\n\n\u003cbr /\u003e\n\nRecommended for you\n\n- Note: link text is displayed when JavaScript is off\n- [Graphics in Compose](/develop/ui/compose/graphics/draw/overview)\n- [Style paragraph](/develop/ui/compose/text/style-paragraph)\n- [Work with fonts](/develop/ui/compose/text/fonts)"]]