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

aoes9061 7年前發布 | 9K 次閱讀 微信 Apple Swift開發

LXFWeChat

Swift 3.0 高仿微信

模仿微信的導航欄

在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)</code></pre>

表情面板和更多面板

遇到的問題總結了一下,可以參考下以下總結的文章

《iOS - Swift UICollectionView橫向分頁滾動,cell左右排版》

《iOS - Swift UICollectionView橫向分頁的問題》

聊天界面

《iOS - Swift 仿微信聊天圖片顯示》

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

《iOS - Swift UIButton中ImageView的animationImages動畫執行完畢后,圖標變暗》

首頁

《iOS - Swift 仿微信小紅點(無數字)》

由于個人原因,近期不怎么有時間去完善該項目,所以先同步上來,待有空繼續去搞定它!

目前完成的功能

微信界面

  1. 顯示右上角的菜單
  2. 顯示最近聯系人
  3. 最近聯系人信息未讀數的顯示

通訊錄界面

  1. 聯系人的排序
  2. 聯系人總數顯示

發現界面

  1. 動態小紅點的顯示
  2. 購物選項的鏈接跳轉

我界面

  1. 個人頭像的上傳與設置,及頭像的保存
  2. 我的二維碼界面的顯示及二維碼的保存

聊天界面

  1. 小視頻的錄制與發送
  2. 小視頻的播放
  3. 聊天時間
  4. 圖片的發送與顯示
  5. 未發送成功的重發功能
  6. 語音的錄制與發送
  7. 語音的播放動態效果

已知BUG

小視頻和圖片發送出去后不能立即更新顯示縮略圖

效果圖

動態圖

靜態圖

 

 本文由用戶 aoes9061 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!