騰訊云即時通訊(三)-----自定義消息

騰訊云IM的sdk中主要提供了 以下幾個消息類

TIMTextElem? (文本消息)

TIMImageElem? (圖片消息)

TIMFileElem? (文件消息)

TIMSoundElem (語音消息)

TIMLocationElem? (地理位置)

TIMFaceElem? (表情消息類型)

TIMVideoElem (微視頻消息)

TIMUGCElem? (UGC視頻)

一般來說這些消息類都可以滿足我們的需求,然而產(chǎn)品和boss 才是老大,他們定方案了,苦逼的程序員還得費力去實現(xiàn).

這個時候自定義消息就派的上用場了.我們先來來看看這個自定義的消息類? TIMCustomElem

/**

*? 自定義消息類型

*/

@interface TIMCustomElem : TIMElem

/**

*? 自定義消息二進(jìn)制數(shù)據(jù)

*/

@property(nonatomic,strong) NSData * data;

/**

*? 自定義消息描述信息，做離線Push時文本展示（已廢棄椅您，請使用TIMMessage中offlinePushInfo進(jìn)行配置）

*/

@property(nonatomic,strong) NSString * desc DEPRECATED_ATTRIBUTE;

/**

*? 離線Push時擴展字段信息（已廢棄冗荸，請使用TIMMessage中offlinePushInfo進(jìn)行配置）

*/

@property(nonatomic,strong) NSString * ext DEPRECATED_ATTRIBUTE;

/**

*? 離線Push時聲音字段信息（已廢棄，請使用TIMMessage中offlinePushInfo進(jìn)行配置）

*/

@property(nonatomic,strong) NSString * sound DEPRECATED_ATTRIBUTE;

@end

注釋已經(jīng)很明顯 主要是有個屬性 是NSData 類型的? ,就是我們需要把自定義的消息封裝轉(zhuǎn)化成NSData傳遞過去.

樓主的需求中是需要自定義個消息,展示訂單信息,需要顯示下單者的聯(lián)系方式 ,地址信息 收貨人 ,商品圖片,商品價格,商品名等信息

構(gòu)造過程

NSMutableDictionary* mesDict=[NSMutableDictionary new];

? [mesDict setObject:@"訂單描述" forKey:KTIMCustomGoodsDescp];

? [mesDict setObject:@"南京橙子哈哈哈啊哈哈哈哈哈 啊哈哈哈哈哈哈哈哈" forKey:KTIMCustomGoodsName];

? [mesDict setObject:@"75.00" forKey:KTIMCustomGoodsPrice];

? ? [mesDict setObject:@"101" forKey:KTIMCustomGoodsType];

? ? [mesDict setObject:@"https://imgs.nanniwan.com/upload/nnw/avatar/2017/08/14/1502701925339.jpg" forKey:KTIMCustomGoodsImage];


? [mesDict setObject:@"2" forKey:KTIMCustomGoodsNum];

? ? [mesDict setObject:@"張三" forKey:KTIMCustomGoodsReceiver];

? ? [mesDict setObject:@"13869746765" forKey:KTIMCustomGoodsMobile];

? ? [mesDict setObject:@"湖北省武漢市江夏區(qū)光谷科技港棟9樓1220" forKey:KTIMCustomGoodsAddress];

// 轉(zhuǎn)換為NSData

NSData* data=[NSJSONSerialization dataWithJSONObject:mesDict options:NSJSONWritingPrettyPrinted error:nil];

TIMCustomElem * custom_elem = [[TIMCustomElem alloc] init];

[custom_elem setData:data];

TIMMessage * msg = [[TIMMessage alloc] init];

[msg addElem:custom_elem];

構(gòu)造后的消息體形式為

data={

"mobile" : "13869746765",

"goods_image" : "https:\/\/imgs.nanniwan.com\/upload\/nnw\/avatar\/2017\/08\/14\/1502701925339.jpg",

"address" : "湖北省武漢市江夏區(qū)光谷科技港棟9樓1220",

"receiver" : "張三",

"goods_price" : "75.00",

"type" : "101",

"goods_name" : "南京橙子哈哈哈啊哈哈哈哈哈 啊哈哈哈哈哈哈哈哈",

"goods_descp" : "訂單描述",

"goods_num" : "2"

}, desc=, ext=

//消息構(gòu)成后我們需要把消息發(fā)送出去? 調(diào)用一下這個方法 先獲取會話

/**

*? 獲取會話

*

*? @param type 會話類型掂为，TIM_C2C 表示單聊 TIM_GROUP 表示群聊

*? ? ? ? ? ? ? TIM_SYSTEM 表示系統(tǒng)會話

*? @param receiver C2C 為對方用戶 identifier，GROUP 為群組Id，SYSTEM為@""

*

*? @return 會話對象

*/

- (TIMConversation*)getConversation:(TIMConversationType)type receiver:(NSString*)receiver;


TIMConversation * conversation = [[TIMManager sharedInstance] getConversation:TIM_C2C receiver:receiver];

//摻入消息

[conversation sendMessage:msg succ:^(){

NSLog(@"消息插入成功");

}

}fail:^(int code, NSString * err) {

NSLog(@"消息插入失敗");

}];

這樣自定義的消息插入就成功了,但是要把自定義的消息正確顯示在界面上還要自定義一個消息顯示的cell類

我們在 ChatTableViewCell增加一個類ChatCustomOrderTableViewCell 讓它繼承于ChatBaseTableViewCell

@interface ChatCustomOrderTableViewCell : ChatBaseTableViewCell

{

@protected

UILabel? ? *_descLabel;//商品描述

UILabel? ? *_goodsNameLabel;//商品名

UILabel? ? *_goodsPriceLabel;//商品價格

UILabel? ? *_goodsNumLabel;//商品數(shù)量

UIImageView? ? *_goodsImage;//商品圖片

UILabel? ? *_seperateLabel;//分割線

UILabel? ? *_contactNameLabel;//聯(lián)系人

UILabel? ? *_phoneLabel;//電話號碼

UILabel? ? *_addressLabel;//地址信息

}

@end

//然后實現(xiàn)該這個類


//商品名

#define KTIMCustomGoodsName @"goods_name"

//圖片名

#define KTIMCustomGoodsImage @"goods_image"

//價格名

#define KTIMCustomGoodsPrice @"goods_price"

//描述

#define KTIMCustomGoodsDescp @"goods_drsp"

//類型

#define KTIMCustomGoodsType @"type"


////自定訂單義消息字段

//數(shù)量

#define KTIMCustomGoodsNum @"goods_num"

//聯(lián)系人

#define KTIMCustomGoodsReceiver @"receiver"

//聯(lián)系人電話

#define KTIMCustomGoodsMobile @"mobile"

//聯(lián)系人電話

#define KTIMCustomGoodsAddress @"address"

@implementation? ChatCustomOrderTableViewCell

// 只創(chuàng)建，外部統(tǒng)一添加

- (UIView *)addElemContent

{

_elemContentRef=[[UIView alloc]init];

_descLabel=[[UILabel alloc]init];

_descLabel.font=FONT(14);

_descLabel.textColor=COLOR_HEX(@"#333333");

_descLabel.textAlignment= NSTextAlignmentLeft ;

[_elemContentRef addSubview:_descLabel];

_goodsNameLabel=[[UILabel alloc]init];

_goodsNameLabel.font=FONT(13);

_goodsNameLabel.numberOfLines=2;

_goodsNameLabel.textColor=COLOR_HEX(@"#333333");

_goodsNameLabel.textAlignment= NSTextAlignmentLeft ;

[_elemContentRef addSubview:_goodsNameLabel];

_goodsPriceLabel=[[UILabel alloc]init];

_goodsPriceLabel.font=FONT(12);

_goodsPriceLabel.textColor=COLOR_HEX(@"#eb6100");

_goodsPriceLabel.textAlignment= NSTextAlignmentLeft ;

[_elemContentRef addSubview:_goodsPriceLabel];

_goodsImage=[[UIImageView alloc]init];

[_elemContentRef addSubview:_goodsImage];

_seperateLabel=[[UILabel alloc]init];

_seperateLabel.backgroundColor=COLOR_HEX(@"#efefef");

[_elemContentRef addSubview:_seperateLabel];

_contactNameLabel=[[UILabel alloc]init];

_contactNameLabel.font=FONT(12);

_contactNameLabel.textColor=COLOR_HEX(@"#333333");

_contactNameLabel.textAlignment= NSTextAlignmentLeft ;

[_elemContentRef addSubview:_contactNameLabel];

_phoneLabel=[[UILabel alloc]init];

_phoneLabel.font=FONT(12);

_phoneLabel.textColor=COLOR_HEX(@"#333333");

_phoneLabel.textAlignment= NSTextAlignmentLeft ;

[_elemContentRef addSubview:_phoneLabel];

_addressLabel=[[UILabel alloc]init];

_addressLabel.font=FONT(12);

_addressLabel.textColor=COLOR_HEX(@"#333333");

_addressLabel.numberOfLines=2;

_addressLabel.textAlignment= NSTextAlignmentLeft ;

[_elemContentRef addSubview:_addressLabel];

//添加約束

[self keepDistanse];

[self configContent];

return _elemContentRef;

}

//設(shè)置約束

-(void)keepDistanse

{

//mark 全部要已_elemContentRef為基準(zhǔn) 不然不正確

//設(shè)置約束

CGFloat imgW=60;

CGFloat imgH=60;

[_descLabel mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.mas_equalTo(_elemContentRef.top).offset(6);

make.left.mas_equalTo(_elemContentRef.left).offset(15);

make.right.mas_equalTo(_elemContentRef.right).offset(-15);

make.height.mas_equalTo(@16);

}];

[_goodsImage mas_makeConstraints:^(MASConstraintMaker *make) {

make.left.mas_equalTo(_elemContentRef.left).offset(15);

make.top.mas_equalTo(_elemContentRef.top).offset(6+6+16);

make.width.mas_equalTo(imgW);

make.height.mas_equalTo(imgH);

}];

[_goodsNameLabel mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.mas_equalTo(_elemContentRef.top).offset(6+6+16);

make.left.mas_equalTo(_elemContentRef.left).offset(8+imgW+15);

make.right.mas_equalTo(_elemContentRef.right).offset(-15);

make.height.lessThanOrEqualTo(@36);

}];

[_goodsPriceLabel mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.mas_equalTo(_elemContentRef.top).offset(6+6+16+imgH-16);

make.left.mas_equalTo(_elemContentRef.left).offset(8+imgW+15);

make.height.mas_equalTo(@15);

make.right.mas_equalTo(_elemContentRef.right).offset(-15);

}];

[_seperateLabel mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.mas_equalTo(_elemContentRef.top).offset(6+6+16+imgH+8);

make.left.mas_equalTo(_elemContentRef.left).offset(+15);

make.height.mas_equalTo(@0.5);

make.right.mas_equalTo(_elemContentRef.right).offset(-15);

}];

[_contactNameLabel mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.mas_equalTo(_elemContentRef.top).offset(6+6+16+imgH+8+8.5);

make.left.mas_equalTo(_elemContentRef.left).offset(+15);

make.height.mas_equalTo(@14);

make.right.mas_equalTo(_elemContentRef.right).offset(-12);

}];

[_phoneLabel mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.mas_equalTo(_elemContentRef.top).offset(6+6+16+imgH+8+8.5+14);

make.left.mas_equalTo(_elemContentRef.left).offset(+15);

make.height.mas_equalTo(@14);

make.right.mas_equalTo(_elemContentRef.right).offset(-12);

}];

[_addressLabel mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.mas_equalTo(_elemContentRef.top).offset(6+6+16+imgH+8+8.5+14+14);

make.left.mas_equalTo(_elemContentRef.left).offset(+15);

make.height.lessThanOrEqualTo(@32);

make.right.mas_equalTo(_elemContentRef.right).offset(-12);

}];

}

- (void)configContent

{

[super configContent];

TIMMessage* message=_msg.msg;

TIMElem* item=[message getElem:0];

if([item isKindOfClass:[TIMCustomElem class]]){

TIMCustomElem* elem=(TIMCustomElem*)item;

NSData* data=elem.data;

NSDictionary* dict= [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableLeaves error:nil];

//給各個控件賦值

//_descLabel.text=dict[KTIMCustomGoodsDescp];

_descLabel.text=@"訂單描述";

[_goodsImage sd_setImageWithURL:[NSURL URLWithString:dict[KTIMCustomGoodsImage] ] placeholderImage:PLACEHOLDER];

_goodsNameLabel.text=dict[KTIMCustomGoodsName];

NSString* string=[NSString stringWithFormat:@"共%@件商品 ￥%@",dict[KTIMCustomGoodsNum],dict[KTIMCustomGoodsPrice]];

NSString* price=[NSString stringWithFormat:@"￥%@",dict[KTIMCustomGoodsPrice]];

NSArray* attary=@[[ConfigAttributedString foregroundColor:COLOR_HEX(@"#333333") range:NSMakeRange(0, string.length-price.length)],[ConfigAttributedString foregroundColor:COLOR_HEX(@"#eb6100") range:NSMakeRange(string.length-price.length, price.length)]];

_goodsPriceLabel.attributedText=[string createAttributedStringAndConfig:attary];

//_goodsPriceLabel.text=[NSString stringWithFormat:@"共%@件商品 ￥%@",dict[KTIMCustomGoodsNum],dict[KTIMCustomGoodsPrice]];

_contactNameLabel.text=[NSString stringWithFormat:@"聯(lián)系人: %@",dict[KTIMCustomGoodsReceiver]];

// _addressLabel.text=dict[KTIMCustomGoodsAddress];

_addressLabel.text=[NSString stringWithFormat:@"電話: %@",dict[KTIMCustomGoodsAddress]];

_phoneLabel.text=[NSString stringWithFormat:@"地址: %@",dict[KTIMCustomGoodsMobile]];

}

}

//遇到的坑是之前設(shè)置約束時使用相對于兄弟控件來布局一直不正確脊框，后來采用這種死板的布局才達(dá)到要求。践啄。浇雹。

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末，一起剝皮案震驚了整個濱河市往核，隨后出現(xiàn)的幾起案子箫爷，更是在濱河造成了極大的恐慌，老刑警劉巖聂儒，帶你破解...
    沈念sama閱讀 216,372評論 6贊 498
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異硫痰，居然都是意外死亡衩婚，警方通過查閱死者的電腦和手機，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3贊 392
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門效斑，熙熙樓的掌柜王于貴愁眉苦臉地迎上來非春，“玉大人，你說我怎么就攤上這事∑骊迹” “怎么了护侮？”我有些...
    開封第一講書人閱讀 162,415評論 0贊 353
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵，是天一觀的道長储耐。 經(jīng)常有香客問我羊初，道長，這世上最難降的妖魔是什么什湘？ 我笑而不...
    開封第一講書人閱讀 58,157評論 1贊 292
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任长赞，我火速辦了婚禮，結(jié)果婚禮上闽撤，老公的妹妹穿的比我還像新娘得哆。我一直安慰自己，他們只是感情好哟旗，可當(dāng)我...
    茶點故事閱讀 67,171評論 6贊 388
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布贩据。 她就那樣靜靜地躺著，像睡著了一般闸餐。 火紅的嫁衣襯著肌膚如雪饱亮。 梳的紋絲不亂的頭發(fā)上，一...
    開封第一講書人閱讀 51,125評論 1贊 297
  • 城市分裂傳說
    那天绎巨，我揣著相機與錄音近尚，去河邊找鬼。 笑死场勤，一個胖子當(dāng)著我的面吹牛戈锻，可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播和媳，決...
    沈念sama閱讀 40,028評論 3贊 417
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼格遭，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了留瞳？” 一聲冷哼從身側(cè)響起拒迅，我...
    開封第一講書人閱讀 38,887評論 0贊 274
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎她倘，沒想到半個月后璧微，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
    沈念sama閱讀 45,310評論 1贊 310
  • ?護(hù)林員之死
    正文 獨居荒郊野嶺守林人離奇死亡硬梁，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,533評論 2贊 332
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年前硫，在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片荧止。...
    茶點故事閱讀 39,690評論 1贊 348
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡屹电，死狀恐怖阶剑，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情危号，我是刑警寧澤牧愁，帶...
    沈念sama閱讀 35,411評論 5贊 343
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布，位于F島的核電站外莲，受9級特大地震影響猪半，放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜苍狰，卻給世界環(huán)境...
    茶點故事閱讀 41,004評論 3贊 325
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一办龄、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧淋昭，春花似錦俐填、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0贊 22
  • 一樁弒父案英融，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至歇式，卻和暖如春驶悟，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背材失。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1贊 268
  • 情欲美人皮
    我被黑心中介騙來泰國打工痕鳍， 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留，地道東北人龙巨。 一個月前我還...
    沈念sama閱讀 47,693評論 2贊 368
  • 代替公主和親
    正文 我出身青樓笼呆，卻偏偏與公主長得像，于是被迫代替她去往敵國和親旨别。 傳聞我的和親對象是個殘疾皇子诗赌，可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,577評論 2贊 353

推薦閱讀更多精彩內(nèi)容

  • （一）Masonry介紹 Masonry是一個輕量級的布局框架 擁有自己的描述語法 采用更優(yōu)雅的鏈?zhǔn)秸Z法封裝自動布...
    木易林1閱讀 2,333評論 0贊 3
  • Masonry是一個輕量級的布局框架，擁有自己的描述語法秸弛，采用更優(yōu)雅的鏈?zhǔn)秸Z法封裝自動布局铭若，簡潔明了并具有高可讀性...
    3dcc6cf93bb5閱讀 1,765評論 0贊 1
  • iOS_autoLayout_Masonry 概述 Masonry是一個輕量級的布局框架與更好的包裝AutoLay...
    指尖的跳動閱讀 1,161評論 1贊 4
  • 町寶閱讀 136評論 0贊 0
  • I had a dream, before I met you, I was introduced to some...
    fangny14閱讀 150評論 0贊 0