Swift开源:LXFWeChat:Swift 3.0 高仿微信

aoes9061 5年前
   <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>