由于工作需要，需要用到ios聊天页面，在网上搜了半天没有想要的，果断自己写一个，发个笔记
功能分析，模仿qq聊天页面
输入框失去第一响应的情况：
1：点击页面
2：下滑页面
输入框成为第一响应的情况：
1：开始输入
2：上滑页面最底部
控制器
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 |
//
// wdpersonmessagedetailvc.m
// westdevelopment
//
// created by wangtao on 2017/6/23.
// copyright © 2017年 xikaijinfu. all rights reserved.
//
#import "wdpersonmessagedetailvc.h"
#import "wdpersonmessagedetailcell.h"
#import "wdpersonmessagefootercell.h"
#import "wdpersonmessagedetailmodel.h"
#import <iqkeyboardmanager.h>
@interface wdpersonmessagedetailvc ()
@property (nonatomic, weak) wdpersonmessagefootercell *textfieldview;
@end
@implementation wdpersonmessagedetailvc
- (void)scrollviewdidscroll:(uiscrollview *)scrollview
{
cgfloat contentoffsety = scrollview.contentoffset.y;
// 页面下滑，并且输入框还是第一响应的时候，控制器要失去第一响应
if (contentoffsety > 10) {
if (self.textfieldview.isfirst) {
[self clickself];
}
}
// 页面上滑，控制器成为第一响应
if (contentoffsety < - 10) {
self.textfieldview.isfirst = yes;
}
}
- (void)viewdidappear:(bool)animated
{
[super viewdidappear:animated];
// 关闭iq键盘
[iqkeyboardmanager sharedmanager].enable = no;
[iqkeyboardmanager sharedmanager].enableautotoolbar = no;
}
- (void)viewwilldisappear:(bool)animated
{
[super viewwilldisappear:animated];
[self.view endediting:yes];
}
- (void)viewdiddisappear:(bool)animated
{
[super viewdiddisappear:animated];
[iqkeyboardmanager sharedmanager].enableautotoolbar = yes;
[iqkeyboardmanager sharedmanager].enable = yes;
}
- (void)dealloc
{
[[nsnotificationcenter defaultcenter] removeobserver:self];
}
- (void)loadview
{
uiscrollview *view = [[uiscrollview alloc] init];
view.frame = cgrectmake(0, 0, kmainscreenwidth, kmainscreenheight);
self.view = view;
}
- (void)viewdidload {
[super viewdidload];
// do any additional setup after loading the view.
[iqkeyboardmanager sharedmanager].enable = no;
[iqkeyboardmanager sharedmanager].enableautotoolbar = no;
[[nsnotificationcenter defaultcenter] addobserver:self selector:@selector(keyboardwillshow:) name:uikeyboardwillshownotification object:nil];
[[nsnotificationcenter defaultcenter] addobserver:self selector:@selector(keyboardwillhide:) name:uikeyboardwillhidenotification object:nil];
// 旋转tableview
self.tableview.transform = cgaffinetransformmakescale (1, -1);
self.tableview.tableheaderview.transform = cgaffinetransformmakescale (1, -1);
self.tableview.tablefooterview.transform = cgaffinetransformmakescale (1, -1);
self.view.backgroundcolor = wthexcolor(0xeaeaea);
self.tableview.backgroundcolor = wthexcolor(0xeaeaea);
self.tableview.scrollindicatorinsets = uiedgeinsetsmake(50, 0, 0, 0);
[self.tableview registerclass:[wdpersonmessagedetailcell class] forcellreuseidentifier:wdpersonmessagedetailcellid];
[self.tableview registerclass:[wdpersonmessagefootercell class] forheaderfooterviewreuseidentifier:wdpersonmessagefootercellid];
[self.tableview wt_addtaptarget:self action:@selector(clickself)];
[self addfooter];
}
//键盘弹出时把消息列表tableview的高度设为（屏幕高度 - 输入框高度 - 键盘高度），同时输入框上移；
//键盘消失时再把tableview的高度设为（屏幕高度 - 输入框的高度），同时输入框下移。
//这样可以完美解决聊天列表的上面的消息无法显示问题和键盘遮挡问题。
- (void)keyboardwillshow:(nsnotification*)notification
{
// 0.取出键盘动画的时间
cgfloat duration = [notification.userinfo[uikeyboardanimationdurationuserinfokey] doublevalue];
// 1.取得键盘最后的frame
cgrect keyboardframe = [notification.userinfo[uikeyboardframeenduserinfokey] cgrectvalue];
// 2.计算控制器的view需要平移的距离
cgfloat transformy = keyboardframe.origin.y - self.view.frame.size.height;
// 3.执行动画
nsindexpath *indexpath = [nsindexpath indexpathforrow:0 insection:0];
[self.tableview scrolltorowatindexpath:indexpath atscrollposition:uitableviewscrollpositionbottom animated:no];
wtws(weakself);
dispatch_after(dispatch_time(dispatch_time_now, (int64_t)(.05 * nsec_per_sec)), dispatch_get_main_queue(), ^{
[uiview animatewithduration:duration animations:^{
weakself.tableview.frame = cgrectmake(0, 0, kmainscreenwidth, kmainscreenheight - keyboardframe.size.height - 64);
weakself.inputview.transform = cgaffinetransformmaketranslation(0, transformy);
}];
});
}
- (void)keyboardwillhide:(nsnotification*)notification
{
cgfloat duration = [notification.userinfo[uikeyboardanimationdurationuserinfokey] doublevalue];
[uiview animatewithduration:duration animations:^{
self.tableview.frame = cgrectmake(0, 0, kmainscreenwidth, kmainscreenheight);
self.view.transform = cgaffinetransformidentity;
}];
}
//失去第一响应
- (void)clickself
{
[[nsnotificationcenter defaultcenter] postnotificationname:kmessagestate object:@(yes)];
}
- (void)addheader
{
__unsafe_unretained __typeof(self) weakself = self;
self.tableview.mj_header = [mjrefreshnormalheader headerwithrefreshingblock:^{
[weakself loaddata];
}];
[self.tableview.mj_header beginrefreshing];
}
//关闭下拉和上拉控件的文字展示
- (void)addfooter
{
// [self addheader];
[self loaddata];
mjrefreshautonormalfooter *footer = [mjrefreshautonormalfooter footerwithrefreshingtarget:self refreshingaction:@selector(loadmoredata)];
[footer settitle:@"" forstate:mjrefreshstateidle];
[footer settitle:@"" forstate:mjrefreshstatepulling];
[footer settitle:@"" forstate:mjrefreshstaterefreshing];
[footer settitle:@"" forstate:mjrefreshstatewillrefresh];
[footer settitle:@"" forstate:mjrefreshstatenomoredata];
self.tableview.mj_footer = footer;
}
- (void)loaddata
{
self.page = 1;
nsdictionary *par = @{
ktoken : [wtaccount shareaccount].token,
kuserid : [wtaccount shareaccount].uid,
kcurrentpage : @(self.page),
kfriendid : self.friendid,
};
[wdnetwork postkmymessagedetailphonewithparameters:par modelclass:[wdpersonmessagedetailmodel class] responseblock:^(id dataobject, nserror *error) {
if (!error && [[dataobject class] issubclassofclass:[nsarray class]]) {
nsarray* reversedarray = [[dataobject reverseobjectenumerator] allobjects];
self.dataarray = [nsmutablearray arraywitharray:reversedarray];
[self.tableview reloaddata];
self.page ++;
if ([dataobject count] < 20) {
[self.tableview.mj_header endrefreshing];
[self.tableview.mj_footer endrefreshingwithnomoredata];
} else {
[self.tableview.mj_header endrefreshing];
[self.tableview.mj_footer endrefreshing];
}
} else {
[self.tableview.mj_header endrefreshing];
[self.tableview.mj_footer endrefreshingwithnomoredata];
}
}];
}
- (void)loadmoredata
{
nsdictionary *par = @{
ktoken : [wtaccount shareaccount].token,
kuserid : [wtaccount shareaccount].uid,
kcurrentpage : @(self.page),
kfriendid : self.friendid,
};
[wdnetwork postkmymessagedetailphonewithparameters:par modelclass:[wdpersonmessagedetailmodel class] responseblock:^(id dataobject, nserror *error) {
if (!error && [[dataobject class] issubclassofclass:[nsarray class]]) {
nsarray* reversedarray = [[dataobject reverseobjectenumerator] allobjects];
[self.dataarray addobjectsfromarray:reversedarray];
[self.tableview reloaddata];
self.page ++;
if ([dataobject count] < 20) {
[self.tableview.mj_footer endrefreshingwithnomoredata];
} else {
[self.tableview.mj_footer endrefreshing];
}
} else {
[self.tableview.mj_footer endrefreshingwithnomoredata];
}
}];
}
- (cgfloat)tableview:(uitableview *)tableview heightforheaderinsection:(nsinteger)section
{
return 50;
}
- (cgfloat)tableview:(uitableview *)tableview heightforfooterinsection:(nsinteger)section
{
return cgfloat_min;
}
- (uiview *)tableview:(uitableview *)tableview viewforheaderinsection:(nsinteger)section
{
wdpersonmessagefootercell *footer = [tableview dequeuereusableheaderfooterviewwithidentifier:wdpersonmessagefootercellid];
self.textfieldview = footer;
footer.contentview.transform = cgaffinetransformmakescale (1, -1);
wtws(weakself);
footer.clicksendertext = ^(nsstring *text) {
nsdictionary *par = @{
ktoken : [wtaccount shareaccount].token,
kuserid : [wtaccount shareaccount].uid,
kcomment : text,
kflag : @(11),
kfriendid : weakself.friendid,
};
[wdnetwork postkaddcommentphonewithparameters:par modelclass:[nsnull class] responseblock:^(id dataobject, nserror *error) {
if (!error && ([[dataobject objectforkey:kcode] integervalue] == 200)) {
[weakself loaddata];
weakself.textfieldview.sendsucceed = yes;
} else if (!error && [dataobject objectforkey:kmsg]) {
}
}];
};
footer.resignfirstres = ^{
weakself.tableview.frame = cgrectmake(0, 0, kmainscreenwidth, kmainscreenheight - 64);
weakself.view.transform = cgaffinetransformidentity;
};
return footer;
}
- (nsinteger)numberofsectionsintableview:(uitableview *)tableview
{
return 1;
}
- (nsinteger)tableview:(uitableview *)tableview numberofrowsinsection:(nsinteger)section
{
return self.dataarray.count;
}
- (cgfloat)tableview:(uitableview *)tableview heightforrowatindexpath:(nsindexpath *)indexpath
{
wdpersonmessagedetailmodel *model = self.dataarray[indexpath.row];
return model.height;
}
- (uitableviewcell *)tableview:(uitableview *)tableview cellforrowatindexpath:(nsindexpath *)indexpath
{
wdpersonmessagedetailcell *cell = [tableview dequeuereusablecellwithidentifier:wdpersonmessagedetailcellid forindexpath:indexpath];
cell.model = self.dataarray[indexpath.row];
cell.contentview.transform = cgaffinetransformmakescale (1, -1);
return cell;
}
- (void)didreceivememorywarning {
[super didreceivememorywarning];
// dispose of any resources that can be recreated.
}
/*
#pragma mark - navigation
// in a storyboard-based application, you will often want to do a little preparation before navigation
- (void)prepareforsegue:(uistoryboardsegue *)segue sender:(id)sender {
// get the new view controller using [segue destinationviewcontroller].
// pass the selected object to the new view controller.
}
*/
@end
|
输入框 uitableviewheaderfooterview
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
//
// wdpersonmessagefootercell.h
// westdevelopment
//
// created by wangtao on 2017/6/26.
// copyright © 2017年 xikaijinfu. all rights reserved.
//
#import "wdbasetvheaderfooterview.h"
typedef void(^clicksender_t)(nsstring *text);
typedef void(^resignfirstresponder)();
@interface wdpersonmessagefootercell : wdbasetvheaderfooterview
@property (nonatomic, copy) clicksender_t clicksendertext;
@property (nonatomic, copy) resignfirstresponder resignfirstres;
@property (nonatomic, assign) bool isfirst;
@property (nonatomic, assign) bool sendsucceed;
@end
|
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 |
//
// wdpersonmessagefootercell.m
// westdevelopment
//
// created by wangtao on 2017/6/26.
// copyright © 2017年 xikaijinfu. all rights reserved.
//
#import "wdpersonmessagefootercell.h"
@interface wdpersonmessagefootercell () <uitextfielddelegate>
@property (nonatomic, weak) uitextfield *textfield;
@property (nonatomic, weak) uiview *line;
@end
@implementation wdpersonmessagefootercell
@synthesize isfirst = _isfirst;
- (void)setupall
{
self.contentview.backgroundcolor = wthexcolor(0xf2f2f2);
uitextfield *textfield = [[uitextfield alloc] init];
textfield.backgroundcolor = kwhitecolor;
[self.contentview addsubview:textfield];
textfield.delegate = self;
self.textfield = textfield;
textfield.layer.cornerradius = 3;
textfield.layer.maskstobounds = yes;
textfield.returnkeytype = uireturnkeysend;
[[nsnotificationcenter defaultcenter] addobserver:self selector:@selector(messagestate:) name:kmessagestate object:nil];
uiview *line = [[uiview alloc] init];
line.backgroundcolor = wthexcolor(0xdddddd);
[self.contentview addsubview:line];
self.line = line;
}
- (void)messagestate:(nsnotification *)noti
{
nsinteger state = [[noti object] boolvalue];
if (state) {
[self.textfield resignfirstresponder];
if (self.resignfirstres) {
self.resignfirstres();
}
}
}
- (bool)textfieldshouldreturn:(uitextfield *)textfield
{
if (self.clicksendertext) {
self.clicksendertext(self.textfield.text);
}
return yes;
}
- (void)setisfirst:(bool)isfirst
{
_isfirst = isfirst;
if (isfirst) {
[self.textfield becomefirstresponder];
} else {
[self.textfield resignfirstresponder];
}
}
- (bool)isfirst
{
if ([self.textfield isfirstresponder]) {
return yes;
}
return no;
}
- (void)setsendsucceed:(bool)sendsucceed
{
self.textfield.text = @"";
}
- (void)layoutsubviews
{
[super layoutsubviews];
cgfloat padding = 10;
self.textfield.frame = cgrectmake(padding, padding, self.wt_width - padding * 2, self.wt_height - padding * 2);
self.line.frame = cgrectmake(0, 0, self.wt_width, .5);
}
@end
|
消息cell
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 |
//
// wdpersonmessagedetailcell.m
// westdevelopment
//
// created by wangtao on 2017/6/23.
// copyright © 2017年 xikaijinfu. all rights reserved.
//
#import "wdpersonmessagedetailcell.h"
#import "wdpersonmessagedetailmodel.h"
@interface wdpersonmessagedetailcell ()
@property (nonatomic, weak) uilabel *time;
@property (nonatomic, weak) uiimageview *icon;
@property (nonatomic, weak) uilabel *detail;
@property (nonatomic, weak) uiview *baseview;
@end
@implementation wdpersonmessagedetailcell
- (void)setupall
{
self.selectionstyle = uitableviewcellselectionstylenone;
self.backgroundcolor = wthexcolor(0xeaeaea);
self.contentview.backgroundcolor = wthexcolor(0xeaeaea);
uilabel *time = [uilabel labelwithtext:@""
textcolor:wthexcolor(0xaaaaaa)
textalignment:nstextalignmentcenter
font:12
backgroundcolor:kclearcolor];
[self.contentview addsubview:time];
self.time = time;
uiimageview *icon = [[uiimageview alloc] init];
[self.contentview addsubview:icon];
icon.image = [uiimage imagenamed:kdefault];
self.icon = icon;
self.icon.layer.cornerradius = 35 / 2;
self.icon.layer.maskstobounds = yes;
uiview *baseview = [[uiview alloc] init];
[self.contentview addsubview:baseview];
self.baseview = baseview;
baseview.layer.maskstobounds = yes;
baseview.layer.cornerradius = 4;
uilabel *detail = [uilabel labelwithtext:@""
textcolor:kblackcolor
textalignment:nstextalignmentleft
font:13
backgroundcolor:kclearcolor];
[baseview addsubview:detail];
self.detail = detail;
detail.numberoflines = 0;
}
- (void)setmodel:(wdpersonmessagedetailmodel *)model
{
_model = model;
if ([model.isshow isequaltostring:@"1"]) {
self.time.text = model.addtime;
self.time.hidden = no;
self.time.frame = cgrectmake(0, 0, kmainscreenwidth, 20);
} else {
self.time.text = @"";
self.time.hidden = yes;
self.time.frame = cgrectzero;
}
self.time.text = model.addtime;
[self.icon wt_setimagewithurlstring:model.headimg placeholderstring:@"me_icon"];
self.detail.text = model.comment;
if ([model.userid isequaltostring:[wtaccount shareaccount].uid]) {
self.detail.textcolor = kblackcolor;
self.baseview.backgroundcolor = kwhitecolor;
self.icon.frame = cgrectmake(kpadding, self.time.wt_bottom + kpadding, 35, 35);
self.baseview.frame = cgrectmake(self.icon.wt_right + kpadding, self.icon.wt_top, model.commentw, model.commenth);
self.detail.frame = cgrectmake(kpadding, kpadding, model.commentw - kpadding * 2, model.commenth - kpadding * 2);
} else {
self.detail.textcolor = kwhitecolor;
self.baseview.backgroundcolor = khomecolor;
self.icon.frame = cgrectmake(kmainscreenwidth - 35 - kpadding, self.time.wt_bottom + kpadding, 35, 35);
self.baseview.frame = cgrectmake(self.icon.wt_left - kpadding - model.commentw, self.icon.wt_top, model.commentw, model.commenth);
self.detail.frame = cgrectmake(kpadding, kpadding, model.commentw - kpadding * 2, model.commenth - kpadding * 2);
}
}
@end
|
模型
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
//
// wdpersonmessagedetailmodel.m
// westdevelopment
//
// created by wangtao on 2017/6/23.
// copyright © 2017年 xikaijinfu. all rights reserved.
//
#import "wdpersonmessagedetailmodel.h"
@implementation wdpersonmessagedetailmodel
- (cgfloat)commentw
{
if (_commentw == 0) {
_commentw = [self.comment wt_calculatestringsizewithfontofsize:13 maxwidth:kmainscreenwidth / 2].width + 20;
}
return _commentw;
}
- (cgfloat)commenth
{
if (_commenth == 0) {
cgfloat texth = [self.comment wt_calculatestringsizewithfontofsize:13 maxwidth:kmainscreenwidth / 2].height;
// 一行字体是15高，一行的情况就和头像一样高
_commenth = (texth < 20) ? 35 : (texth + 20);
}
return _commenth;
}
- (cgfloat)height
{
if (_height == 0) {
_height = self.commenth + 20;
if ([self.isshow isequaltostring:@"1"]) {
_height += 20;
}
}
return _height;
}
@end
|
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。
原文链接：http://www.jianshu.com/p/8656e951b64b?utm_source=tuicool&utm_medium=referral
如果您对该产品感兴趣，请填写办理（客服微信：xiaoxiongyidong）
发表评论
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。