📌  相关文章
📜  使用 Jetpack Compose 在 Android 中进行 Linkify

📅  最后修改于: 2022-05-13 01:55:24.675000             🧑  作者: Mango

使用 Jetpack Compose 在 Android 中进行 Linkify

Android 操作系统中的Linkify 类用于基于模式匹配和正则表达式从文本中创建用户可点击的链接。简单来说,Linkify 会观察文本,找出一个跨度或整个文本是否是一种模式,并将其转换为可点击的链接。例如,如果文本是一个包含电子邮件地址的句子,Linkify 会在该特定范围内创建一个链接。如果单击此链接,应用程序将导航到默认可用的邮件应用程序。 Linkify 可以识别电子邮件地址、地图地址、电话号码和 Web URL 等表达式并将其转换为可点击的链接。

Android 中的 Linkify

在本文中,我们将向您展示如何使用 Jetpack Compose 在 Android 中实现 Linkify 到文本。 IDE 准备就绪后,请按照以下步骤操作。

分步实施

第 1 步:在 Android Studio 中创建一个新项目

要在 Android Studio 中创建新项目,请参阅如何在 Android Studio 中创建/启动新项目。选择模板时,选择Empty Compose Activity 。如果您没有找到此模板,请尝试将 Android Studio 升级到最新版本。我们在Kotlin中演示了该应用程序,因此请确保在创建新项目时选择 Kotlin 作为主要语言。

第 2 步:使用 MainActivity.kt 文件

转到MainActivity.kt文件并参考以下代码。下面是MainActivity.kt文件的代码。代码中添加了注释以更详细地理解代码。

Kotlin
package com.geeksforgeeks.jclinkify
  
import android.os.Bundle
import android.text.method.LinkMovementMethod
import android.text.util.Linkify
import android.widget.TextView
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.*
import androidx.compose.material.*
import androidx.compose.runtime.Composable
import androidx.compose.runtime.remember
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.LocalContext
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.viewinterop.AndroidView
import androidx.core.text.util.LinkifyCompat
  
class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MainContent()
        }
    }
}
  
@Composable
fun MainContent() {
    Scaffold(
        topBar = { TopAppBar(title = { Text("GFG | Linkify", color = Color.White) }, backgroundColor = Color(0xff0f9d58)) },
        content = { MyContent() }
    )
}
  
@Composable
fun MyContent(){
  
    val mContext = LocalContext.current
    val mCustomLinkifyText = remember {TextView(mContext)}
  
    val mText = "GeeksforGeeks\n" +
            "https://www.geeksforgeeks.org\n" +
            "5th & 6th Floor, Royal Kapsons, A- 118,\n" +
            "Sector- 136, Noida, Uttar Pradesh, India\n" +
            "feedback@geeksforgeeks.org\n" +
            "1800 258 4458"
  
    Column(Modifier.fillMaxSize(), horizontalAlignment = Alignment.CenterHorizontally, verticalArrangement = Arrangement.Center) {
        AndroidView(factory = { mCustomLinkifyText }) { textView ->
            textView.text = mText
            textView.textSize = 20F
            LinkifyCompat.addLinks(textView, Linkify.ALL)
            textView.movementMethod = LinkMovementMethod.getInstance()
        }
    }
}
  
@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
    MainContent()
}


输出:

在此应用程序的以下视频中,您可以看到 Linkify 能够识别和创建所有类型的链接。