mirror of
https://github.com/material-components/material-components-ios.git
synced 2026-02-20 08:27:32 +08:00
This change is to help us fix a client-blocking bug by providing an example that reproduces the issue in #5412
217 lines
6.6 KiB
Swift
217 lines
6.6 KiB
Swift
// Copyright 2018-present the Material Components for iOS authors. All Rights Reserved.
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
|
|
import UIKit
|
|
import CoreGraphics
|
|
|
|
import MaterialComponents.MaterialColorScheme
|
|
import MaterialComponents.MaterialAppBar
|
|
import MaterialComponents.MaterialAppBar_ColorThemer
|
|
import MaterialComponents.MaterialAppBar_TypographyThemer
|
|
import MaterialComponents.MaterialTabs
|
|
import MaterialComponents.MaterialTypographyScheme
|
|
import MaterialComponents.MaterialFlexibleHeader_CanAlwaysExpandToMaximumHeight
|
|
|
|
// This example demonstrates the issue found in GitHub issue #5412
|
|
class AppBarJumpExample: UIViewController {
|
|
|
|
lazy var appBarViewController: MDCAppBarViewController = self.makeAppBar()
|
|
var colorScheme = MDCSemanticColorScheme()
|
|
var typographyScheme = MDCTypographyScheme()
|
|
|
|
fileprivate let firstTab = SimpleTableViewController()
|
|
fileprivate let secondTab = SimpleTableViewController()
|
|
private var currentTab: SimpleTableViewController? = nil
|
|
|
|
lazy var tabBar: MDCTabBar = {
|
|
let tabBar = MDCTabBar()
|
|
|
|
tabBar.items = [
|
|
UITabBarItem(title: "First", image: nil, tag:0),
|
|
UITabBarItem(title: "Second", image: nil, tag:1)
|
|
]
|
|
|
|
tabBar.delegate = self
|
|
return tabBar
|
|
}()
|
|
|
|
override init(nibName nibNameOrNil: String?, bundle nibBundleOrNil: Bundle?) {
|
|
super.init(nibName: nibNameOrNil, bundle: nibBundleOrNil)
|
|
|
|
self.title = "Tab Bar Example"
|
|
self.firstTab.title = "First"
|
|
self.secondTab.title = "Second"
|
|
}
|
|
|
|
required init?(coder aDecoder: NSCoder) {
|
|
fatalError("init(coder:) has not been implemented")
|
|
}
|
|
|
|
override func viewDidLoad() {
|
|
super.viewDidLoad()
|
|
|
|
MDCAppBarColorThemer.applyColorScheme(colorScheme, to: appBarViewController)
|
|
MDCAppBarTypographyThemer.applyTypographyScheme(typographyScheme, to: appBarViewController)
|
|
|
|
// Need to update the status bar style after applying the theme.
|
|
setNeedsStatusBarAppearanceUpdate()
|
|
|
|
view.backgroundColor = colorScheme.backgroundColor
|
|
view.addSubview(appBarViewController.view)
|
|
appBarViewController.didMove(toParentViewController: self)
|
|
|
|
switchToTab(firstTab)
|
|
}
|
|
|
|
fileprivate func switchToTab(_ tab: SimpleTableViewController) {
|
|
|
|
appBarViewController.headerView.trackingScrollWillChange(toScroll: tab.tableView)
|
|
|
|
if let currentTab = currentTab {
|
|
currentTab.headerView = nil
|
|
currentTab.willMove(toParentViewController: nil)
|
|
currentTab.view.removeFromSuperview()
|
|
currentTab.removeFromParentViewController()
|
|
}
|
|
|
|
if let tabView = tab.view {
|
|
tabView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
|
|
tabView.frame = view.bounds
|
|
}
|
|
|
|
view.addSubview(tab.view)
|
|
view.sendSubview(toBack: tab.view)
|
|
tab.didMove(toParentViewController: self)
|
|
|
|
tab.headerView = appBarViewController.headerView
|
|
|
|
appBarViewController.headerView.trackingScrollView = tab.tableView
|
|
currentTab = tab
|
|
}
|
|
|
|
@objc func changeAlignmentDidTouch(sender: UIButton) {
|
|
firstTab.title = "First"
|
|
switchToTab(firstTab)
|
|
}
|
|
|
|
@objc func changeAppearance(fromSender sender: UIButton) {
|
|
secondTab.title = "Second"
|
|
switchToTab(secondTab)
|
|
}
|
|
|
|
// MARK: Private
|
|
|
|
private func makeAppBar() -> MDCAppBarViewController {
|
|
let appBarViewController = MDCAppBarViewController()
|
|
|
|
addChildViewController(appBarViewController)
|
|
|
|
// Give the tab bar enough height to accomodate all possible item appearances.
|
|
appBarViewController.headerView.minMaxHeightIncludesSafeArea = false
|
|
appBarViewController.inferTopSafeAreaInsetFromViewController = true
|
|
appBarViewController.headerView.canAlwaysExpandToMaximumHeight = true
|
|
appBarViewController.headerView.sharedWithManyScrollViews = true
|
|
|
|
appBarViewController.headerView.minimumHeight = 56
|
|
appBarViewController.headerView.maximumHeight = 128
|
|
|
|
appBarViewController.headerStackView.bottomBar = tabBar
|
|
|
|
return appBarViewController
|
|
}
|
|
|
|
override var childViewControllerForStatusBarStyle: UIViewController? {
|
|
return appBarViewController
|
|
}
|
|
}
|
|
|
|
extension AppBarJumpExample: MDCTabBarDelegate {
|
|
func tabBar(_ tabBar: MDCTabBar, didSelect item: UITabBarItem) {
|
|
if item.tag == 0 {
|
|
switchToTab(firstTab)
|
|
} else {
|
|
switchToTab(secondTab)
|
|
}
|
|
}
|
|
}
|
|
|
|
extension AppBarJumpExample {
|
|
|
|
class func catalogMetadata() -> [String: Any] {
|
|
return [
|
|
"breadcrumbs": ["App Bar", "Manual Tabs Jump"],
|
|
"primaryDemo": false,
|
|
"presentable": false,
|
|
]
|
|
}
|
|
|
|
func catalogShouldHideNavigation() -> Bool {
|
|
return true
|
|
}
|
|
}
|
|
|
|
fileprivate class SimpleTableViewController: UIViewController {
|
|
|
|
var tableView = UITableView(frame: CGRect(), style: .plain)
|
|
|
|
var headerView: MDCFlexibleHeaderView?
|
|
|
|
override func viewDidLoad() {
|
|
super.viewDidLoad()
|
|
|
|
self.view.addSubview(tableView)
|
|
self.tableView.frame = self.view.bounds
|
|
|
|
tableView.register(UITableViewCell.self, forCellReuseIdentifier: "Cell")
|
|
tableView.delegate = self
|
|
tableView.dataSource = self
|
|
}
|
|
}
|
|
|
|
extension SimpleTableViewController: UITableViewDataSource {
|
|
|
|
func numberOfSections(in tableView: UITableView) -> Int {
|
|
return 1
|
|
}
|
|
|
|
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
|
|
return 100
|
|
}
|
|
}
|
|
|
|
extension SimpleTableViewController: UITableViewDelegate {
|
|
|
|
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
|
|
let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
|
|
cell.textLabel!.text = "\(title!): Row \(indexPath.item)"
|
|
return cell
|
|
}
|
|
|
|
func scrollViewDidScroll(_ scrollView: UIScrollView) {
|
|
headerView?.trackingScrollDidScroll()
|
|
}
|
|
|
|
func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) {
|
|
headerView?.trackingScrollDidEndDecelerating()
|
|
}
|
|
|
|
func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) {
|
|
headerView?.trackingScrollWillEndDragging(withVelocity: velocity, targetContentOffset: targetContentOffset)
|
|
}
|
|
|
|
func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) {
|
|
headerView?.trackingScrollDidEndDraggingWillDecelerate(decelerate)
|
|
}
|
|
}
|