DIBUAT UNTUK ANDROID

Android
Chat UI Kit

Tambahkan layar perpesanan Kotlin dengan Android Chat UI Kit dari Tencent RTC. Integrasikan percakapan, pesan, dan kontak ke aplikasi Anda dengan gaya visual yang selaras.

SUMBER DAYA DEVELOPER

Dokumentasi & Contoh Chat UI Kit untuk Android

Dukungan di dalam produk Anda

Kelola permintaan layanan dan percakapan pelanggan dalam aplikasi yang sama.

Bagikan apa yang Anda lihat

Hadirkan berbagi foto dalam percakapan sehari-hari dan pembaruan tim.

KEMAMPUAN CHAT ANDROID

Fitur esensial, siap dihubungkan

Daftar percakapan

  • Percakapan terbaru
  • Indikator pesan belum dibaca

UI Pesan

  • Tampilan pesan terintegrasi
  • Penyusun pesan terintegrasi

Berbagi media

  • Foto dan lampiran
  • Izin media native

Orang dan grup

  • Percakapan langsung
  • Interaksi grup

Jadikan milik Anda

  • Sesuaikan kode sumber UI
  • Sesuaikan dengan navigasi Anda

Komponen yang terhubung

  • Chat SDK sebagai fondasi
  • Identitas aplikasi Anda

Jelajahi Android Chat Components

Lihat bagaimana komponen bekerja sama.

Percakapan

Mulai dari daftar percakapan

Tambahkan halaman daftar dan hubungkan tindakan mengetuk percakapan ke navigasi Anda.

Baca dokumentasi
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)

PENYESUAIAN

Sesuaikan UI chat Android Anda

Terapkan gaya visual dan alur aplikasi Anda ke dalam chat.

Buat merek Anda terasa menyatu

Atur warna utama Anda dan beralih antara tema terang dan gelap dengan ThemeStore.

Baca dokumentasi

MULAI

Percakapan pertama Anda dimulai di sini

  1. 01

    Buat aplikasi Anda

    Siapkan aplikasi Chat dan pengguna uji Anda.

    Buka Konsol Chat
  2. 02

    Tambahkan Chat UI Kit untuk Android

    Ikuti panduan platform untuk menghubungkan proyek Anda.

    Ikuti Panduan Integrasi
  3. 03

    Hubungkan pengguna Anda

    Masuk sebagai dua pengguna uji coba dan kirim pesan pertama Anda.

    Hubungkan Pengguna Anda
Chat UI Kit untuk 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)

Pertanyaan umum tentang Android Chat UI Kit

Apa saja persyaratan Android UI Kit saat ini?

Panduan saat ini menggunakan Kotlin, modul uikit dan atomic_x, serta LoginStore. Host ChatPageView memerlukan tema Material Components dan harus melepaskan view saat dihancurkan. Ikuti panduan untuk impor modul, izin native, dan dependensi Call opsional.

Apa perbedaan Android UI Kit dengan SDK?

UI Kit menambahkan komponen antarmuka yang terintegrasi di atas SDK perpesanan. Gunakan Core SDK jika Anda ingin membangun seluruh antarmuka sendiri.

Bagaimana cara mengautentikasi pengguna Android Chat UI Kit?

Buat UserSig produksi di backend Anda. Teruskan ke klien untuk autentikasi dan simpan rahasia aplikasi Anda di server.

Apakah cuplikan Android ini membentuk aplikasi yang lengkap?

Bagian ini menunjukkan setiap langkah integrasi secara terpisah. Ikuti panduan lengkap untuk impor, inisialisasi, login, penanganan kesalahan, dan konfigurasi khusus target. Uji perpesanan dengan akun terpisah sebelum dirilis.

Bagaimana harga penggunaan Android Chat UI Kit ditentukan?

Penggunaan layanan Chat terkelola mengikuti paket yang Anda pilih. Periksa fitur dan kuota yang disertakan untuk aplikasi Anda; plugin opsional dan layanan Call dapat memiliki persyaratan terpisah.

Bagaimana cara mengintegrasikan Chat UI Kit Android dengan Kotlin atau Java?

Ikuti pengaturan proyek Android dan manifest, lalu tangani izin runtime serta pembersihan Activity bila diperlukan. Uji di perangkat nyata, termasuk perpindahan aplikasi ke latar belakang dan depan.

Bagaimana cara menguji Chat UI Kit Android sebelum merilis aplikasi?

Periksa login, kesiapan SDK, peristiwa kirim dan terima, serta status pesan setelah tersambung kembali.

Bagaimana cara menyesuaikan antarmuka Chat UI Kit Android?

Konfigurasikan objek halaman native, bukan prop bergaya React. Misalnya, panggil ConversationsPageView.setHeaderTitle("Messages") dan hubungkan onConversationClick ke layar ChatPageView Anda. Activity yang menampung ChatPageView harus menggunakan tema Material Components; atribut tema yang hilang dapat menyebabkan crash saat aplikasi berjalan. Pertahankan ID percakapan yang dipilih ketika menyesuaikan navigasi, dan simpan perubahan kode sumber dalam modul Chat yang Anda impor.

Temukan dukungan untuk langkah berikutnya

Diskusikan aplikasi Anda

Diskusikan produk, perkiraan penggunaan, dan kebutuhan integrasi Anda.

Hubungi Tim Penjualan

Bangun pengalaman percakapan Anda berikutnya

Bangun app Anda dengan Chat UI Kit untuk Android.