以下の用途向け:ANDROID

Android
Chat UI Kit

Tencent RTC の Android Chat UI Kit で Kotlin のメッセージング画面を追加できます。アプリのデザインに合ったスタイルで、会話、メッセージ、連絡先を組み込めます。

開発者向けリソース

Android 向け Chat UI Kitのドキュメントとサンプル

見ているものを共有

写真共有を日常の会話やチームの近況共有に取り入れましょう。

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)

カスタマイズ

Android チャット UI をカスタマイズ

独自のビジュアルスタイルとアプリケーションフローをチャットに反映できます。

ブランドに自然になじむデザイン

プライマリカラーを設定し、ThemeStore でライトテーマとダークテーマを切り替えます。

ドキュメントを読む

始める

最初の会話はここから始まります

  1. 01

    アプリを作成

    Chat アプリケーションとテストユーザーを設定します。

    Chat コンソールを開く
  2. 02

    Android 向け Chat UI Kit を追加する

    プラットフォームガイドに沿ってプロジェクトを接続します。

    統合ガイドに従う
  3. 03

    ユーザーをつなぐ

    2人のテストユーザーとしてサインインし、最初のメッセージを送信します。

    ユーザーをつなぐ
Android 向け Chat UI Kit
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 テーマが必要で、破棄時にビューを解放する必要があります。モジュールのインポート、ネイティブ権限、任意の Call 依存関係についてはガイドに従ってください。

Android UI Kit と SDK の違いは何ですか?

UI Kit は、メッセージング SDK の上に連携済みのインターフェースコンポーネントを追加します。インターフェース全体を自作する場合は Core SDK を使用してください。

Android Chat UI Kit のユーザーを認証するにはどうすればよいですか?

本番用 UserSig はバックエンドで生成します。認証のためにクライアントへ渡し、アプリケーションシークレットはサーバー上で管理してください。

これらの Android スニペットだけで完全なアプリケーションになりますか?

ここでは個別の連携手順を示しています。インポート、初期化、ログイン、エラー処理、対象別の設定については、完全なガイドに従ってください。リリース前に、別々のアカウントでメッセージングをテストしてください。

Android Chat UI Kit の利用料金はどのように計算されますか?

ホステッド Chat サービスの利用は、選択したプランに従います。アプリケーションで利用できる付属機能と利用枠を確認してください。オプションのプラグインと Call サービスには、別の要件が適用される場合があります。

Kotlin または Java で Android Chat UI Kit を導入するには?

Android プロジェクトと manifest の設定に従い、必要に応じて実行時権限と Activity の解放を処理します。バックグラウンドとフォアグラウンドの切り替えも含め、実機でテストしてください。

アプリのリリース前に Android Chat UI Kit をテストするには?

ログイン、SDK の準備完了、送受信イベント、再接続後のメッセージ状態を確認します。

Android Chat UI Kit のインターフェースをカスタマイズするには?

React 形式の props ではなく、ネイティブのページオブジェクトを設定します。例えば、ConversationsPageView.setHeaderTitle("Messages") を呼び出し、onConversationClick を自分の ChatPageView 画面につなぎます。ChatPageView をホストする Activity には Material Components テーマが必要で、テーマ属性が不足すると実行時にクラッシュする場合があります。ナビゲーションをカスタマイズしても選択した会話 ID を保持し、ソース変更は取り込んだ Chat モジュール内で管理してください。

次のステップに必要なサポートを見つける

アプリケーションについて相談

製品、想定利用量、統合要件についてご相談ください。

営業担当者への連絡

次の会話体験を構築

Android 向け Chat UI Kit を使って app を構築します。