ผลิตภัณฑ์
Call
สร้างฟังก์ชันการโทรผ่านวิดีโอและเสียงภายในแอปได้อย่างง่ายดาย
Room
เพิ่มฟีเจอร์การประชุมลงในแอปของคุณด้วย Room SDK
Live
เพิ่มการไลฟ์สตรีมวิดีโอและเสียงแบบโต้ตอบลงในแอปของคุณ
Chat
เพิ่มประสบการณ์การรับส่งข้อความให้กับแอปของคุณด้วย Chat API
Push
เข้าถึงและกระตุ้นให้ผู้ใช้กลับมามีส่วนร่วมอีกครั้งได้ทันทีด้วย App Push และ Web Push
RTC Engine
ยกระดับการสื่อสารแบบเรียลไทม์ภายในแอปด้วย RTC SDK
In-game Voice Chat
สร้างแชตเสียงในเกมที่สมจริงด้วย GVoice SDK
Beauty AR
ผสานรวม Beauty AR สำหรับภาพและวิดีโอแบบเรียลไทม์
โซลูชัน

สร้างขึ้นเพื่อ ANDROID

Android
Chat UI Kit

เพิ่มหน้าจอรับส่งข้อความ Kotlin ด้วย Android Chat UI Kit ของ Tencent RTC ผสานรวมการสนทนา ข้อความ และรายชื่อติดต่อเข้ากับแอปด้วยรูปแบบภาพที่สอดคล้องกัน

แหล่งข้อมูลสำหรับนักพัฒนา

เอกสารและตัวอย่าง Chat UI Kit สำหรับ Android

บริการช่วยเหลือภายในผลิตภัณฑ์

จัดการคำขอบริการและบทสนทนากับลูกค้าภายในแอปเดียวกัน

แชร์สิ่งที่คุณเห็น

เพิ่มการแชร์รูปภาพลงในการสนทนาประจำวันและการอัปเดตของทีม

ความสามารถด้านแชทของ ANDROID

ฟีเจอร์สำคัญ พร้อมเชื่อมต่อ

รายการการสนทนา

  • การสนทนาล่าสุด
  • ตัวบ่งชี้ข้อความที่ยังไม่ได้อ่าน

UI การส่งข้อความ

  • มุมมองข้อความที่ผสานการทำงานแล้ว
  • เครื่องมือเขียนข้อความแบบผสานรวม

การแชร์สื่อ

  • รูปภาพและไฟล์แนบ
  • สิทธิ์เข้าถึงสื่อแบบเนทีฟ

ผู้คนและกลุ่ม

  • การสนทนาโดยตรง
  • การโต้ตอบในกลุ่ม

ทำให้เป็นของคุณเอง

  • ปรับซอร์สโค้ด UI
  • ปรับให้เข้ากับการนำทางของคุณ

คอมโพเนนต์ที่เชื่อมต่อกัน

  • Chat SDK ที่ทำงานอยู่เบื้องหลัง
  • ข้อมูลประจำตัวแอปพลิเคชันของคุณ

สำรวจ Android Chat Components

ดูว่าคอมโพเนนต์ต่างๆ ทำงานร่วมกันอย่างไร

บทสนทนา

เริ่มต้นด้วยรายการการสนทนา

เพิ่มหน้ารายการและเชื่อมการแตะบทสนทนาเข้ากับระบบนำทางของคุณ

อ่านเอกสาร
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)

การปรับแต่ง

ปรับแต่ง UI แชท Android ของคุณ

นำสไตล์ภาพและโฟลว์ของแอปพลิเคชันมาใช้ในแชต

ทำให้แบรนด์ของคุณกลมกลืนอย่างเป็นธรรมชาติ

ตั้งค่าสีหลักและสลับระหว่างธีมสว่างกับธีมมืดด้วย ThemeStore

อ่านเอกสาร

เริ่มต้นใช้งาน

การสนทนาครั้งแรกของคุณเริ่มต้นที่นี่

  1. 01

    สร้างแอปของคุณ

    ตั้งค่าแอปพลิเคชัน Chat และผู้ใช้ทดสอบ

    เปิดคอนโซล Chat
  2. 02

    เพิ่ม Chat UI Kit สำหรับ Android

    ทำตามคู่มือแพลตฟอร์มเพื่อเชื่อมต่อโปรเจกต์ของคุณ

    ทำตามคู่มือการผสานรวม
  3. 03

    เชื่อมต่อผู้ใช้ของคุณ

    ลงชื่อเข้าใช้ด้วยผู้ใช้ทดสอบสองราย แล้วส่งข้อความแรกของคุณ

    เชื่อมต่อผู้ใช้ของคุณ
Chat UI Kit สำหรับ 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)

คำถามที่พบบ่อยเกี่ยวกับ Android Chat UI Kit

Android UI Kit ปัจจุบันมีข้อกำหนดอะไรบ้าง

คู่มือปัจจุบันใช้ Kotlin, โมดูล uikit และ atomic_x รวมถึง LoginStore โฮสต์ ChatPageView ต้องใช้ธีม Material Components และต้องปล่อย view เมื่อถูกทำลาย โปรดทำตามคู่มือสำหรับการนำเข้าโมดูล สิทธิ์แบบเนทีฟ และการขึ้นต่อกันของ Call ที่เลือกใช้ได้

Android UI Kit แตกต่างจาก SDK อย่างไร

UI Kit เพิ่มคอมโพเนนต์อินเทอร์เฟซที่ผสานการทำงานแล้วบน SDK การรับส่งข้อความ ใช้ Core SDK เมื่อต้องการสร้างอินเทอร์เฟซทั้งหมดด้วยตนเอง

ฉันจะยืนยันตัวตนผู้ใช้ของ Android Chat UI Kit ได้อย่างไร

สร้าง UserSig สำหรับ production ที่ backend แล้วส่งให้ไคลเอนต์เพื่อยืนยันตัวตน โดยเก็บข้อมูลลับของแอปพลิเคชันไว้บนเซิร์ฟเวอร์

ข้อมูลโค้ด Android เหล่านี้ประกอบกันเป็นแอปพลิเคชันที่สมบูรณ์หรือไม่

เนื้อหาเหล่านี้แสดงขั้นตอนการผสานรวมแต่ละขั้น โปรดทำตามคู่มือฉบับเต็มสำหรับการนำเข้า การเริ่มต้นระบบ การเข้าสู่ระบบ การจัดการข้อผิดพลาด และการกำหนดค่าเฉพาะเป้าหมาย ทดสอบการรับส่งข้อความด้วยบัญชีแยกกันก่อนเผยแพร่

ค่าบริการตามการใช้งาน Android Chat UI Kit คิดอย่างไร?

การใช้งานบริการ Chat แบบโฮสต์เป็นไปตามแพ็กเกจที่คุณเลือก ตรวจสอบฟีเจอร์และโควตาที่รวมอยู่สำหรับแอปพลิเคชันของคุณ โดยปลั๊กอินเสริมและบริการ Call อาจมีข้อกำหนดแยกต่างหาก

จะผสานรวม Chat UI Kit Android กับ Kotlin หรือ Java ได้อย่างไร?

ทำตามการตั้งค่าโปรเจ็กต์ Android และ manifest แล้วจัดการสิทธิ์ runtime กับการคืนทรัพยากร Activity ตามจำเป็น ทดสอบบนอุปกรณ์จริงรวมถึงการเปลี่ยนแอปสู่พื้นหลังและเบื้องหน้า

จะทดสอบ Chat UI Kit Android ก่อนเผยแพร่แอปได้อย่างไร?

ตรวจสอบการเข้าสู่ระบบ ความพร้อม SDK เหตุการณ์ส่งรับ และสถานะข้อความหลังเชื่อมต่อใหม่

จะปรับแต่งอินเทอร์เฟซของ Chat UI Kit Android ได้อย่างไร?

ตั้งค่าออบเจ็กต์ของหน้าแบบเนทีฟแทนการใช้ props แบบ React เช่น เรียก ConversationsPageView.setHeaderTitle("Messages") และเชื่อม onConversationClick กับหน้าจอ ChatPageView ของคุณ Activity ที่โฮสต์ ChatPageView ต้องใช้ธีม Material Components หากขาดแอตทริบิวต์ของธีม อาจทำให้แอปขัดข้องขณะทำงานได้ คง ID ของการสนทนาที่เลือกไว้เมื่อปรับแต่งการนำทาง และเก็บการแก้ไขซอร์สโค้ดไว้ในโมดูล Chat ที่นำเข้ามา

ค้นหาความช่วยเหลือสำหรับขั้นตอนถัดไป

พูดคุยเกี่ยวกับแอปพลิเคชันของคุณ

พูดคุยเกี่ยวกับผลิตภัณฑ์ ปริมาณการใช้งานที่คาดการณ์ และความต้องการด้านการผสานรวมของคุณ

ติดต่อฝ่ายขาย

สร้างประสบการณ์การสนทนาครั้งต่อไปของคุณ

สร้าง app ของคุณด้วย Chat UI Kit สำหรับ Android