Lulixue/LXFWeChat

Swift 3.0 WeChat

SwiftMIT

LXFWeChat

Swift 3.0 高仿微信

两个测试账号： lxf lqr 密码都是123456

完整项目

感谢大家的支持，在此提供存放于百度云的完整项目【高仿微信】- 百度云

希望各位能为我的项目献出一个宝贵的Star

谢谢

模仿微信的导航栏

在navigationBar底部添加一个添加了渐变层的view

let blurBackView = UIView()
blurBackView.frame = CGRect(x: 0, y: -20, width: kScreenW, height: 64)
let gradintLayer = CAGradientLayer()
gradintLayer.frame = CGRect(x: 0, y: 0, width: kScreenW, height: 64)
gradintLayer.colors = [
    UIColor.hexInt(0x040012).withAlphaComponent(0.76).cgColor,
    UIColor.hexInt(0x040012).withAlphaComponent(0.28).cgColor
]
gradintLayer.startPoint = CGPoint(x: 0, y: 0)
gradintLayer.endPoint = CGPoint(x: 0, y: 1.0)
blurBackView.layer.addSublayer(gradintLayer)
blurBackView.isUserInteractionEnabled = false
blurBackView.alpha = 0.5

// 设置导航栏样式
navigationBar.barStyle = .black
navigationBar.insertSubview(blurBackView, at: 0)

表情面板和更多面板

遇到的问题总结了一下，可以参考下以下总结的文章

《iOS - Swift UICollectionView横向分页滚动，cell左右排版》

《iOS - Swift UICollectionView横向分页的问题》

聊天界面

《iOS - Swift 仿微信聊天图片显示》

《iOS - Swift UITableView的scrollToRow的"坑"》

《iOS - Swift UIButton中ImageView的animationImages动画执行完毕后，图标变暗》

首页

《iOS - Swift 仿微信小红点(无数字)》

由于个人原因，近期不怎么有时间去完善该项目，所以先同步上来，待有空继续去搞定它！

目前完成的功能

微信界面

显示右上角的菜单
显示最近联系人
最近联系人信息未读数的显示

通讯录界面

联系人的排序
联系人总数显示

发现界面

动态小红点的显示
购物选项的链接跳转

我界面

个人头像的上传与设置，及头像的保存
我的二维码界面的显示及二维码的保存

聊天界面

小视频的录制与发送
小视频的播放
聊天时间
图片的发送与显示
未发送成功的重发功能
语音的录制与发送
语音的播放动态效果

已知BUG

小视频和图片发送出去后不能立即更新显示缩略图

2017-07-24 更新

抽空出来添加了一个简单的直播功能（对方需要先进入到对应的聊天界面） iOS - 给高仿微信添加直播聊天功能需要用到编译好的B站开源库ijkplayer ，由于打包好的文件太大，传不上来，所以需要各位去自己编译集成进去。

效果图

动态图

静态图

Author