【Unity】Line風のテキストチャット画面

概要

Line風のテキストチャット画面を作成してみました。

iOSに関してはテキスト入力時に入力欄が上にせりあがって、そのまま送信ボタンを押せます。

サンプル

https://github.com/Okamochi000/TextChatUI

実証環境

  • OS:Windows
  • Unityバージョン:2021.1.7f1
  • Androidバージョン : 11
  • OS:Mac
  • Xcodeバージョン:11.7
  • iPhone機種:iPhone SE
  • iosバージョン:13.7

モバイルキーボードに追従するボタンについて

InputFieldからモバイルキーボードを表示した場合、Unityアプリ上のボタンを操作することはできません。

なので、モバイルキーボードを表示しながらボタンを押せるようにするためにプラグインを追加してネイティブからキーボードを表示しています。

テキスト入力欄に関してもプラグインから表示されたもので描画順序としてはUnityアプリより上に描画されます。

サンプルでは入力が完了した後にネイティブのテキストエリアをUnityのTextに戻して、画面のフェード等に対応できるようにしています。

   

コメントを残す


CAPTCHA