一些优化:

禁止TableView的点击:

self.tableView.allowsSelection = NO;

合并相同的时间:

不需要显示的时间,只要不设置尺寸就行了。

一个if判断的技巧,为了防止把==写成赋值,可以让左边的为非左值:

NO == message.hideTime

对于时间的判断,应该放在所有模型加载的地方(懒加载的位置)。

为了得到上一条消息,由于使用的是for-in语句,无法获得index,但是由于临时数组在循环的最后才加入这一次循环操作的模型,因此在下一次循环开始时,临时数组中的lastObject存的正是上一次的消息模型,只需要判断二者的字符串是否全等即可,不必判断是否上一条消息为nil,因为nil的所有操作都会得到nil。

- (NSMutableArray *)messageFrames{

    if (_messageFrames == nil) {

        NSString *path = [[NSBundle mainBundle] pathForResource:@"messages.plist" ofType:nil];
NSArray *dictArray = [NSArray arrayWithContentsOfFile:path];
NSMutableArray *mfArray = [NSMutableArray array];
for (NSDictionary *dict in dictArray) {
Message *msg = [Message messageWithDict:dict]; //取出上一个模型:利用mfArray的LastObject
MessageFrame *lastMf = [mfArray lastObject];
Message *lastMsg = lastMf.message; msg.hideTime = [msg.time isEqualToString:lastMsg.time]; MessageFrame *mf = [[MessageFrame alloc] init]; mf.message = msg; [mfArray addObject:mf];
}
_messageFrames = mfArray;
} return _messageFrames; }

接下来需要解决的就是聊天气泡的Button了,由于Button需要多次改变,在自定义Cell内里面进行调整。

聊天气泡的图片大小是有限的,为了能大幅度拉伸图片又不影响图片质量,可以进行局部像素复制拉伸;也可以把气泡按钮加大,把label缩小(设置内边距)。

聊天气泡是通过一个按钮和设置按钮的titleLabel实现的,如果只改变titleLabel的内边距,会使得图片上下超出按钮的边界,如下图所示:

为了让按钮的title居中后压缩不会超出按钮边界,设内边距的值为x,那么先把按钮的宽高都增加2x,这样当标题居中后,四周都留下了x的“防线”,这样再压缩标题就不会超出边界了。

但是按钮过大会使得图片失真和变形严重,应该采用另一种做法,复制图片的中间像素。

代码的实现:

在iOS5以前,使用的方法是告诉左边和上边,拉伸的是左边向下一个,上边向下一个的像素。

在iOS5和以后,有一个新的方法可以提供这四条线来拉伸(安全起见是锁定最中间的像素),例如图片大小是64x56个点(注意用点表示),应该左右各31,上下各27。

在iOS6和以后,可以设定平铺(tile)还是拉伸(stretch)。

最应该注意的是,这个方法返回的是一个新的图片,必须重新赋值再试用。

UIImage *normal = [UIImage imageNamed:@"chat_send_nor"];
UIImage *lastNoraml = [normal resizableImageWithCapInsets:UIEdgeInsetsMake(27, 31, 27, 31)];
[self.textView setBackgroundImage:lastNoraml forState:UIControlStateNormal];

注意按钮的文字颜色不能使用titleLabel.textColor,因为是分状态的,应该有setTitleColor方法。

[self.textView setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];

(二十一)即时通信的聊天气泡的实现II的更多相关文章

  1. (二十)即时通信的聊天气泡的实现I

    Tip:通过xib和storyboard不可能将一个控件作为ImageView的子控件,只能通过代码的addSubview方法实现. 设置图片的细节:如果button比图片大(为了方便对齐),将图片设 ...

  2. (二十一)c#Winform自定义控件-气泡提示

    前提 入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章. 开源地址:https://gitee.com/kwwwvagaa/net_winform_custom_control ...

  3. iOS开发之使用XMPPFramework实现即时通信(二)

    上篇的博客iOS开发之使用XMPPFramework实现即时通信(一)只是本篇的引子,本篇博客就给之前的微信加上即时通讯的功能,主要是对XMPPFramework的使用.本篇博客中用到了Spark做测 ...

  4. (转)基于即时通信和LBS技术的位置感知服务(二):XMPP协议总结以及开源解决方案

    在<基于即时通信和LBS技术的位置感知服务(一):提出问题及解决方案>一文中,提到尝试使用XMPP协议来实现即时通信.本文将对XMPP协议框架以及相关的C/S架构进行介绍,协议的底层实现不 ...

  5. 基于Server-Sent Event的简单聊天室 Web 2.0时代,即时通信已经成为必不可少的网站功能,那实现Web即时通信的机制有哪些呢?在这门项目课中我们将一一介绍。最后我们将会实现一个基于Server-Sent Event和Flask简单的在线聊天室。

    基于Server-Sent Event的简单聊天室 Web 2.0时代,即时通信已经成为必不可少的网站功能,那实现Web即时通信的机制有哪些呢?在这门项目课中我们将一一介绍.最后我们将会实现一个基于S ...

  6. QQ 腾讯QQ(简称“QQ”)是腾讯公司开发的一款基于Internet的即时通信(IM)软件

    QQ 编辑 腾讯QQ(简称“QQ”)是腾讯公司开发的一款基于Internet的即时通信(IM)软件.腾讯QQ支持在线聊天.视频通话.点对点断点续传文件.共享文件.网络硬盘.自定义面板.QQ邮箱等多种功 ...

  7. 基于XMPP协议的Android即时通信系

    以前做过一个基于XMPP协议的聊天社交软件,总结了一下.发出来. 设计基于开源的XMPP即时通信协议,采用C/S体系结构,通过GPRS无线网络用TCP协议连接到服务器,以架设开源的Openfn'e服务 ...

  8. 【原】iOS学习43即时通信之XMPP(2)

    本篇是 即时通信之XMPP(2) 接上次 即时通信之XMPP(1) 1. 好友列表 1> 初始化好友花名册 // 获取管理好友的单例对象 XMPPRosterCoreDataStorage *r ...

  9. (转)基于即时通信和LBS技术的位置感知服务(三):搭建Openfire服务器+测试2款IM客户端

    主要包含4个章节: 1. Java 领域的即时通信的解决方案 2. 搭建 Openfire 服务器 3. 使用客户端测试我们搭建的 Openfire 服务器 4. Smack 和 ASmack 一.J ...

随机推荐

  1. Docker内核能力机制

    能力机制(Capability)是 Linux 内核一个强大的特性,可以提供细粒度的权限访问控制. Linux 内核自 2.2 版本起就支持能力机制,它将权限划分为更加细粒度的操作能力,既可以作用在进 ...

  2. iOS开发基础:最新的APP打包上架流程

    之前有人留言让我更新部分文章,下面就为大家分享一下iOS的APP打包上架流程: 上传至apple developer 1.1 上传准备工作 更新上架和发布上架不同,在原始版本首次上架的时候就将描述文件 ...

  3. STATE(状态)模式

    引子 场景 在我们软件开发的过程中,有许多对象是有状态的.而对象的行为会随着状态的改变而发生改变.例如开发一个电梯类,电梯有开门.关门.停止.运行等行为,同时电梯也会有开门状态.关门状态.停止状态.运 ...

  4. NestedScrollView嵌套ViewPager

    NestedScrollView嵌套ViewPager 效果图 重写ViewPager package com.kongqw.kbox.view; import android.content.Con ...

  5. Win7下安装linux虚拟机

    关于如何在Win7下搭建linux学习环境,特在此分享下. 一.工具 1.VMware-workstation-full-9.0.0-812388.exe       下载地址:http://pan. ...

  6. Android Multimedia框架总结(五)多媒体基础概念

    转载请把头部出处链接和尾部二维码一起转载,本文出自: http://blog.csdn.net/hejjunlin/article/details/52431887 上篇中介绍了MediaPlayer ...

  7. H5、React Native、Native应用对比分析

    每日更新关注:http://weibo.com/hanjunqiang  新浪微博!iOS开发者交流QQ群: 446310206 "存在即合理".凡是存在的,都是合乎规律的.任何新 ...

  8. 15 ActionBar.Tab 以及保存fragment对象 代码案例

    API 21弃用 values 中 string文件源码: <?xml version="1.0" encoding="utf-8"?> <r ...

  9. UNIX网络编程——客户/服务器程序设计示范(三)

    TCP预先派生子进程服务器程序,accept无上锁保护 我们的第一个"增强"型服务器程序使用称为预先派生子进程的技术.使用该技术的服务器不像传统意义的并发服务器那样为每个客户现场派 ...

  10. Android初级教程理论知识(第十章Fragment与动画)

    Fragment 用途:在一个Activity里切换界面,切换界面时只切换Fragment里面的内容 生命周期方法跟Activity一致,可以理解把其为就是一个Activity 定义布局文件作为Fra ...