在 Compose 中繪製文字
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
瞭解如何使用專門用於在畫布上繪製文字的 Compose API。這個片段會顯示用於在圓角矩形中繪製表情符號字型的程式碼。
重點
- 在 Compose 中，您可以建立文字測量並呼叫
drawText，在畫布上繪製文字，並產生測量字串。
- 您也可以自訂文字大小、對齊方式和其他屬性。
包含此指南的集合
本指南是精選的快速指南系列之一，涵蓋更廣泛的 Android 開發目標：
顯示文字
文字是任何 UI 的核心部分。瞭解在應用程式中顯示文字的不同方式，以提供優質的使用者體驗。
顯示圖片
瞭解如何運用明亮吸睛的視覺元素，為 Android 應用程式打造美觀的視覺效果。
這個頁面中的內容和程式碼範例均受《內容授權》中的授權所規範。Java 與 OpenJDK 是 Oracle 和/或其關係企業的商標或註冊商標。
上次更新時間：2025-02-06 (世界標準時間)。
[[["容易理解","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-02-06 (世界標準時間)。"],[],[],null,["# Draw text in Compose\n\n\u003cbr /\u003e\n\nSee how to use Compose APIs specifically designed to draw text on a canvas. This\nsegment shows the code to draw an emoji font in a rounded rectangle. \n\nKey points\n----------\n\n- In Compose, you can draw text on a canvas by creating a text measure and calling [`drawText`](/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope#(androidx.compose.ui.graphics.drawscope.DrawScope).drawText(androidx.compose.ui.text.TextLayoutResult,androidx.compose.ui.graphics.Brush,androidx.compose.ui.geometry.Offset,kotlin.Float,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.graphics.BlendMode)), resulting in the measuring string.\n- You can also customize the text size, alignment, and other properties.\n\nCollections that contain this guide\n-----------------------------------\n\nThis guide is part of these curated Quick Guide collections that cover\nbroader Android development goals: \n\n### Display text\n\nText is a central piece of any UI. Find out different ways you can present text in your app to provide a delightful user experience. \n[Quick guide collection](/develop/ui/compose/quick-guides/collections/display-text) \n\n### Display images\n\nDiscover techniques for using bright, engaging visuals to give your Android app a beautiful look and feel. \n[Quick guide collection](/develop/ui/compose/quick-guides/collections/display-images) \n\nHave questions or feedback\n--------------------------\n\nGo to our frequently asked questions page and learn about quick guides or reach out and let us know your thoughts. \n[Go to FAQ](/quick-guides/faq) [Leave feedback](https://issuetracker.google.com/issues/new?component=1573691&template=1993320)"]]
