Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

テキストの一部にスタイルを設定する

テキストの一部にスタイルを設定すると、読みやすさが向上し、ユーザーエクスペリエンスが向上し、色やフォントの使用を通じて創造性が高まります。

結果

複数のスタイルが適用された Hello World テキスト — **図 1.**複数のスタイルが設定されたテキスト行。

バージョンの互換性

この実装では、プロジェクトの minSDK を API レベル 21 以上に設定する必要があります。

依存関係

テキストの一部にスタイルを設定する

次のコードでは、「Hello World」という文字列を表示します。「H」は青、「W」は赤、残りのテキストは黒で表示されます。1 つの Text コンポーザブルに複数のスタイルを設定するには、次のコードを使用します。

@Composable
fun MultipleStylesInText() {
    Text(
        buildAnnotatedString {
            withStyle(style = SpanStyle(color = Color.Blue)) {
                append("H")
            }
            append("ello ")

            withStyle(style = SpanStyle(fontWeight = FontWeight.Bold, color = Color.Red)) {
                append("W")
            }
            append("orld")
        }
    )
}TextSnippets.kt