【iOS】LINE風チャットUIを実装〜スレッド投稿編〜 - Qiita
前回のメッセージ入力欄編を投稿してからそのままになっていたので、スレッド投稿編も残しておきます。 投稿するメッセージ文字列によって、メッセージLabelのサイズとセルの高さを動的に変化させる方法です。 デザイン超適当ですができあがりはこんな感じです。 ※赤が自分の投稿で青が自分以外の投稿。 メッセージクラス まずはメッセージ情報をオブジェクトとして扱うためのクラスを作り、userId、userName、messageプロパティとコンストラクタを定義しておきます。 本来であればアイコン画像のURL等も持たせるかと思います。 @interface Message : NSObject @property (strong, nonatomic) NSString *userId; @property (strong, nonatomic) NSString *userName; @propert
【iOS】LINE風チャットUIを実装〜メッセージ入力欄編〜 - Qiita
LINEとかチャット系アプリは大体踏襲しているアレです。 まとめて解説してるブログが見つからなかったので、必要最低限の部分だけメモっときたいと思います。 今回はメッセージ入力欄のみで、ポイントはこの二つ。 メッセージ入力欄・送信ボタンは下部固定（キーボード出現時は隠れないように移動） 入力テキストの行数によってメッセージ入力欄の高さが変わる 実現方法は色々だと思いますが、今回は StoryBoardでAutoLayout を使ってやります。 【完成イメージ】 StoryBoardでレイアウトを作成 まずは以下の構造で各種UIパーツをレイアウトします。 Constraintを設定 Constraintについてここでは詳しい説明はしませんが、View間の相対位置やサイズ等を定義するルールといったところです。 画面サイズが異なる端末でもそれぞれいい感じにレイアウトが組めるので便利です。 Stor
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
