Skip to main content

 

 

 

 
Language:
 
モバイルアプリとリアクティブWebアプリにのみ適用されます
Service Studioバージョン :
 
 
OutSystems

Chat Message

Chat Message UIパターンを使用すると、通知またはチャット画面に会話の投稿を表示できます。写真、テキスト、画像、配信時間、ステータスなどのコンテンツを表示するために使用できます。

Chat Message UIパターンの使用方法

  1. Service StudioのツールボックスでChat Messageを検索します。

    Chat Messageウィジェットが表示されます。

  2. ツールボックスから、Chat Messageウィジェットをアプリケーション画面のメインコンテンツ領域にドラッグします。

    デフォルトで、Chat Messageウィジェットには[Image]プレースホルダと[Content]プレースホルダが含まれています。

  3. 関連するコンテンツをプレースホルダに追加します。

    この例では、[Image]プレースホルダにユーザーのアバターを追加し、[Content]プレースホルダにテキストを追加しています。

    また、たとえばListを使用して、エンティティの各メッセージレコードごとにChat Messageを表示することもできます。フォームを使用して、ユーザーがメッセージを入力できるようにすることもできます。関連するExpressionとロジックを使用して、ユーザーがメッセージを送信したらメッセージのリストを更新し、会話の投稿として表示されるようにします。

  4. Properties]タブで(オプションの)プロパティを設定し、Chat Messageのルックアンドフィールをカスタマイズできます。

これらの手順を実行してモジュールをパブリッシュした後、アプリでパターンをテストできます。

プロパティ

プロパティ 説明
DisplayOnRight(Boolean型): オプション Trueの場合、パターンは右揃えになります。Falseの場合、パターンは左揃えになります。これがデフォルト値です。
Time(Time型): オプション メッセージのタイムスタンプ。
MessageStatus(MessageStatus Identifier型): オプション 現在のメッセージのステータス。送信済み、受信済み、既読、非表示などです。
ExtendedClass(Text型): オプション Chat Message UIパターンにカスタムスタイルクラスを追加します。CSSを使用して、アプリケーションのカスタムスタイルクラスを定義します。

  • 空白 - カスタムスタイルを追加しません(デフォルト値)。
  • "myclass" - 適用されるChat Message UIのスタイルに_myclass_というスタイルを追加します。
  • "myclass1" "myclass2" - 適用されるChat Message UIのスタイルに_myclass1_というスタイルと_myclass2_というスタイルを追加します。
  • Was this article helpful?