iOS 聊天界面

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iOS 聊天界面相关的知识,希望对你有一定的参考价值。

参考技术A 聊天界面一般包含:文字、语音、图片三大部分。

整体的我用的是UITableView,具体聊天的展示是用的cell,把所有视图都放到cell上用到的显示用不到的隐藏。

项目的的编写采用了MVC 模式。所有的界面布局都是在CSMessageModel中完成。先上效果图。

简单来说,我们要根据接收到的数据类型的不同来展示不同的东西。所以我们需要事先和服务器定义好接口协议并把他封装成一个Model。另外还要有时间,以及自己和他人的区别。这些也要一起定义。我的Model类型如下,大家可以根据自己的需要进行添加和删除。

然后就是根据上面的类型去定义各自的frame,根据自己的需要进行添加和删除。

CSMessageModel.m 中实现Frame初始化。举例如下,具体的可以查看demo。

然后就是自定义cell
直接传Model进来

重点在要根据Model去计算布局

最后在调用

至此聊天界面完成。

另外添加了表情和语音。
注:发送图片和语音的时候,服务器我们这里用了base64进行的加密。转换成了二进制流。图片和语音要问清楚服务器支持多大的。要进行压缩。

demo

以上是关于iOS 聊天界面的主要内容,如果未能解决你的问题,请参考以下文章

iOS浏览器不能打开手机QQ客服与指定用户聊天界面

Android,iOS打开手机QQ与指定用户聊天界面

Android,iOS打开手机QQ与指定用户聊天界面

iOS浏览器不能打开手机QQ客服与指定用户聊天界面

聊天界面-自适应文字

使用 Socket.IO 开发聊天室