見出し画像

18日目、チャット機能の追加(UI、画面遷移、ユーザの受け渡し)

今日から今までのアプリにメッセージング機能を追加していきます!(今日はコードがたくさんあるので画像のみにします。後日Githubにてコードを公開します)

1.タイムラインのナビゲーションバーにメッセージの画面を開くアイコンの追加

まずは、画面遷移を行っていくためのアイコンをタイムラインのナビゲーションバーに追加しました!

スクリーンショット 2021-05-20 15.20.10

そしてメッセージングリストのコントローラに遷移するようにします。

2.トークリストページのUIの設定

スクリーンショット 2021-05-20 15.54.23

3.ユーザの検索

次に右上のトーク作成アイコンを押した時の処理としてUserSearchInTalkControllerを作成し、talkするユーザを探す機能を実装します

スクリーンショット 2021-05-20 17.08.42

このコントローラでdelegateを宣言し、ユーザをタッチした時、チャットルームへ遷移するようにします。

4.チャットルームのUI

チャットルームのテキスト入力はコメントコントローラで利用した要素を使用しました。またユーザをこのコントローラでは受け渡されているのでナビゲーションバーにはユーザの名前を表示できます。

スクリーンショット 2021-05-21 1.39.49

明日か、もし終わらなかったら明後日にかけてトーク機能を完成させていきます!






この記事が気に入ったらサポートをしてみませんか?