Linkify en Android usando Jetpack Compose

Linkify Class en el sistema operativo Android se utiliza para crear enlaces en los que el usuario puede hacer clic desde el texto sobre la base de la coincidencia de patrones y expresiones regulares. En palabras simples, Linkify observa el texto, descubre si un tramo o texto completo es un tipo de patrón y lo convierte en un enlace en el que se puede hacer clic. Por ejemplo, si el texto es una oración que consta de una dirección de correo electrónico, Linkify crea un enlace en ese tramo en particular. Si se hace clic en este enlace, la aplicación navega a las aplicaciones de correo disponibles predeterminadas. Linkify puede identificar y convertir expresiones como direcciones de correo electrónico, direcciones de mapas, números de teléfono y URL web en enlaces en los que se puede hacer clic.

Linkify in Android

En este artículo, le mostraremos cómo podría implementar Linkify a un texto en Android usando Jetpack Compose . Siga los pasos a continuación una vez que el IDE esté listo.

Implementación paso a paso

Paso 1: crea un nuevo proyecto en Android Studio

Para crear un nuevo proyecto en Android Studio, consulte Cómo crear/iniciar un nuevo proyecto en Android Studio . Al elegir la plantilla, seleccione Actividad de composición vacía . Si no encuentra esta plantilla, intente actualizar Android Studio a la última versión. Demostramos la aplicación en Kotlin , así que asegúrese de seleccionar Kotlin como idioma principal al crear un nuevo proyecto.

Paso 2: trabajar con el archivo MainActivity.kt

Vaya al archivo MainActivity.kt y consulte el siguiente código. A continuación se muestra el código del archivo MainActivity.kt . Se agregan comentarios dentro del código para comprender el código con más detalle.

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()
}

Producción:

En el siguiente video de esta aplicación, puede ver que Linkify puede identificar y crear enlaces para todos los tipos.

Publicación traducida automáticamente

Artículo escrito por aashaypawar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *