You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
154 lines
5.0 KiB
154 lines
5.0 KiB
//
|
|
// TabbedView.swift
|
|
// GME Remit
|
|
//
|
|
// Created by Armaan Shrestha on 21/08/2022.
|
|
// Copyright © 2022 Gobal Money Express Co. Ltd. All rights reserved.
|
|
//
|
|
|
|
import UIKit
|
|
|
|
protocol TabbedViewDelegate: AnyObject {
|
|
func didMoveToTab(at index: Int)
|
|
}
|
|
|
|
class TabbedView: UIView {
|
|
|
|
enum SizeConfiguration {
|
|
case fillEqually(height: CGFloat, spacing: CGFloat = 0)
|
|
case fixed(width: CGFloat, height: CGFloat, spacing: CGFloat = 0)
|
|
|
|
var height: CGFloat {
|
|
switch self {
|
|
case let .fillEqually(height, _):
|
|
return height
|
|
case let .fixed(_, height, _):
|
|
return height
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: - Lifecycle
|
|
init(sizeConfiguration: SizeConfiguration,
|
|
tabs: [TabItemProtocol] = []) {
|
|
|
|
self.sizeConfiguration = sizeConfiguration
|
|
self.tabs = tabs
|
|
super.init(frame: .zero)
|
|
|
|
self.setupUI()
|
|
}
|
|
|
|
required init?(coder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
|
|
// MARK: - Properties
|
|
weak var delegate: TabbedViewDelegate?
|
|
|
|
public let sizeConfiguration: SizeConfiguration
|
|
public var tabs: [TabItemProtocol] {
|
|
didSet {
|
|
self.collectionView.reloadData()
|
|
self.tabs[currentlySelectedIndex].onSelected()
|
|
}
|
|
}
|
|
private var currentlySelectedIndex: Int = 0
|
|
|
|
private lazy var collectionView: UICollectionView = {
|
|
let layout = UICollectionViewFlowLayout()
|
|
layout.scrollDirection = .horizontal
|
|
layout.estimatedItemSize = .zero
|
|
let collectionView = UICollectionView(
|
|
frame: .zero,
|
|
collectionViewLayout: layout
|
|
)
|
|
collectionView.backgroundColor = .white
|
|
collectionView.register(TabCollectionViewCell.self, forCellWithReuseIdentifier: "TabCollectionViewCell")
|
|
collectionView.dataSource = self
|
|
collectionView.delegate = self
|
|
collectionView.showsHorizontalScrollIndicator = false
|
|
collectionView.translatesAutoresizingMaskIntoConstraints = false
|
|
return collectionView
|
|
}()
|
|
|
|
// MARK: - Action
|
|
public func moveToTab(at index: Int) {
|
|
self.collectionView.scrollToItem(at: IndexPath(item: index, section: 0), at: .centeredHorizontally, animated: true)
|
|
|
|
self.tabs[currentlySelectedIndex].onNotSelected()
|
|
self.tabs[index].onSelected()
|
|
|
|
self.currentlySelectedIndex = index
|
|
}
|
|
|
|
// MARK: UI Setup
|
|
private func setupUI() {
|
|
self.translatesAutoresizingMaskIntoConstraints = false
|
|
|
|
self.addSubview(collectionView)
|
|
|
|
NSLayoutConstraint.activate([
|
|
collectionView.leftAnchor
|
|
.constraint(equalTo: self.leftAnchor),
|
|
collectionView.topAnchor
|
|
.constraint(equalTo: self.topAnchor),
|
|
collectionView.rightAnchor
|
|
.constraint(equalTo: self.rightAnchor),
|
|
collectionView.bottomAnchor
|
|
.constraint(equalTo: self.bottomAnchor)
|
|
])
|
|
}
|
|
}
|
|
|
|
extension TabbedView: UICollectionViewDelegateFlowLayout {
|
|
|
|
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
|
|
|
|
switch sizeConfiguration {
|
|
case let .fillEqually(height, spacing):
|
|
let totalWidth = self.frame.width
|
|
let widthPerItem = (
|
|
totalWidth - (
|
|
spacing * CGFloat((self.tabs.count + 1))
|
|
)
|
|
) / CGFloat(self.tabs.count)
|
|
|
|
return CGSize(width: widthPerItem,
|
|
height: height)
|
|
|
|
case let .fixed(width, height, spacing):
|
|
return CGSize(width: width - (spacing * 2),
|
|
height: height)
|
|
}
|
|
}
|
|
|
|
func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
|
|
switch sizeConfiguration {
|
|
case let .fillEqually(_, spacing),
|
|
let .fixed(_, _, spacing):
|
|
|
|
return spacing
|
|
}
|
|
}
|
|
}
|
|
|
|
extension TabbedView: UICollectionViewDataSource {
|
|
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
|
|
return tabs.count
|
|
}
|
|
|
|
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
|
|
let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "TabCollectionViewCell", for: indexPath) as! TabCollectionViewCell
|
|
cell.view = tabs[indexPath.row]
|
|
return cell
|
|
}
|
|
}
|
|
|
|
extension TabbedView: UICollectionViewDelegate {
|
|
|
|
func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
|
|
self.moveToTab(at: indexPath.item)
|
|
self.delegate?.didMoveToTab(at: indexPath.item)
|
|
}
|
|
}
|