An open API service indexing awesome lists of open source software.

https://github.com/linxunfeng/lxfwechat

Swift 3.0 WeChat
https://github.com/linxunfeng/lxfwechat

Last synced: about 1 year ago
JSON representation

Swift 3.0 WeChat

Awesome Lists containing this project

README

          

# LXFWeChat
Swift 3.0 高仿微信

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

## 完整项目

感谢大家的支持,在此提供存放于百度云的完整项目[【高仿微信】- 百度云](https://pan.baidu.com/s/1bpB55Bx)

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

谢谢

## 模仿微信的导航栏
在navigationBar底部添加一个添加了渐变层的view
```swift
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左右排版》](https://juejin.im/post/6844903533507002376)

[《iOS - Swift UICollectionView横向分页的问题》](https://juejin.im/post/6844903533498597384)

## 聊天界面
[《iOS - Swift 仿微信聊天图片显示》](https://juejin.im/post/6844903533511344142)

[《iOS - Swift UITableView的scrollToRow的"坑"》](https://juejin.im/post/6844903533473431560)

[《iOS - Swift UIButton中ImageView的animationImages动画执行完毕后,图标变暗》](https://juejin.im/post/6844903533502791693)

## 首页
[《iOS - Swift 仿微信小红点(无数字)》](https://juejin.im/post/6844903533490208775)

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

## 目前完成的功能
### 微信界面
1. 显示右上角的菜单
2. 显示最近联系人
3. 最近联系人信息未读数的显示

### 通讯录界面
1. 联系人的排序
2. 联系人总数显示

### 发现界面
1. 动态小红点的显示
2. 购物选项的链接跳转

### 我界面
1. 个人头像的上传与设置,及头像的保存
2. 我的二维码界面的显示及二维码的保存

### 聊天界面
1. 小视频的录制与发送
2. 小视频的播放
3. 聊天时间
4. 图片的发送与显示
5. 未发送成功的重发功能
6. 语音的录制与发送
7. 语音的播放动态效果

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

## 2017-07-24 更新
抽空出来添加了一个简单的直播功能(对方需要先进入到对应的聊天界面)
[iOS - 给高仿微信添加直播聊天功能](https://juejin.im/post/6844903533506985997)
需要用到[编译好的B站开源库ijkplayer](https://github.com/LinXunFeng/IJKFramework) ,由于打包好的文件太大,传不上来,所以需要各位去自己编译集成进去。

## 效果图
### 动态图
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/1.gif)
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/2.gif)
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/3.gif)
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/4.gif)
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/5.gif)
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/6.gif)
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/7.gif)
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/8.gif)

### 静态图
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/Snip20170206_1.png)
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/Snip20170214_1.png)
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/Snip20170214_2.png)
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/Snip20170214_3.png)
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/Snip20170214_4.png)
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/Snip20170214_5.png)
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/Snip20170214_6.png)
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/Snip20170214_7.png)
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/Snip20170214_8.png)
![image](https://github.com/LinXunFeng/LXFWeChat/raw/master/Screenshots/Snip20170214_9.png)

## Author

- LinXunFeng
- email: [xunfenghellolo@gmail.com](mailto:xunfenghellolo@gmail.com)
- Blogs: [LinXunFeng‘s Blog](http://linxunfeng.top/) | [掘金](https://juejin.im/user/58f8065e61ff4b006646c72d/posts)

| | | |
| :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: |
| | | |