提交

TUIKit/TUIRoomKit/Source/View/Component/QRCodeView.swift

@@ -0,0 +1,249 @@
+//
+//  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")
+    }
+}