关于自定义聊天功能(理论篇)然后如果有人需要代码和其他疑惑请留言。

先上效果图

实现的功能,

发送文字,发送系统的emoji,发送图片,发送语音,消息的重发。

控件封装思路

整体采用MVVM框架封装。

UI相关:UI布局上现阶段需求,只使用一个Cell,然后给不同类型消息(例如文字和图片)写2个不同View,Model,和ViewModel。

网络相关:环信完全独立封装起来,提供一个封装好后的一个文件,只有这个文件能访问环信的方法和监听环信的回调。然后对外暴露发送消息方法和接受消息的方法。

键盘相关:键盘中包含文字,emoji,录音频,更多功能(先包括相机和相册)4个模块。

缓存相关:采用FMDB把接受到的消息和发送的消息存入数据库中来保存。每一个对话组创建一个表。

涉及到的技术难点:

1.当一个cell中显示过多的emoji表情,界面会卡顿。

2.每条消息都需要点击,长按,双击等手势。所以需要很好的,灵活的划分各自的点击区域,

3.键盘高度需要根据数据的内容去改变高度,粘贴时需要额外的处理。

4.录音频时如果实现代理方法audioRecorderDidFinishRecording会自动切换到主线程,造成UI卡顿的情况。

5.缓存数据的写入和读取的数据问题。

6.发送消息后需要刷新UI来改变当前消息的状态,如果直接reload会造成浪费和卡顿。所以需要获取当前UI上已经显示的数组,遍历这个数组,获取到这些数组中处于loading状态的数据的行数,按照这个行数刷新UI。

7.在气泡中的文字需要实现手机号,网页地址的辨认。AppleSDK识别文本中URL不太精确,需要自己提供正则式。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏DeveWork

CSS Auto Reload:解放F5 键,自动刷新浏览器的前端利器(Chrome 扩展)

在进行前端开发的时候(本文具体而言是编辑CSS 文件时候),常常要做的是刷新浏览器查看修改后的样式。那么最常用到的就是F5 键了,以前在开发WordPress ...

2998
来自专栏极乐技术社区

微信小程序开发需要注意的30个坑

1、小程序名称可以由中文、数字、英文。长度在3-20个字符之间,一个中文字等于2个字符。 2、小程序名称不得与公众平台已有的订阅号、服务号重复。如提示重名,请更...

4808
来自专栏DeveWork

纯代码修改WordPress 默认 Gravatar 头像的方法

默认地,在 WordPress 后台的- 设置 - 讨论 下面可以设置默认的 Gravatar 头像,但是 WordPress 自带的可供选择的那几个实在是不得...

2227
来自专栏微信小开发

小程序登录态,如何去维护?

引言 对于开发小程序而言,登录态的维护是不可避免的。下面将抛出某书小程序的解决方案,欢迎大家扔砖。 某书小程序是基于wepy开发,下面的同样适用于小程序原生开发...

4445
来自专栏知晓程序

开发 | 无需后端编码,手把手教你把 WordPress 做成小程序

知晓程序(微信号 zxcx0101)今天分享的这篇文章,将一步步讲解,如何将一个 WordPress 网站借助 REST API 开发微信小程序版。

2163
来自专栏互联网杂技

Chrome 61 Beta版已支持JavaScript模块,Web支付API,Web Share API和WebUSB

Chrome 61 Beta版:JavaScript模块,桌面支付请求API,Web Share API,以及WebUSB 除非另有说明,否则下述更改适用于An...

3016
来自专栏Samego开发资源

自动化运维之ansible

2487
来自专栏腾讯移动品质中心TMQ的专栏

【腾讯 TMQ】零基础学习 Fiddler 抓包改包

Fiddler 是一款 HTTP 协议调试代理工具,它能够抓取记录本机所有 HTTP(S) 请求,通过设置断点等方法我们可以任意修改进出 Fiddler 的数据...

1.7K0
来自专栏WindCoder

WordPress开发人员犯的12个最严重的错误

原本之前还有篇ruby的,拖得时间有点久了,同时本身没想过去过多接触ruby,所以暂且就不再祸害那篇文章了,有兴趣的可自己去看Creating a Ruby D...

2211
来自专栏Coco的专栏

清除页面广告?身为前端,自己做一款简易的chrome扩展吧

2095

扫码关注云+社区

领取腾讯云代金券