Android的自动链接撰写文本

编程问答 2022-06-03

问题描述

有什么方法可以在JetPack撰写文本上使用 android：autoLink 功能？

我知道，也许不是在一个简单的标签/修饰符中使用此功能的“声明方式”，但是也许有一些简单的方法呢？

对于样式文本，我可以使用这种方式

 val apiString = AnnotatedString.Builder("API provided by")
        apiString.pushStyle(
            style = SpanStyle(
                color = Color.Companion.Blue,textdecoration = Textdecoration.Underline
            )
        )
        apiString.append("https://example.com")

        Text(text = apiString.toAnnotatedString())

但是，如何在这里管理点击？如果我以编程方式说出我对系统的期望行为（电子邮件，电话，网络等），那就太好了。喜欢它。与TextView一起使用。 谢谢

解决方法

像下面的示例一样，我们可以在Android Compose中实现Linkify种TextView，

@Composable
fun LinkifySample() {
    val uriHandler = UriHandlerAmbient.current

    val layoutResult = remember {
        mutableStateOf<TextLayoutResult?>(null)
    }

    val text = "API provided by"
    val annotatedString = annotatedString {
        pushStyle(
            style = SpanStyle(
                color = Color.Companion.Blue,textDecoration = TextDecoration.Underline
            )
        )
        append(text)
        addStringAnnotation(
            tag = "URL",annotation = "https://example.com",start = 0,end = text.length
        )
    }
    Text(
        fontSize = 16.sp,text = annotatedString,modifier = Modifier.tapGestureFilter { 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 }
    )
}

在上面的示例中，我们可以看到我们给出了文本，并且我们还使用了addStringAnnotation来设置标签。然后使用tapGestureFilter，我们可以获取点击的注释。

最后使用UriHandlerAmbient.current，我们可以打开电子邮件，电话或网络之类的链接。

参考：https://www.hellsoft.se/rendering-markdown-with-jetpack-compose/

,

jetpack compose 最重要的部分是与原生 android 组件的兼容性。

创建一个使用 TextView 的组件并使用它：

@Composable
fun DefaultLinkifyText(modifier: Modifier = Modifier,text: String?) {
    val context = LocalContext.current
    val customLinkifyTextView = remember {
       TextView(context)
    }
    AndroidView(modifier = modifier,factory = { customLinkifyTextView }) { textView ->
        textView.text = text ?: ""
        LinkifyCompat.addLinks(textView,Linkify.ALL)
        Linkify.addLinks(textView,Patterns.PHONE,"tel:",Linkify.sPhoneNumberMatchFilter,Linkify.sPhoneNumberTransformFilter)
        textView.movementMethod = LinkMovementMethod.getInstance()
    }
}

使用方法：

 DefaultLinkifyText(
    modifier = Modifier
        .fillMaxWidth()
        .wrapContentHeight(),text = "6999999 and https://stackoverflow.com/ works fine"
 )
androidandroidandroid-jetpack-composetextviewtextviewtextview