剖析微信等即时通讯常用组件(一)

悠悠 2022-08-20 10:11 211阅读 0赞

> 自14毕业到现在，从事iOS即时通讯开发已经1年半之久。在这里总结一下自己平时开发即时通讯类App常用的控件，以供大家参考。主要负责Allure开发，目前已上架，可以在苹果商店搜素Allure。Allure模仿微信的交互和设计效果，已经实现微信的大部分功能。

##### 1.聊天列表： #####

***SWTableViewCell***： [https://github.com/CEWendel/SWTableViewCell.git][https_github.com_CEWendel_SWTableViewCell.git]

> 备注：*SWTableViewCell*正常情况下隐藏右侧按钮的，向左滑动显示cell右侧的按钮（类似于iOS 7邮件应用程序）。微信应用：聊天列表向左滑动，显示标记未读，删除消息按钮。

##### 2.文字消息: #####

**M80AttributedLabel**: \[[https://github.com/xiangwangfeng/M80AttributedLabel.git\](https://github.com/xiangwangfeng/M80AttributedLabel.git][https_github.com_xiangwangfeng_M80AttributedLabel.git_https_github.com_xiangwangfeng_M80AttributedLabel.git]  
)

> 备注：文字内容的消息可以使用M80AttributedLabel，实现文字与表情的混排。一般使用气泡作为背景。

##### 3.语音： #####

**VoiceConvert**: [http://code4app.com/ios/边录音边转码/521c65d56803fab864000001][http_code4app.com_ios_521c65d56803fab864000001]

> 备注：iPhone设备录音为WAV格式，WAV格式文件太大，不便于传输。使用*VoiceConvert*可以将WAV转化为amr格式文件进行传输，文件大小被压缩到之前文件的10倍左右。当接受方接受消息后需将amr文件转化为WAV文件，进行播放。注：笔者实现语音功能时，使用的是*VoiceConvert*，而微信不是。

##### 4.聊天文字输入框： #####

**HPGrowingTextView**：[https://github.com/yatinsns/HPGrowingTextView.git][https_github.com_yatinsns_HPGrowingTextView.git]

> 备注：聊天输入文字，可以根据输入文字的多少自动改变输入框的高度。

##### 6.微信右上角的➕点击展示列表效果 #####

**DXPopover**：[https://github.com/xiekw2010/DXPopover.git][https_github.com_xiekw2010_DXPopover.git]

> 备注：感觉微信的效果点击➕号，展示列表，使用的就是frame的缩小动画。笔者推荐的效果一定比微信的效果要好。

##### 7.UUID、手势密码的存储： #####

**SSKeychain**：[https://github.com/soffes/sskeychain.git][https_github.com_soffes_sskeychain.git]

> 备注：使用*keychain*存储关键数据，eg:UUID、手势密码等。当刷机、升级系统或者卸载应用时，UUID或手势密码依旧还保存。苹果推荐使用*KeychainItemWrapper*，但实际开发中并不是很好。笔者建议使用*SSKeychain*，方便易用。

##### 8.广告自动轮播： #####

**HYBLoopScrollView**：[https://github.com/CoderJackyHuang/HYBLoopScrollView.git][https_github.com_CoderJackyHuang_HYBLoopScrollView.git]

> 备注：实现自动循环滚动，一般用于展示广告页。微信在贴纸宣传处就使用了轮播。

##### 9.数据库： #####

**FMDB**：[https://github.com/ccgus/fmdb.git][https_github.com_ccgus_fmdb.git]

> 备注：*FMDB*如此强大，啥也不说了。

##### 10.图片浏览器： #####

**MWPhotoBrowser**：[https://github.com/mwaterfall/MWPhotoBrowser.git][https_github.com_mwaterfall_MWPhotoBrowser.git]

> 备注：图片浏览器，微信朋友圈点击小图，查看大图的效果。

##### 11.Tinder、探探等翻牌子 #####

**MDCSwipeToChooseView**：[https://github.com/modocache/MDCSwipeToChoose.git][https_github.com_modocache_MDCSwipeToChoose.git]

> 备注：*Tinder*、探探等翻牌子效果

##### 12.刷新 #####

**MJRefresh**：[https://github.com/CoderMJLee/MJRefresh.git][https_github.com_CoderMJLee_MJRefresh.git]

> 备注：*MJRefresh*有李明杰大神的开源之作，其他的自不用说。不过笔者根据基于*MJRefresh*重新定制了一个可以修改颜色的loading菊花([https://github.com/jiulin/MJRefresh.git][https_github.com_jiulin_MJRefresh.git])

##### 13.AFNetworking: [https://github.com/AFNetworking/AFNetworking.git][https_github.com_AFNetworking_AFNetworking.git] #####

等等。。。。

如在即时通讯方面需要帮助，联系QQ：*983202699*。

或者关注微博私信：[http://weibo.com/490jiulin/home?wvr=5][http_weibo.com_490jiulin_home_wvr_5]

[https_github.com_CEWendel_SWTableViewCell.git]: https://github.com/CEWendel/SWTableViewCell.git
[https_github.com_xiangwangfeng_M80AttributedLabel.git_https_github.com_xiangwangfeng_M80AttributedLabel.git]: https://github.com/xiangwangfeng/M80AttributedLabel.git]%28https://github.com/xiangwangfeng/M80AttributedLabel.git
[http_code4app.com_ios_521c65d56803fab864000001]: http://code4app.com/ios/边录音边转码/521c65d56803fab864000001
[https_github.com_yatinsns_HPGrowingTextView.git]: https://github.com/yatinsns/HPGrowingTextView.git
[https_github.com_xiekw2010_DXPopover.git]: https://github.com/xiekw2010/DXPopover.git
[https_github.com_soffes_sskeychain.git]: https://github.com/soffes/sskeychain.git
[https_github.com_CoderJackyHuang_HYBLoopScrollView.git]: https://github.com/CoderJackyHuang/HYBLoopScrollView.git
[https_github.com_ccgus_fmdb.git]: https://github.com/ccgus/fmdb.git
[https_github.com_mwaterfall_MWPhotoBrowser.git]: https://github.com/mwaterfall/MWPhotoBrowser.git
[https_github.com_modocache_MDCSwipeToChoose.git]: https://github.com/modocache/MDCSwipeToChoose.git
[https_github.com_CoderMJLee_MJRefresh.git]: https://github.com/CoderMJLee/MJRefresh.git
[https_github.com_jiulin_MJRefresh.git]: https://github.com/jiulin/MJRefresh.git
[https_github.com_AFNetworking_AFNetworking.git]: https://github.com/AFNetworking/AFNetworking.git
[http_weibo.com_490jiulin_home_wvr_5]: http://weibo.com/490jiulin/home?wvr=5