04環信聊天介面 接收方cell的布局

2021-07-09 22:34:09 字數 1599 閱讀 8044

1.拖乙個uitabelviewcell到聊天介面的tableview裡。cell裡需要新增3個控制項,1個uiimageview作為頭像,乙個uilabel(顯示聊天文字),另乙個imageview(作為label的背景)。

控制項關係:背景的imageview其實就是聊天氣泡,文字在氣泡內,文字和氣泡有邊距。

頭像尺寸35x35, uilabel設定lines屬性為0就可以換行,並且要設定最大寬度

約束:chatlistcellhead頭像控制項的約束如圖:

message label的約束:

注意,label和背景imageview之間 左右上下 為0

2.新建chatcell 繼承自 

uitableviewcell,讓剛那個cell 指向這個類

然後連線

//

// chatcell.h

#import @inte***ce chatcell : uitableviewcell

@property (weak, nonatomic) iboutlet uilabel *messagelabel;

@end

3.在聊天控制器

chatviewcontroller

裡<

uitableviewdatasource

,uitableviewdelegate

>

#pragma mark -uitableviewdatasource

- (nsinteger)tableview:(uitableview *)tableview numberofrowsinsection:(nsinteger)section

- (uitableviewcell *)tableview:(uitableview *)tableview cellforrowatindexpath:(nsindexpath *)indexpath

#pragma mark - uitableviewdelegate

- (cgfloat)tableview:(uitableview *)tableview heightforrowatindexpath:(nsindexpath *)indexpath

預覽效果:

最後:傳送方的cell,也是同理設定。這就不具體說了。

04環信聊天介面 底部工具欄布局

1.介面布局 2.演示效果 3.聊天控制器 如下 chatviewcontroller.m import chatviewcontroller.h inte ce chatviewcontroller input 輸入工具欄 底部的約束 property weak,nonatomic iboutle...

Android仿微信聊天介面

專案已經傳到了github 同樣我先說下思路 1.定義訊息型別需要將所有的訊息字段定義出來,那麼需要哪些欄位了 如上圖所示,這裡就不解釋了 3,如何布局?private void setimagelayout final imageview img,string url else img.setla...

關於微信聊天介面更換背景

關於su ceview豎屏問題 小公尺4手機測試,camera.setdisplayorientation 90 可以實現 哈哈,不動了吧。但是頂部被覆蓋了 因為是整個window的背景的原因 那咋辦呢。還是兩層布局,為啥背景圖被壓縮了?我也不知道,可不可以讓背景圖不被壓縮,可以!套乙個scroll...