250 lines
8.7 KiB
Swift
250 lines
8.7 KiB
Swift
//
|
|
// QRCodeView.swift
|
|
// TUIRoomKit
|
|
//
|
|
// Created by janejntang on 2023/1/11.
|
|
// Copyright © 2023 Tencent. All rights reserved.
|
|
//
|
|
|
|
import Foundation
|
|
|
|
class QRCodeView: UIView {
|
|
let viewModel: QRCodeViewModel
|
|
|
|
let backButton: UIButton = {
|
|
let button = UIButton()
|
|
button.contentVerticalAlignment = .center
|
|
button.contentHorizontalAlignment = isRTL ? .right : .left
|
|
button.setTitleColor(UIColor(0xADB6CC), for: .normal)
|
|
let image = UIImage(named: "room_back_white", in: tuiRoomKitBundle(), compatibleWith: nil)?.checkOverturn()
|
|
button.setImage(image, for: .normal)
|
|
button.titleLabel?.font = UIFont(name: "PingFangSC-Regular", size: 18)
|
|
button.titleEdgeInsets = UIEdgeInsets(top: 0, left: 25, bottom: 0, right: 0)
|
|
button.imageEdgeInsets = UIEdgeInsets(top: 0, left: 12, bottom: 0, right: 0)
|
|
return button
|
|
}()
|
|
|
|
let middleView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = UIColor(0x2A2D38)
|
|
return view
|
|
}()
|
|
|
|
let titleLabel: UILabel = {
|
|
let label = UILabel()
|
|
label.textColor = UIColor(0xD1D9EC)
|
|
label.font = UIFont(name: "PingFangSC-Regular", size: 28)
|
|
label.textAlignment = .center
|
|
label.backgroundColor = .clear
|
|
label.adjustsFontSizeToFitWidth = true
|
|
return label
|
|
}()
|
|
|
|
let roomIdView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .clear
|
|
return view
|
|
}()
|
|
|
|
let roomIdLabel: UILabel = {
|
|
let label = UILabel()
|
|
label.textColor = UIColor(0xD1D9EC)
|
|
label.font = UIFont(name: "PingFangSC-Regular", size: 20)
|
|
label.adjustsFontSizeToFitWidth = true
|
|
label.textAlignment = .center
|
|
return label
|
|
}()
|
|
|
|
let copyButton: UIButton = {
|
|
let button = UIButton()
|
|
let normalIcon = UIImage(named: "room_copy", in: tuiRoomKitBundle(), compatibleWith: nil)
|
|
button.setImage(normalIcon, for: .normal)
|
|
return button
|
|
}()
|
|
|
|
let qrCodeView: UIView = {
|
|
let view = UIView()
|
|
view.backgroundColor = .white
|
|
return view
|
|
}()
|
|
|
|
let qrCodeImageView: UIImageView = {
|
|
let imageView = UIImageView()
|
|
return imageView
|
|
}()
|
|
|
|
let qrCodeLabel: UILabel = {
|
|
let label = UILabel()
|
|
label.textColor = .black
|
|
label.text = .scanCodeText
|
|
label.textAlignment = .center
|
|
return label
|
|
}()
|
|
|
|
let tencentImageView: UIImageView = {
|
|
let image = UIImage(named: "room_tencent", in: tuiRoomKitBundle(), compatibleWith: nil)
|
|
let imageView = UIImageView(image: image)
|
|
return imageView
|
|
}()
|
|
|
|
let bottomButton: UIButton = {
|
|
let button = UIButton()
|
|
button.backgroundColor = UIColor(0x006CFF)
|
|
button.setTitle(.saveIntoAlbumText, for: .normal)
|
|
button.backgroundColor = UIColor(0x006CFF)
|
|
button.setTitleColor(.white, for: .normal)
|
|
return button
|
|
}()
|
|
|
|
init(viewModel: QRCodeViewModel) {
|
|
self.viewModel = viewModel
|
|
super.init(frame: .zero)
|
|
}
|
|
|
|
required init?(coder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
|
|
private var isViewReady: Bool = false
|
|
override func didMoveToWindow() {
|
|
super.didMoveToWindow()
|
|
guard !isViewReady else { return }
|
|
constructViewHierarchy()
|
|
activateConstraints()
|
|
bindInteraction()
|
|
isViewReady = true
|
|
}
|
|
|
|
override func draw(_ rect: CGRect) {
|
|
super.draw(rect)
|
|
middleView.roundedRect(rect: middleView.bounds,
|
|
byRoundingCorners: [.topLeft, .topRight, .bottomLeft, .bottomRight],
|
|
cornerRadii: CGSize(width: 12, height: 12))
|
|
qrCodeView.roundedRect(rect: qrCodeView.bounds,
|
|
byRoundingCorners: [.topLeft, .topRight, .bottomLeft, .bottomRight],
|
|
cornerRadii: CGSize(width: 12, height: 12))
|
|
bottomButton.roundedRect(rect: bottomButton.bounds,
|
|
byRoundingCorners: [.topLeft, .topRight, .bottomLeft, .bottomRight],
|
|
cornerRadii: CGSize(width: 12, height: 12))
|
|
}
|
|
|
|
func constructViewHierarchy() {
|
|
addSubview(backButton)
|
|
addSubview(middleView)
|
|
addSubview(bottomButton)
|
|
middleView.addSubview(titleLabel)
|
|
middleView.addSubview(roomIdView)
|
|
middleView.addSubview(qrCodeView)
|
|
middleView.addSubview(tencentImageView)
|
|
roomIdView.addSubview(roomIdLabel)
|
|
roomIdView.addSubview(copyButton)
|
|
qrCodeView.addSubview(qrCodeImageView)
|
|
qrCodeView.addSubview(qrCodeLabel)
|
|
}
|
|
|
|
func activateConstraints() {
|
|
backButton.snp.makeConstraints { make in
|
|
make.leading.equalToSuperview()
|
|
make.top.equalTo(safeAreaLayoutGuide.snp.top)
|
|
make.height.equalTo(20)
|
|
make.width.equalTo(200)
|
|
}
|
|
middleView.snp.makeConstraints { make in
|
|
make.leading.equalToSuperview().offset(12.scale375())
|
|
make.trailing.equalToSuperview().offset(-12.scale375())
|
|
make.height.equalTo(399.scale375())
|
|
make.centerY.equalToSuperview()
|
|
}
|
|
titleLabel.snp.makeConstraints { make in
|
|
make.top.equalToSuperview().offset(24.scale375())
|
|
make.height.equalTo(30.scale375())
|
|
make.width.equalToSuperview()
|
|
}
|
|
roomIdView.snp.makeConstraints { make in
|
|
make.top.equalTo(titleLabel.snp.bottom).offset(4.scale375())
|
|
make.width.equalTo(120.scale375())
|
|
make.centerX.equalToSuperview()
|
|
make.height.equalTo(22.scale375())
|
|
}
|
|
roomIdLabel.snp.makeConstraints { make in
|
|
make.leading.equalToSuperview()
|
|
make.height.equalToSuperview()
|
|
make.width.equalTo(80.scale375())
|
|
}
|
|
copyButton.snp.makeConstraints { make in
|
|
make.leading.equalTo(roomIdLabel.snp.trailing).offset(3)
|
|
make.centerY.equalToSuperview()
|
|
make.width.height.equalTo(22.scale375())
|
|
}
|
|
qrCodeView.snp.makeConstraints { make in
|
|
make.top.equalTo(roomIdView.snp.bottom).offset(10)
|
|
make.centerX.equalToSuperview()
|
|
make.width.equalTo(210.scale375())
|
|
make.height.equalTo(242.scale375())
|
|
}
|
|
qrCodeImageView.snp.makeConstraints { make in
|
|
make.width.height.equalTo(162.scale375())
|
|
make.top.equalToSuperview().offset(24.scale375())
|
|
make.centerX.equalToSuperview()
|
|
}
|
|
qrCodeLabel.snp.makeConstraints { make in
|
|
make.width.equalToSuperview()
|
|
make.height.equalTo(20.scale375())
|
|
make.top.equalTo(qrCodeImageView.snp.bottom).offset(24.scale375())
|
|
}
|
|
tencentImageView.snp.makeConstraints { make in
|
|
make.top.equalTo(qrCodeView.snp.bottom).offset(20.scale375())
|
|
make.centerX.equalToSuperview()
|
|
make.width.equalTo(86.scale375())
|
|
make.height.equalTo(23.scale375())
|
|
}
|
|
bottomButton.snp.makeConstraints { make in
|
|
make.width.equalTo(200.scale375())
|
|
make.height.equalTo(52.scale375())
|
|
make.centerX.equalToSuperview()
|
|
make.bottom.equalToSuperview().offset(-30.scale375())
|
|
}
|
|
|
|
}
|
|
|
|
func bindInteraction() {
|
|
setupViewState()
|
|
backButton.addTarget(self, action: #selector(backAction(sender:)), for: .touchUpInside)
|
|
copyButton.addTarget(self, action: #selector(copyAction(sender:)), for: .touchUpInside)
|
|
bottomButton.addTarget(self, action: #selector(saveIntoAlbumAction(sender:)), for: .touchUpInside)
|
|
}
|
|
|
|
func setupViewState() {
|
|
backgroundColor = UIColor(0x17181F)
|
|
titleLabel.text = viewModel.store.roomInfo.name
|
|
roomIdLabel.text = viewModel.store.roomInfo.roomId
|
|
viewModel.createQRCodeImageView(url: viewModel.urlString, imageView: qrCodeImageView)
|
|
}
|
|
|
|
@objc func backAction(sender: UIButton) {
|
|
viewModel.backAction()
|
|
}
|
|
|
|
@objc func copyAction(sender: UIButton) {
|
|
viewModel.copyAction(sender: sender, text: roomIdLabel.text ?? "")
|
|
}
|
|
|
|
@objc func saveIntoAlbumAction(sender: UIButton) {
|
|
guard let image = qrCodeImageView.image else { return }
|
|
viewModel.saveIntoAlbumAction(sender: sender, image: image)
|
|
}
|
|
|
|
deinit {
|
|
debugPrint("deinit \(self)")
|
|
}
|
|
}
|
|
|
|
private extension String {
|
|
static var scanCodeText: String {
|
|
localized("Scan the code to enter the conference")
|
|
}
|
|
static var saveIntoAlbumText: String {
|
|
localized("Save into the album")
|
|
}
|
|
}
|