18日目、チャット機能の追加(UI、画面遷移、ユーザの受け渡し)
今日から今までのアプリにメッセージング機能を追加していきます!(今日はコードがたくさんあるので画像のみにします。後日Githubにてコードを公開します)
1.タイムラインのナビゲーションバーにメッセージの画面を開くアイコンの追加
まずは、画面遷移を行っていくためのアイコンをタイムラインのナビゲーションバーに追加しました!
そしてメッセージングリストのコントローラに遷移するようにします。
2.トークリストページのUIの設定
3.ユーザの検索
次に右上のトーク作成アイコンを押した時の処理としてUserSearchInTalkControllerを作成し、talkするユーザを探す機能を実装します
このコントローラでdelegateを宣言し、ユーザをタッチした時、チャットルームへ遷移するようにします。
4.チャットルームのUI
チャットルームのテキスト入力はコメントコントローラで利用した要素を使用しました。またユーザをこのコントローラでは受け渡されているのでナビゲーションバーにはユーザの名前を表示できます。
明日か、もし終わらなかったら明後日にかけてトーク機能を完成させていきます!
この記事が気に入ったらサポートをしてみませんか?