1 つのテキスト文字列に複数のリンクをサポート

1 つのテキスト文字列で複数のリンクをサポートし、テキストのサブセクションをクリックしたときに異なるアクションを実行できます。

結果

**図 1.**2 つの異なるリンクを含む 1 つのテキスト文字列のスクリーンショット。

バージョンの互換性

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

依存関係

複数のリンクを 1 つの文字列で表示する

このスニペットは、複数のクリック可能なリンクを 1 つのテキスト文字列に埋め込みます。

@Composable
fun AnnotatedStringWithLinkSample() {
    // Display multiple links in the text
    Text(
        buildAnnotatedString {
            append("Go to the ")
            withLink(
                LinkAnnotation.Url(
                    "https://developer.android.com/",
                    TextLinkStyles(style = SpanStyle(color = Color.Blue))
                )
            ) {
                append("Android Developers ")
            }
            append("website, and check out the")
            withLink(
                LinkAnnotation.Url(
                    "https://developer.android.com/jetpack/compose",
                    TextLinkStyles(style = SpanStyle(color = Color.Green))
                )
            ) {
                append("Compose guidance")
            }
            append(".")
        }
    )
}TextSnippets.kt

コードに関する主なポイント

buildAnnotatedString 関数を使用して、テキストの注釈付き文字列を作成します。
リンクとテキストのスタイルを指定します。これらは LinkAnnotation.Url() 関数の引数として渡されます（withLink() 関数の引数としても渡されます）。クリックリスナーは LinkAnnotation.Url() に組み込まれています。
withLink 関数の本文で append() を使用してテキストを追加します。
このプロセスを繰り返して、別のリンクされたテキストセグメントを追加します。