CRIADO PARA ANDROID

Android
Chat UI Kit

Adicione telas de mensagens em Kotlin com o Android Chat UI Kit da Tencent RTC. Integre conversas, mensagens e contatos ao seu aplicativo com um estilo visual consistente.

RECURSOS PARA DESENVOLVEDORES

Documentação e exemplos de Chat UI Kit para Android

Suporte dentro do seu produto

Mantenha as solicitações de serviço e as conversas com clientes no mesmo aplicativo.

Compartilhe o que você vê

Leve o compartilhamento de fotos às conversas cotidianas e às atualizações da equipe.

RECURSOS DE CHAT PARA ANDROID

Recursos essenciais, prontos para conectar

Listas de conversas

  • Conversas recentes
  • Indicadores de mensagens não lidas

Interface de mensagens

  • Visualizações de mensagens integradas
  • Um campo de composição integrado

Compartilhamento de mídia

  • Fotos e anexos
  • Permissões nativas de mídia

Pessoas e grupos

  • Conversas diretas
  • Interações em grupo

Deixe com a sua cara

  • Adapte o código-fonte da interface
  • Adapte à sua navegação

Componentes conectados

  • Chat SDK subjacente
  • A identidade do seu aplicativo

Explore Android Chat Components

Veja como os componentes funcionam em conjunto.

Conversas

Comece pela lista de conversas

Adicione a página de lista e conecte a ação de tocar numa conversa à sua navegação.

Leia a documentação
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)

PERSONALIZAÇÃO

Personalize sua interface de chat em Android

Leve seu estilo visual e o fluxo da aplicação para o chat.

Integre a sua marca naturalmente

Defina a sua cor principal e alterne entre os temas claro e escuro com o ThemeStore.

Leia a documentação

COMECE AGORA

Sua primeira conversa começa aqui

  1. 01

    Crie seu app

    Configure um aplicativo Chat e seus usuários de teste.

    Abrir o console do Chat
  2. 02

    Adicione Chat UI Kit para Android

    Siga o guia da plataforma para conectar seu projeto.

    Siga o Guia de Integração
  3. 03

    Conecte seus usuários

    Entre com dois usuários de teste e envie sua primeira mensagem.

    Conecte seus usuários
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)

Perguntas frequentes sobre Android Chat UI Kit

Quais são os requisitos atuais do Android UI Kit?

O guia atual usa Kotlin, os módulos uikit e atomic_x e o LoginStore. Um host ChatPageView precisa de um tema Material Components e deve liberar a visualização ao ser destruído. Siga o guia para importar módulos, configurar permissões nativas e adicionar dependências opcionais do Call.

Qual é a diferença entre o Android UI Kit e o SDK?

O UI Kit adiciona componentes de interface integrados ao SDK de mensagens. Use o Core SDK quando quiser criar toda a interface por conta própria.

Como autentico os usuários do Android Chat UI Kit?

Gere o UserSig de produção no backend. Envie-o ao cliente para autenticação e mantenha o segredo da aplicação no servidor.

Esses trechos de Android formam uma aplicação completa?

Eles mostram etapas individuais da integração. Siga o guia completo para importações, inicialização, login, tratamento de erros e configuração específica de cada plataforma de destino. Teste as mensagens com contas separadas antes do lançamento.

Como é definido o preço de uso do Android Chat UI Kit?

O uso do serviço Chat hospedado segue o plano selecionado. Consulte os recursos e limites incluídos para o seu aplicativo; plugins opcionais e serviços Call podem ter requisitos separados.

Como integro Chat UI Kit Android com Kotlin ou Java?

Siga a configuração do projeto Android e manifest, gerencie permissões em tempo de execução e limpeza da Activity quando necessário. Teste em dispositivos reais, incluindo transições entre segundo e primeiro plano.

Como testo Chat UI Kit Android antes de lançar a minha aplicação?

Confira login, prontidão do SDK, eventos de envio e recebimento e estado das mensagens após reconectar.

Como personalizo a interface de Chat UI Kit Android?

Configure os objetos de página nativos, em vez de usar props no estilo React. Por exemplo, chame ConversationsPageView.setHeaderTitle("Messages") e conecte onConversationClick à sua tela ChatPageView. A Activity que hospeda ChatPageView precisa usar um tema Material Components; a ausência de atributos do tema pode causar falhas em tempo de execução. Preserve o ID da conversa selecionada ao personalizar a navegação e mantenha as alterações de código-fonte nos módulos Chat importados.

Encontre suporte para a próxima etapa

Crie sua próxima experiência de conversa

Crie app com Chat UI Kit para Android.