Связывание с составным текстом

Я не могу найти, как связать свой Text() с помощью Jetpack Compose.

Перед тем, как сочинять, мне нужно было сделать следующее:

Linkify.addLinks(myTextView, Linkify.EMAIL_ADDRESSES or Linkify.WEB_URLS)

И все ссылки, содержащиеся в моем TextView, очевидно, становились интерактивными.

Важно: содержимое текста поступает из API, ссылки не имеют фиксированной позиции, а содержимое может содержать несколько ссылок.

Я хочу сохранить такое поведение при использовании Jetpack Compose, но я не могу найти никакой информации об этом.

Кто-нибудь знает?


android kotlin android-jetpack-compose android-jetpack androidx
person agonist_    schedule 10.02.2021    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Вы можете использовать AnnotatedString для достижения такого поведения.

документы: https://developer.android.com/reference/kotlin/androidx/compose/ui/text/AnnotatedString

Кроме того, это может помочь вам:

AutoLink для Android Compose Text

person Amirhosein    schedule 11.02.2021

arrow_upward
0
arrow_downward

Если кто-то ищет решение, следующие действия сделают любые ссылки интерактивными и стилизованными в вашем тексте:

@Composable
fun LinkifyText(text: String, modifier: Modifier = Modifier) {
    val uriHandler = LocalUriHandler.current
    val layoutResult = remember {
        mutableStateOf<TextLayoutResult?>(null)
    }
    val linksList = extractUrls(text)
    val annotatedString = buildAnnotatedString {
        append(text)
        linksList.forEach {
            addStyle(
                    style = SpanStyle(
                            color = Color.Companion.Blue,
                            textDecoration = TextDecoration.Underline
                    ),
                    start = it.start,
                    end = it.end
            )
            addStringAnnotation(
                    tag = "URL",
                    annotation = it.url,
                    start = it.start,
                    end = it.end
            )
        }
    }
    Text(text = annotatedString, style = MaterialTheme.typography.body1, modifier = modifier.pointerInput(Unit) {
    detectTapGestures { offsetPosition ->
        layoutResult.value?.let {
            val position = it.getOffsetForPosition(offsetPosition)
            annotatedString.getStringAnnotations(position, position).firstOrNull()
                ?.let { result ->
                    if (result.tag == "URL") {
                        uriHandler.openUri(result.item)
                    }
                }
        }
    }
},
            onTextLayout = { layoutResult.value = it }
    )
}

private val urlPattern: Pattern = Pattern.compile(
        "(?:^|[\\W])((ht|f)tp(s?):\\/\\/|www\\.)"
                + "(([\\w\\-]+\\.){1,}?([\\w\\-.~]+\\/?)*"
                + "[\\p{Alnum}.,%_=?&#\\-+()\\[\\]\\*$~@!:/{};']*)",
        Pattern.CASE_INSENSITIVE or Pattern.MULTILINE or Pattern.DOTALL
)

fun extractUrls(text: String): List<LinkInfos> {
    val matcher = urlPattern.matcher(text)
    var matchStart: Int
    var matchEnd: Int
    val links = arrayListOf<LinkInfos>()

    while (matcher.find()) {
        matchStart = matcher.start(1)
        matchEnd = matcher.end()

        var url = text.substring(matchStart, matchEnd)
        if (!url.startsWith("http://") && !url.startsWith("https://"))
            url = "https://$url"

        links.add(LinkInfos(url, matchStart, matchEnd))
    }
    return links
}

data class LinkInfos(
        val url: String,
        val start: Int,
        val end: Int
)
person agonist_    schedule 17.02.2021