#63 情歌對唱的聊天室畫面 — cell 的 auto layout

目的: 學習定義 UITableViewDataSource 的相關 function ＆ cell 的 auto layout。

模仿以上畫面，用 table view 製作有點甜的聊天畫面。對話內容可找一首對唱的情歌歌詞，或是請 AI 創作。

https://chat.openai.com/share/e274cecc-f64b-4a06-a03e-064b4bc6748c

提示

利用 Auto Layout 實現聊天泡泡的兩個方法，Stack View & 非 Stack View

聊天訊息可用 label 或 text view 呈現，想讓 text view 隨文字內容自動長高可參考以下連結。

讓 UITextView 的高度等於文字內容的高度

進階功能

1 模仿 LINE 的聊天泡泡，左上角有個可愛的尖角。

參考連結

Creating a Chat Bubble Which Looks Like a Chat Bubble in iMessage - the advanced way

Creating a Chat Bubble Which Looks Like a Chat Bubble in iMessage — the easy way

2 加入打字的框框 ，這樣才能真的聊天 ~

3 自動長高的文字輸入框。

其它研究方向

作品集

#33 情歌對唱的聊天室畫面 — cell 的 auto layout

#15 聊天室畫面｜歌劇魅影 The phantom of the opera

(Swift) 使用 MVC 架構 製作聊天室畫面

Episode 95— 聊天室畫面：Table View & Text View 搭配 AutoLayout

練習筆記 26 : 利用 iOS SDK 各式型別生成東西，設定它的屬性和呼叫方法

作業#56 聊天室畫面-情歌對唱

#34 Imitate Chat APP by using table view (with cell Auto Layout, chat bubble and MVC design…

iOS| #18 | 聊天室畫面搭配cell 的 auto layout

#63 情歌對唱的聊天室畫面：Can You Feel The Love Tonight

Unit IV：「UITableView — 聊天情境」情歌對唱總有天會膩，今晚我想來點撩人金句

#39情歌對唱的聊天室畫面

Firebase 實現聊天室畫面

[Swift] 大家來聊天-客製訊息泡泡

練習tableView及AVFoundation的delegate

#63 情歌對唱的聊天室畫面 — cell 的 auto layout with Frozen 2