CREADO PARA ANDROID

Android
Chat UI Kit

Añade pantallas de mensajería en Kotlin con el Android Chat UI Kit de Tencent RTC. Integra conversaciones, mensajes y contactos en tu aplicación con un estilo visual coherente.

RECURSOS PARA DESARROLLADORES

Documentación y ejemplos de Chat UI Kit para Android

Soporte dentro de tu producto

Mantén las solicitudes de servicio y las conversaciones con clientes en la misma aplicación.

Comparte lo que ves

Incorpora el intercambio de fotos a las conversaciones diarias y las novedades del equipo.

FUNCIONES DE CHAT PARA ANDROID

Funciones esenciales, listas para conectar

Listas de conversaciones

  • Conversaciones recientes
  • Indicadores de mensajes no leídos

Interfaz de mensajería

  • Vistas de mensajes integradas
  • Un editor de mensajes integrado

Uso compartido de contenido multimedia

  • Fotos y archivos adjuntos
  • Permisos multimedia nativos

Personas y grupos

  • Conversaciones directas
  • Interacciones grupales

Hazlo tuyo

  • Adapta el código fuente de la interfaz
  • Adáptalo a tu navegación

Componentes conectados

  • Chat SDK subyacente
  • La identidad de tu aplicación

Explora Android Chat Components

Descubre cómo funcionan juntos los componentes.

Conversaciones

Empieza por la lista de conversaciones

Añade la página de lista y conecta la acción de tocar una conversación con tu navegación.

Leer la documentación
ConversationsActivity.kt
import io.trtc.tuikit.chat.uikit.pages.ConversationsPageView

val page = ConversationsPageView(this)
page.setHeaderTitle("Messages")
page.onConversationClick = { conversationID ->
    // Open your ChatPageView with this conversationID.
}
setContentView(page)

PERSONALIZACIÓN

Personaliza tu interfaz de chat en Android

Incorpore su estilo visual y el flujo de su aplicación al chat.

Haz que tu marca encaje a la perfección

Defina su color principal y cambie entre los temas claro y oscuro con ThemeStore.

Leer la documentación

COMENZAR

Tu primera conversación empieza aquí

  1. 01

    Crea tu app

    Configura una aplicación de Chat y tus usuarios de prueba.

    Abrir la consola de Chat
  2. 02

    Añade Chat UI Kit para Android

    Sigue la guía de la plataforma para conectar tu proyecto.

    Sigue la Guía de integración
  3. 03

    Conecta a tus usuarios

    Inicia sesión con dos usuarios de prueba y envía tu primer mensaje.

    Conecta a tus usuarios
Chat UI Kit para Android
app/build.gradle.kts
// After importing the modules in settings.gradle.kts
dependencies {
    implementation(project(":uikit"))
    implementation(project(":atomic_x"))
}
ConversationsActivity.kt
import io.trtc.tuikit.chat.uikit.pages.ConversationsPageView

val page = ConversationsPageView(this)
page.setHeaderTitle("Messages")
page.onConversationClick = { conversationID ->
    // Open your ChatPageView with this conversationID.
}
setContentView(page)

Preguntas frecuentes sobre Android Chat UI Kit

¿Cuáles son los requisitos actuales del Android UI Kit?

La guía actual utiliza Kotlin, los módulos uikit y atomic_x, y LoginStore. El host de ChatPageView necesita un tema de Material Components y debe liberar la vista cuando se destruya. Siga la guía para importar módulos, configurar permisos nativos y añadir las dependencias opcionales de Call.

¿En qué se diferencia Android UI Kit del SDK?

El UI Kit añade componentes de interfaz integrados sobre el SDK de mensajería. Usa el Core SDK si quieres crear toda la interfaz por tu cuenta.

¿Cómo autentico a los usuarios de Android Chat UI Kit?

Genera el UserSig de producción en tu backend. Envíalo al cliente para la autenticación y conserva el secreto de la aplicación en el servidor.

¿Estos fragmentos de Android forman una aplicación completa?

Muestran pasos individuales de la integración. Sigue la guía completa para las importaciones, la inicialización, el inicio de sesión, la gestión de errores y la configuración específica de la plataforma de destino. Prueba la mensajería con cuentas separadas antes del lanzamiento.

¿Cómo se calcula el precio de uso de Android Chat UI Kit?

El uso del servicio Chat alojado depende del plan seleccionado. Consulta las funciones y cuotas incluidas para tu aplicación; los plugins opcionales y los servicios Call pueden tener requisitos distintos.

¿Cómo integro Chat UI Kit Android con Kotlin o Java?

Sigue la configuración del proyecto Android y manifest, y gestiona permisos en tiempo de ejecución y limpieza de Activity cuando sea necesario. Prueba en dispositivos reales, incluidas transiciones a segundo y primer plano.

¿Cómo pruebo Chat UI Kit Android antes de publicar mi aplicación?

Comprueba inicio de sesión, disponibilidad del SDK, eventos de envío y recepción y estado de mensajes tras reconectar.

¿Cómo personalizo la interfaz de Chat UI Kit Android?

Configura los objetos de página nativos en lugar de utilizar props al estilo de React. Por ejemplo, llama a ConversationsPageView.setHeaderTitle("Messages") y conecta onConversationClick con tu pantalla ChatPageView. La Activity que aloja ChatPageView debe usar un tema Material Components; la ausencia de atributos del tema puede provocar fallos en tiempo de ejecución. Conserva el ID de la conversación seleccionada al personalizar la navegación y mantén los cambios de código fuente en los módulos Chat importados.

Encuentra ayuda para el siguiente paso

Habla sobre tu aplicación

Conversa sobre tu producto, el uso previsto y tus necesidades de integración.

Contactar con Ventas

Crea tu próxima experiencia de conversación

Crea app con Chat UI Kit para Android.