LXFWeChat: Swift 3.0 — приложение, имитирующее WeChat

Имитация панели навигации WeChat

В нижней части navigationBar добавить представление с градиентным слоем:

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 с горизонтальной прокруткой и компоновкой ячеек» (http://www.jianshu.com/p/18d7d0f5e3e2);
• «iOS — Swift UICollectionView с горизонтальной прокруткой: проблемы» (http://www.jianshu.com/p/60da3b52d64c).

Интерфейс чата

Статьи, описывающие проблемы, с которыми столкнулся автор:

• «iOS — Swift: отображение изображений в чате, имитирующих WeChat» (http://www.jianshu.com/p/4c570cd79bd3);
• «iOS — Swift UITableView: scrollToRow и «подводные камни»» (http://www.jianshu.com/p/aa139463eb4b);
• «iOS — Swift UIButton: анимация изображений в ImageView завершается, значок становится темнее» (http://www.jianshu.com/p/412a2e23b5b6).

Главная страница

Статья, описывающая проблему, с которой столкнулся автор: «iOS — Swift: имитация красных точек WeChat без цифр» (http://www.jianshu.com/p/807cddad469a).

Реализованные функции

• Интерфейс WeChat:
  — отображение меню в правом верхнем углу;
  — отображение списка недавних контактов;
  — индикация количества непрочитанных сообщений для каждого контакта.

• Контакты:
  — сортировка контактов;
  — общее количество контактов.

• Поиск:
  — красные точки для динамических сообщений;
  — ссылки на товары.

• «Я»:
  — загрузка и настройка аватара;
  — сохранение аватара;
  — показ и сохранение QR-кода.

• Чат:
  — запись и отправка коротких видео;
  — воспроизведение коротких видео;
  — время чата;
  — отправка и показ изображений;
  — повторная отправка при неудачной попытке;
  — запись и отправка голосовых сообщений;
  — динамическое воспроизведение голосовых сообщений.

Известные ошибки

После отправки короткого видео или изображения не обновляется отображение эскизов.

Скриншоты

Динамические скриншоты:
1.gif, 2.gif, 3.gif, 4.gif, 5.gif, 6.gif, 7.gif.

Статические скриншоты:
Snip20170206_1.png, Snip20170214_1.png, Snip20170214_2.png, Snip20170214_3.png, Snip20170214_4.png, Snip20170214_5.png, Snip20170214_6.png, Snip20170214_7.png, Snip20170214_8.png, Snip20170214_9.png.