增加换肤功能
This commit is contained in:
启星
@@ -0,0 +1,260 @@
|
||||
//
|
||||
// JoinInGroupCallView.swift
|
||||
// TUICallKit-Swift
|
||||
//
|
||||
// Created by noah on 2024/1/23.
|
||||
//
|
||||
|
||||
import UIKit
|
||||
import SnapKit
|
||||
import TUICore
|
||||
import TUICallEngine
|
||||
|
||||
let kJoinGroupCallViewDefaultHeight: CGFloat = 52.0
|
||||
let kJoinGroupCallViewExpandHeight: CGFloat = 225.0
|
||||
let kJoinGroupCallItemWidth: CGFloat = 50.0
|
||||
let kJoinGroupCallSpacing: CGFloat = 12.0
|
||||
|
||||
protocol JoinInGroupCallViewDelegate: AnyObject {
|
||||
func updatePageContent(isExpand: Bool)
|
||||
func joinInGroupCall()
|
||||
}
|
||||
|
||||
class JoinInGroupCallView: UIView, UICollectionViewDelegate, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout {
|
||||
|
||||
weak var delegate: JoinInGroupCallViewDelegate?
|
||||
var listDate = Array<User>()
|
||||
|
||||
lazy var bottomContainerView: UIView = {
|
||||
let view = UIView()
|
||||
view.backgroundColor = TUICoreDefineConvert.getTUICallKitDynamicColor(colorKey: "callkit_join_group_bottom_container_bg_color",
|
||||
defaultHex: "#FFFFFF")
|
||||
view.layer.cornerRadius = 6.0
|
||||
view.layer.masksToBounds = true
|
||||
return view
|
||||
}()
|
||||
|
||||
lazy var titleIcon: UIImageView = {
|
||||
let imageView = UIImageView()
|
||||
imageView.image = TUICallKitCommon.getBundleImage(name: "icon_join_group")
|
||||
return imageView
|
||||
}()
|
||||
|
||||
lazy var titleLabel: UILabel = {
|
||||
let label = UILabel(frame: .zero)
|
||||
label.font = UIFont.systemFont(ofSize: 12.0)
|
||||
label.textColor = TUICoreDefineConvert.getTUICallKitDynamicColor(colorKey: "callkit_join_group_title_color", defaultHex: "#999999")
|
||||
label.textAlignment = .left
|
||||
return label
|
||||
}()
|
||||
|
||||
lazy var expandButton: UIButton = {
|
||||
let button = UIButton(type: .custom)
|
||||
button.setImage(TUICallKitCommon.getBundleImage(name: "icon_join_group_expand"), for: .normal)
|
||||
button.setImage(TUICallKitCommon.getBundleImage(name: "icon_join_group_zoom"), for: .selected)
|
||||
button.imageView?.contentMode = .scaleAspectFit
|
||||
return button
|
||||
}()
|
||||
|
||||
lazy var expandView: UIView = {
|
||||
let view = UIView()
|
||||
view.backgroundColor = TUICoreDefineConvert.getTUICallKitDynamicColor(colorKey: "callkit_join_group_expand_bg_color", defaultHex: "#EEF0F2")
|
||||
view.isHidden = true
|
||||
view.layer.cornerRadius = 6.0
|
||||
view.layer.masksToBounds = true
|
||||
return view
|
||||
}()
|
||||
|
||||
lazy var collectionView: UICollectionView = {
|
||||
let flowLayout = UICollectionViewFlowLayout()
|
||||
flowLayout.scrollDirection = .horizontal
|
||||
let collectionView = UICollectionView(frame: .zero, collectionViewLayout: flowLayout)
|
||||
collectionView.delegate = self
|
||||
collectionView.dataSource = self
|
||||
collectionView.showsVerticalScrollIndicator = false
|
||||
collectionView.showsHorizontalScrollIndicator = false
|
||||
collectionView.backgroundColor = .clear
|
||||
return collectionView
|
||||
}()
|
||||
|
||||
lazy var lineView: UIView = {
|
||||
let view = UIView()
|
||||
view.alpha = 0.1
|
||||
view.backgroundColor = TUICoreDefineConvert.getTUICallKitDynamicColor(colorKey: "callkit_join_group_line_color", defaultHex: "#707070")
|
||||
return view
|
||||
}()
|
||||
|
||||
lazy var joinButton: UIButton = {
|
||||
let button = UIButton(type: .custom)
|
||||
button.titleLabel?.font = UIFont(name: "PingFangSC-Semibold", size: 14.0)
|
||||
button.setTitleColor(TUICoreDefineConvert.getTUICallKitDynamicColor(colorKey: "callkit_join_group_button_color", defaultHex: "#333333"),
|
||||
for: .normal)
|
||||
button.setTitle(TUICallKitLocalize(key: "TUICallKit.JoinGroupView.join"), for: .normal)
|
||||
return button
|
||||
}()
|
||||
|
||||
override init(frame: CGRect) {
|
||||
super.init(frame: frame)
|
||||
backgroundColor = TUICoreDefineConvert.getTUICallKitDynamicColor(colorKey: "callkit_join_group_bg_color", defaultHex: "#ECF0F5")
|
||||
self.frame = CGRect(x: 0, y: 0, width: Screen_Width, height: kJoinGroupCallViewDefaultHeight)
|
||||
let tap = UITapGestureRecognizer(target: self, action: #selector(expandButtonClick(sender:)))
|
||||
self.addGestureRecognizer(tap)
|
||||
}
|
||||
|
||||
required init?(coder: NSCoder) {
|
||||
fatalError("init(coder:) has not been implemented")
|
||||
}
|
||||
|
||||
// MARK: UI Specification Processing
|
||||
private var isViewReady: Bool = false
|
||||
override func didMoveToWindow() {
|
||||
super.didMoveToWindow()
|
||||
if isViewReady { return }
|
||||
constructViewHierarchy()
|
||||
activateConstraints()
|
||||
bindInteraction()
|
||||
isViewReady = true
|
||||
}
|
||||
|
||||
func constructViewHierarchy() {
|
||||
addSubview(bottomContainerView)
|
||||
bottomContainerView.addSubview(titleIcon)
|
||||
bottomContainerView.addSubview(titleLabel)
|
||||
bottomContainerView.addSubview(expandButton)
|
||||
bottomContainerView.addSubview(expandView)
|
||||
expandView.addSubview(collectionView)
|
||||
expandView.addSubview(lineView)
|
||||
expandView.addSubview(joinButton)
|
||||
}
|
||||
|
||||
func activateConstraints() {
|
||||
bottomContainerView.snp.makeConstraints { make in
|
||||
make.top.equalTo(self).offset(8)
|
||||
make.leading.equalTo(self).offset(16)
|
||||
make.center.equalTo(self)
|
||||
}
|
||||
titleIcon.snp.makeConstraints { make in
|
||||
make.top.equalTo(bottomContainerView).offset(8)
|
||||
make.leading.equalTo(bottomContainerView).offset(16)
|
||||
make.width.height.equalTo(20)
|
||||
}
|
||||
titleLabel.snp.makeConstraints { make in
|
||||
make.centerY.equalTo(titleIcon)
|
||||
make.leading.equalTo(titleIcon.snp.trailing).offset(10)
|
||||
make.width.equalTo(200)
|
||||
make.height.equalTo(20)
|
||||
}
|
||||
expandButton.snp.makeConstraints { make in
|
||||
make.centerY.equalTo(titleIcon)
|
||||
make.leading.equalTo(titleLabel.snp.trailing).offset(10)
|
||||
make.trailing.equalTo(bottomContainerView).offset(-16)
|
||||
make.width.height.equalTo(30)
|
||||
}
|
||||
expandView.snp.makeConstraints { make in
|
||||
make.top.equalTo(bottomContainerView).offset(36)
|
||||
make.leading.equalTo(bottomContainerView).offset(16)
|
||||
make.trailing.equalTo(bottomContainerView).offset(-16)
|
||||
make.height.equalTo(157)
|
||||
}
|
||||
collectionView.snp.makeConstraints { make in
|
||||
make.top.equalTo(expandView).offset(37)
|
||||
make.leading.equalTo(expandView).offset(10)
|
||||
make.trailing.equalTo(expandView).offset(-10)
|
||||
make.height.equalTo(kJoinGroupCallItemWidth)
|
||||
}
|
||||
lineView.snp.makeConstraints { make in
|
||||
make.top.equalTo(expandView).offset(117)
|
||||
make.leading.trailing.equalTo(self.expandView)
|
||||
make.height.equalTo(1)
|
||||
}
|
||||
joinButton.snp.makeConstraints { make in
|
||||
make.top.equalTo(lineView.snp.bottom).offset(5)
|
||||
make.centerX.equalTo(self.expandView)
|
||||
make.width.equalTo(100)
|
||||
make.height.equalTo(30)
|
||||
}
|
||||
}
|
||||
|
||||
func bindInteraction() {
|
||||
expandButton.addTarget(self, action: #selector(expandButtonClick(sender: )), for: .touchUpInside)
|
||||
joinButton.addTarget(self, action: #selector(joinButtonClick(sender: )), for: .touchUpInside)
|
||||
collectionView.register(JoinInGroupCallUserCell.self,
|
||||
forCellWithReuseIdentifier: String(describing: JoinInGroupCallUserCell.self))
|
||||
}
|
||||
|
||||
@objc func expandButtonClick(sender: UIButton) {
|
||||
expandView.isHidden = expandButton.isSelected
|
||||
expandButton.isSelected = !expandButton.isSelected
|
||||
delegate?.updatePageContent(isExpand: expandButton.isSelected)
|
||||
}
|
||||
|
||||
@objc func joinButtonClick(sender: UIButton) {
|
||||
expandButton.isSelected = false;
|
||||
delegate?.joinInGroupCall()
|
||||
}
|
||||
|
||||
func updateView(with userList: [User], callMediaType: TUICallMediaType) {
|
||||
listDate.removeAll()
|
||||
userList.forEach {
|
||||
obj in if obj.id.value != TUILogin.getUserID() { listDate.append(obj) } }
|
||||
titleLabel.isHidden = listDate.isEmpty
|
||||
titleLabel.text = String(format: TUICallKitLocalize(key: "TUICallKit.JoinGroupView.title") ?? "",
|
||||
listDate.count,
|
||||
getCallMediaTypeStr(with: callMediaType))
|
||||
titleLabel.textAlignment = TUICoreDefineConvert.getIsRTL() ? .right : .left
|
||||
collectionView.reloadData()
|
||||
}
|
||||
|
||||
func getCallMediaTypeStr(with callMediaType: TUICallMediaType) -> String {
|
||||
var callMediaTypeStr: String = ""
|
||||
if callMediaType == .audio {
|
||||
callMediaTypeStr = TUICallKitLocalize(key: "TUICallKit.JoinGroupView.audioCall") ?? ""
|
||||
} else if callMediaType == .video {
|
||||
callMediaTypeStr = TUICallKitLocalize(key: "TUICallKit.JoinGroupView.videoCall") ?? ""
|
||||
}
|
||||
return callMediaTypeStr
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: UICollectionViewDelegate, UICollectionViewDataSource, UICollectionViewDelegateFlowLayout
|
||||
extension JoinInGroupCallView {
|
||||
|
||||
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
|
||||
return listDate.count
|
||||
}
|
||||
|
||||
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
|
||||
let cell = collectionView.dequeueReusableCell(withReuseIdentifier: String(describing: JoinInGroupCallUserCell.self),
|
||||
for: indexPath) as! JoinInGroupCallUserCell
|
||||
let model = listDate[indexPath.item]
|
||||
cell.setModel(user: model)
|
||||
return cell
|
||||
}
|
||||
|
||||
func collectionView(_ collectionView: UICollectionView,
|
||||
layout collectionViewLayout: UICollectionViewLayout,
|
||||
sizeForItemAt indexPath: IndexPath) -> CGSize {
|
||||
return CGSize(width: kJoinGroupCallItemWidth, height: kJoinGroupCallItemWidth)
|
||||
}
|
||||
|
||||
func collectionView(_ collectionView: UICollectionView,
|
||||
layout collectionViewLayout: UICollectionViewLayout,
|
||||
minimumLineSpacingForSectionAt section: Int) -> CGFloat {
|
||||
return kJoinGroupCallSpacing
|
||||
}
|
||||
|
||||
func collectionView(_ collectionView: UICollectionView,
|
||||
layout collectionViewLayout: UICollectionViewLayout,
|
||||
insetForSectionAt section: Int) -> UIEdgeInsets {
|
||||
let totalCellWidth: CGFloat = kJoinGroupCallItemWidth * CGFloat(listDate.count)
|
||||
let totalSpacingWidth: CGFloat = kJoinGroupCallSpacing * (CGFloat(listDate.count - 1) < 0 ? 0 : CGFloat(listDate.count - 1))
|
||||
let leftInset = (CGFloat(collectionView.bounds.size.width) - (totalCellWidth + totalSpacingWidth)) / 2
|
||||
if leftInset > 0 {
|
||||
let rightInset = leftInset
|
||||
let sectionInset = UIEdgeInsets(top: 0, left: leftInset, bottom: 0, right: rightInset)
|
||||
return sectionInset
|
||||
}
|
||||
return UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user