Add itemViewController in SheetViewController

2026-01-17 11:08:06 +00:00 · 2023-09-06 17:30:07 +02:00 · 2023-09-06 17:30:07 +02:00 · 3a065eaac8
commit 3a065eaac8
parent 368a8e1bf4
1 changed files with 268 additions and 0 deletions
--- a/Classes/Swift/Chat/Views/Fragments/SheetViewController.swift
+++ b/Classes/Swift/Chat/Views/Fragments/SheetViewController.swift
@ -22,7 +22,275 @@ import Foundation
 import linphonesw

 final class SheetViewController: UIViewController {
+    
+    private let collectionHeader = UICollectionView(frame: .zero, collectionViewLayout: UICollectionViewFlowLayout.init())
+    private let collectionPage = UICollectionView(frame: .zero, collectionViewLayout: UICollectionViewFlowLayout.init())
+    private let collectionHeaderIdentifier = "COLLECTION_HEADER_IDENTIFIER"
+    private let collectionPageIdentifier = "COLLECTION_PAGE_IDENTIFIER"
+    private var items = [UIViewController]()
+    private var titles = [String]()
+    private var colorHeaderActive = UIColor.blue
+    private var colorHeaderInActive = UIColor.gray
+    private var colorHeaderBackground = UIColor.white
+    private var currentPosition = 0
+    private var tabStyle = SlidingTabStyle.fixed
+    private let heightHeader = 40
+    
    override func viewDidLoad() {
+        super.viewDidLoad()
+        setupUI()
+    }
+    
+    private func setupUI(){
+        // view
        view.backgroundColor = .white
+        
+        navigationController?.navigationBar.barTintColor = .orange
+        navigationController?.navigationBar.isTranslucent = false
+        navigationController?.navigationBar.shadowImage = UIImage()
+        navigationController?.navigationBar.titleTextAttributes = [NSAttributedString.Key.foregroundColor: UIColor.white]
+        navigationController?.navigationBar.barStyle = .black
+        
+        // slidingTab
+        addItem(item: SimpleItemViewControllerOne(), title: "REACTIONS")
+        addItem(item: SimpleItemViewControllerOne(), title: "❤️")
+        addItem(item: SimpleItemViewControllerOne(), title: "👍")
+        addItem(item: SimpleItemViewControllerOne(), title: "😂")
+        addItem(item: SimpleItemViewControllerOne(), title: "😮")
+        addItem(item: SimpleItemViewControllerOne(), title: "😢")
+        setHeaderActiveColor(color: .orange) // default blue
+        setStyle(style: .fixed) // default fixed
+        build()
+    }
+    
+    func addItem(item: UIViewController, title: String){
+        items.append(item)
+        titles.append(title)
+    }
+    
+    func setHeaderBackgroundColor(color: UIColor){
+        colorHeaderBackground = color
+    }
+    
+    func setHeaderActiveColor(color: UIColor){
+        colorHeaderActive = color
+    }
+    
+    func setHeaderInActiveColor(color: UIColor){
+        colorHeaderInActive = color
+    }
+    
+    func setCurrentPosition(position: Int){
+        currentPosition = position
+        let path = IndexPath(item: currentPosition, section: 0)
+        
+        DispatchQueue.main.async {
+            if self.tabStyle == .flexible {
+                self.collectionHeader.scrollToItem(at: path, at: .centeredHorizontally, animated: true)
+            }
+            
+            self.collectionHeader.reloadData()
+        }
+        
+        DispatchQueue.main.async {
+           self.collectionPage.scrollToItem(at: path, at: .centeredHorizontally, animated: true)
+        }
+    }
+    
+    func setStyle(style: SlidingTabStyle){
+        tabStyle = style
+    }
+    
+    func build(){
+        // view
+        view.addSubview(collectionHeader)
+        view.addSubview(collectionPage)
+        
+        // collectionHeader
+        collectionHeader.translatesAutoresizingMaskIntoConstraints = false
+        collectionHeader.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 40).isActive = true
+        collectionHeader.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
+        collectionHeader.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
+        collectionHeader.heightAnchor.constraint(equalToConstant: CGFloat(heightHeader)).isActive = true
+        (collectionHeader.collectionViewLayout as? UICollectionViewFlowLayout)?.scrollDirection = .horizontal
+        collectionHeader.showsHorizontalScrollIndicator = false
+        collectionHeader.backgroundColor = colorHeaderBackground
+        collectionHeader.register(HeaderCell.self, forCellWithReuseIdentifier: collectionHeaderIdentifier)
+        collectionHeader.delegate = self
+        collectionHeader.dataSource = self
+        collectionHeader.reloadData()
+        
+        // collectionPage
+        collectionPage.translatesAutoresizingMaskIntoConstraints = false
+        collectionPage.topAnchor.constraint(equalTo: collectionHeader.bottomAnchor).isActive = true
+        collectionPage.bottomAnchor.constraint(equalTo: view.bottomAnchor).isActive = true
+        collectionPage.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
+        collectionPage.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
+        collectionPage.backgroundColor = .white
+        collectionPage.showsHorizontalScrollIndicator = false
+        (collectionPage.collectionViewLayout as? UICollectionViewFlowLayout)?.scrollDirection = .horizontal
+        collectionPage.isPagingEnabled = true
+        collectionPage.register(UICollectionViewCell.self, forCellWithReuseIdentifier: collectionPageIdentifier)
+        collectionPage.delegate = self
+        collectionPage.dataSource = self
+        collectionPage.reloadData()
+    }
+    
+    private class HeaderCell: UICollectionViewCell {
+        
+        private let label = UILabel()
+        private let indicator = UIView()
+    
+        var text: String! {
+            didSet {
+                label.text = text
+            }
+        }
+        
+        override init(frame: CGRect) {
+            super.init(frame: frame)
+            setupUI()
+        }
+        
+        required init?(coder aDecoder: NSCoder) {
+            fatalError("init(coder:) has not been implemented")
+        }
+        
+        func select(didSelect: Bool, activeColor: UIColor, inActiveColor: UIColor){
+            indicator.backgroundColor = activeColor
+            
+            if didSelect {
+                label.textColor = activeColor
+                indicator.isHidden = false
+            }else{
+                label.textColor = inActiveColor
+                indicator.isHidden = true
+            }
+        }
+        
+        private func setupUI(){
+            // view
+            self.addSubview(label)
+            self.addSubview(indicator)
+            
+            // label
+            label.translatesAutoresizingMaskIntoConstraints = false
+            label.centerXAnchor.constraint(equalTo: self.centerXAnchor).isActive = true
+            label.centerYAnchor.constraint(equalTo: self.centerYAnchor).isActive = true
+            label.font = UIFont.boldSystemFont(ofSize: 8)
+            
+            // indicator
+            indicator.translatesAutoresizingMaskIntoConstraints = false
+            indicator.bottomAnchor.constraint(equalTo: self.bottomAnchor).isActive = true
+            indicator.leadingAnchor.constraint(equalTo: self.leadingAnchor).isActive = true
+            indicator.trailingAnchor.constraint(equalTo: self.trailingAnchor).isActive = true
+            indicator.heightAnchor.constraint(equalToConstant: 2).isActive = true
+        }
+        
+    }
+    
+}
+
+extension SheetViewController: UICollectionViewDelegate{
+    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
+        setCurrentPosition(position: indexPath.row)
+    }
+    
+    func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
+        if scrollView == collectionPage{
+            let currentIndex = Int(self.collectionPage.contentOffset.x / collectionPage.frame.size.width)
+            setCurrentPosition(position: currentIndex)
+        }
    }
 }
+
+extension SheetViewController: UICollectionViewDataSource{
+    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
+        if collectionView == collectionHeader {
+            return titles.count
+        }
+        
+        return items.count
+    }
+    
+    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
+        if collectionView == collectionHeader {
+            let cell = collectionView.dequeueReusableCell(withReuseIdentifier: collectionHeaderIdentifier, for: indexPath) as! HeaderCell
+            cell.text = titles[indexPath.row]
+            
+            var didSelect = false
+            
+            if currentPosition == indexPath.row {
+                didSelect = true
+            }
+            
+            cell.select(didSelect: didSelect, activeColor: colorHeaderActive, inActiveColor: colorHeaderInActive)
+            
+            return cell
+        }
+        
+        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: collectionPageIdentifier, for: indexPath)
+        let vc = items[indexPath.row]
+        
+        cell.addSubview(vc.view)
+        
+        vc.view.translatesAutoresizingMaskIntoConstraints = false
+        vc.view.topAnchor.constraint(equalTo: cell.topAnchor, constant: 28).isActive = true
+        vc.view.leadingAnchor.constraint(equalTo: cell.leadingAnchor).isActive = true
+        vc.view.trailingAnchor.constraint(equalTo: cell.trailingAnchor).isActive = true
+        vc.view.bottomAnchor.constraint(equalTo: cell.bottomAnchor).isActive = true
+        
+        return cell
+    }
+}
+
+extension SheetViewController: UICollectionViewDelegateFlowLayout{
+    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
+        if collectionView == collectionHeader {
+            if tabStyle == .fixed {
+                let spacer = CGFloat(titles.count)
+                return CGSize(width: view.frame.width / spacer, height: CGFloat(heightHeader))
+            }else{
+                return CGSize(width: view.frame.width * 20 / 100, height: CGFloat(heightHeader))
+            }
+        }
+        
+        return CGSize(width: view.frame.width, height: view.frame.height)
+    }
+    
+    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
+        if collectionView == collectionHeader {
+            return 0
+        }
+        
+        return 0
+    }
+}
+
+enum SlidingTabStyle: String {
+    case fixed
+    case flexible
+}
+
+class SimpleItemViewControllerOne: UIViewController{
+    
+    private let label = UILabel()
+    
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        setupUI()
+    }
+    
+    private func setupUI(){
+        // view
+        view.backgroundColor = .white
+        view.addSubview(label)
+        
+        // label
+        label.translatesAutoresizingMaskIntoConstraints = false
+        label.centerXAnchor.constraint(equalTo: view.centerXAnchor).isActive = true
+        label.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true
+        label.text = "First Controller"
+    }
+    
+}