forked from mirrors/linphone-iphone
Add itemViewController in SheetViewController
This commit is contained in:
benoit.martins
QuentinArguillere
parent
368a8e1bf4
commit
3a065eaac8
1 changed files with 268 additions and 0 deletions
|
|
@ -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"
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue