web-dev-qa-db-ja.com

RTLのチャットUI

RTLを表示するチャットUI(アラビア語、ヘブライ語など)。送信するメッセージが左側に表示され、返信する人が右側に表示されるように、UIをミラー化する必要がありますか?

Whatsapp、iMessageなどはこれを行いますか?

8
Brian Edelman

WhatsAppは、RTL言語に設定されている場合、UIをミラーリングします。 「ווטסאפ」(ヘブライ語のWhatsApp)のGoogle画像検索では、次のように表示されます。

reversed

送信したメッセージが左側に、受信したメッセージが右側にあり、戻るボタンも右側に移動したことに注意してください。

これは、ユーザーがUI設定をRTL言語に設定した場合にのみ適用されます。英語でインターフェースを使用するが、ヘブライ語でチャットする場合(私と同じように)は、デフォルトのLTRフロー(発信-右、着信-左)のままにします。
これはケンモーカーンの回答の問題です。スクリーンショットのUIはドイツ語(?)なので、反転しません。

11
Scimonster

知りません。確認してみましょう。

Google画像検索「アラビア語whatsappチャット」...

こちらがスクリーンショットです。小さなチェックマークは右側のメッセージにあります、そしてそれは私が送るメッセージですよね?それはあなたの質問に答えますか?

enter image description here

4
Ken Mohnkern

いいえ、UIをミラーリングしません。 WhatsApp、Facebook、およびほとんどすべてのチャットアプリが同じように機能するため、RTLユーザーを混乱させます。右側は会話の側、左側は会話している人/人用です。

RTLの世界では、ウェブサイトは実際にミラーリングされていますが、チャットに関してはそうではありません。

ただし、RTLテキストを囲む要素にdir="rtl"があることを確認してください。 dir="auto"を使用できますが、正確でない場合があります。

3
Shafiq al-Shaar