Swift开源:LXFWeChat:Swift 3.0 高仿微信
aoes9061
8年前
<h2>LXFWeChat</h2> <p>Swift 3.0 高仿微信</p> <h2>模仿微信的导航栏</h2> <p>在navigationBar底部添加一个添加了渐变层的view</p> <pre> <code class="language-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)</code></pre> <h2>表情面板和更多面板</h2> <p>遇到的问题总结了一下,可以参考下以下总结的文章</p> <p><a href="/misc/goto?guid=4959737866385150758" rel="nofollow,noindex">《iOS - Swift UICollectionView横向分页滚动,cell左右排版》</a></p> <p><a href="/misc/goto?guid=4959737866481175656" rel="nofollow,noindex">《iOS - Swift UICollectionView横向分页的问题》</a></p> <h2>聊天界面</h2> <p><a href="/misc/goto?guid=4959737866572238985" rel="nofollow,noindex">《iOS - Swift 仿微信聊天图片显示》</a></p> <p><a href="/misc/goto?guid=4959737866657635113" rel="nofollow,noindex">《iOS - Swift UITableView的scrollToRow的"坑"》</a></p> <p><a href="/misc/goto?guid=4959737866749112334" rel="nofollow,noindex">《iOS - Swift UIButton中ImageView的animationImages动画执行完毕后,图标变暗》</a></p> <h2>首页</h2> <p><a href="/misc/goto?guid=4959737866828875952" rel="nofollow,noindex">《iOS - Swift 仿微信小红点(无数字)》</a></p> <p>由于个人原因,近期不怎么有时间去完善该项目,所以先同步上来,待有空继续去搞定它!</p> <h2>目前完成的功能</h2> <h3>微信界面</h3> <ol> <li>显示右上角的菜单</li> <li>显示最近联系人</li> <li>最近联系人信息未读数的显示</li> </ol> <h3>通讯录界面</h3> <ol> <li>联系人的排序</li> <li>联系人总数显示</li> </ol> <h3>发现界面</h3> <ol> <li>动态小红点的显示</li> <li>购物选项的链接跳转</li> </ol> <h3>我界面</h3> <ol> <li>个人头像的上传与设置,及头像的保存</li> <li>我的二维码界面的显示及二维码的保存</li> </ol> <h3>聊天界面</h3> <ol> <li>小视频的录制与发送</li> <li>小视频的播放</li> <li>聊天时间</li> <li>图片的发送与显示</li> <li>未发送成功的重发功能</li> <li>语音的录制与发送</li> <li>语音的播放动态效果</li> </ol> <h2>已知BUG</h2> <p>小视频和图片发送出去后不能立即更新显示缩略图</p> <h2>效果图</h2> <h3>动态图</h3> <p style="text-align:center"><img src="https://simg.open-open.com/show/c352fe8bc74c1ebb283ca0a05f4e94ec.gif"> <img src="https://simg.open-open.com/show/39ba42f9dca0d52037bf3a5478325352.gif"> <img src="https://simg.open-open.com/show/70657a77f447e2b38472c3f693d82ebc.gif"> <img src="https://simg.open-open.com/show/dd06f58c050e3875e4f6b8243d4c76a5.gif"> <img src="https://simg.open-open.com/show/bd2b807c667110c0eb8492e03399f16b.gif"> <img src="https://simg.open-open.com/show/da7c1a2e9684a8dbf5bd7a7354970f96.gif"> <img src="https://simg.open-open.com/show/333ca768e1b8c543c94665052e05f3de.gif"></p> <h3>静态图</h3> <p style="text-align:center"><img src="https://simg.open-open.com/show/45058b43d79c29fb2b81fce027f02bee.png"> <img src="https://simg.open-open.com/show/7226b80e41dc1ece2216d727e820c0e9.png"> <img src="https://simg.open-open.com/show/31e4f9f8a51af7ff0ad074e2f7dab5fb.png"> <img src="https://simg.open-open.com/show/b3c95ae521c714ea480e432a84bfef21.png"> <img src="https://simg.open-open.com/show/88dbcc324c86150dad750485ebbfbce6.png"> <img src="https://simg.open-open.com/show/b607a6b2f76d98859acbe429a59b289b.png"> <img src="https://simg.open-open.com/show/e5ea2cab6da017dcdabcb87b1dad9e2c.png"> <img src="https://simg.open-open.com/show/5a34804940bfa5cec963e5cae6ff5eb6.png"> <img src="https://simg.open-open.com/show/cb469db8cf6e4ae8234748d1342cac97.png"> <img src="https://simg.open-open.com/show/967fc0aa6189d8eea1b1249476a53439.png"></p> <p> </p>