// CAPSPageMenu.swift // // Niklas Fahl // // Copyright (c) 2014 The Board of Trustees of The University of Alabama All rights reserved. // // Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met: // // Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer. // // Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution. // // Neither the name of the University nor the names of the contributors may be used to endorse or promote products derived from this software without specific prior written permission. // // THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A // PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, // PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING // NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. import UIKit @objc public protocol CAPSPageMenuDelegate { // MARK: - Delegate functions @objc optional func willMoveToPage(_ controller: UIViewController, index: Int) @objc optional func didMoveToPage(_ controller: UIViewController, index: Int) } class MenuItemView: UIView { // MARK: - Menu item view var titleLabel : UILabel? var menuItemSeparator : UIView? func setUpMenuItemView(_ menuItemWidth: CGFloat, menuScrollViewHeight: CGFloat, indicatorHeight: CGFloat, separatorPercentageHeight: CGFloat, separatorWidth: CGFloat, separatorRoundEdges: Bool, menuItemSeparatorColor: UIColor) { titleLabel = UILabel(frame: CGRect(x: 0.0, y: 0.0, width: menuItemWidth, height: menuScrollViewHeight - indicatorHeight)) menuItemSeparator = UIView(frame: CGRect(x: menuItemWidth - (separatorWidth / 2), y: floor(menuScrollViewHeight * ((1.0 - separatorPercentageHeight) / 2.0)), width: separatorWidth, height: floor(menuScrollViewHeight * separatorPercentageHeight))) menuItemSeparator!.backgroundColor = menuItemSeparatorColor if separatorRoundEdges { menuItemSeparator!.layer.cornerRadius = menuItemSeparator!.frame.width / 2 } menuItemSeparator!.isHidden = true self.addSubview(menuItemSeparator!) self.addSubview(titleLabel!) } func setTitleText(_ text: NSString) { if titleLabel != nil { titleLabel!.text = text as String titleLabel!.numberOfLines = 0 titleLabel!.sizeToFit() } } } public enum CAPSPageMenuOption { case selectionIndicatorBottomOffset(CGFloat) case selectionIndicatorHeight(CGFloat) case menuItemSeparatorWidth(CGFloat) case scrollMenuBackgroundColor(UIColor) case viewBackgroundColor(UIColor) case bottomMenuHairlineColor(UIColor) case selectionIndicatorColor(UIColor) case menuItemSeparatorColor(UIColor) case menuMargin(CGFloat) case menuItemMargin(CGFloat) case menuHeight(CGFloat) case selectedMenuItemLabelColor(UIColor) case unselectedMenuItemLabelColor(UIColor) case useMenuLikeSegmentedControl(Bool) case menuItemSeparatorRoundEdges(Bool) case menuItemFont(UIFont) case selectedMenuItemFont(UIFont) case menuItemSeparatorPercentageHeight(CGFloat) case menuItemWidth(CGFloat) case enableHorizontalBounce(Bool) case addBottomMenuHairline(Bool) case enableMenuBarTapReset(Bool) case menuItemWidthBasedOnTitleTextWidth(Bool) case titleTextSizeBasedOnMenuItemWidth(Bool) case scrollAnimationDurationOnMenuItemTap(Int) case centerMenuItems(Bool) case hideTopMenuBar(Bool) case menuShadowRadius(CGFloat) case menuShadowOpacity(Float) case menuShadowColor(UIColor) case menuShadowOffset(CGFloat) case addBottomMenuShadow(Bool) case iconIndicator(Bool) case iconIndicatorView(UIView) case showStepperView(Bool) case kerning(CGFloat) } open class CAPSPageMenu: UIViewController, UIScrollViewDelegate, UIGestureRecognizerDelegate { // MARK: - Properties let menuScrollView = UIScrollView() public let controllerScrollView = UIScrollView() var controllerArray : [UIViewController] = [] var menuItems : [MenuItemView] = [] var menuItemWidths : [CGFloat] = [] open var menuHeight : CGFloat = 34.0 open var menuMargin : CGFloat = 15.0 open var menuItemWidth : CGFloat = 111.0 open var selectionIndicatorBottomOffset : CGFloat = 0.0 open var selectionIndicatorHeight : CGFloat = 3.0 var totalMenuItemWidthIfDifferentWidths : CGFloat = 0.0 open var scrollAnimationDurationOnMenuItemTap : Int = 500 // Millisecons var startingMenuMargin : CGFloat = 0.0 var menuItemMargin : CGFloat = 0.0 open var kerning: CGFloat = 0.0 var iconIndicator:Bool = false var selectionIndicatorCustomView: UIView? var selectionIndicatorView : UIView = UIView() var stepperView : UIView = UIView() var currentPageIndex : Int = 0 var lastPageIndex : Int = 0 open var selectionIndicatorColor : UIColor = UIColor.white open var selectedMenuItemLabelColor : UIColor = UIColor.white open var unselectedMenuItemLabelColor : UIColor = UIColor.lightGray open var scrollMenuBackgroundColor : UIColor = UIColor.black open var viewBackgroundColor : UIColor = UIColor.white open var bottomMenuHairlineColor : UIColor = UIColor.white open var menuItemSeparatorColor : UIColor = UIColor.lightGray open var menuItemFont : UIFont = UIFont.systemFont(ofSize: 15.0) private var _selectedMenuItemFont: UIFont? = nil open var selectedMenuItemFont : UIFont { get { return _selectedMenuItemFont ?? menuItemFont } set { _selectedMenuItemFont = newValue } } open var menuItemSeparatorPercentageHeight : CGFloat = 0.2 open var menuItemSeparatorWidth : CGFloat = 0.5 open var menuItemSeparatorRoundEdges : Bool = false open var addBottomMenuHairline : Bool = true open var menuItemWidthBasedOnTitleTextWidth : Bool = false open var titleTextSizeBasedOnMenuItemWidth : Bool = false open var useMenuLikeSegmentedControl : Bool = false open var centerMenuItems : Bool = false open var enableHorizontalBounce : Bool = true open var hideTopMenuBar : Bool = false open var showStepperView : Bool = false open var enableMenuBarTapReset : Bool = true public var menuShadowRadius : CGFloat = 0 public var menuShadowOpacity : Float = 0 public var menuShadowColor : UIColor = UIColor.white public var menuShadowOffset : CGFloat = 0 public var addBottomMenuShadow : Bool = false var currentOrientationIsPortrait : Bool = true var pageIndexForOrientationChange : Int = 0 var didLayoutSubviewsAfterRotation : Bool = false var didScrollAlready : Bool = false var lastControllerScrollViewContentOffset : CGFloat = 0.0 var lastScrollDirection : CAPSPageMenuScrollDirection = .other var startingPageForScroll : Int = 0 var didTapMenuItemToScroll : Bool = false var pagesAddedDictionary : [Int : Int] = [:] open weak var delegate : CAPSPageMenuDelegate? var tapTimer : Timer? enum CAPSPageMenuScrollDirection : Int { case left case right case other } // MARK: - View life cycle /** Initialize PageMenu with view controllers :parameter viewControllers: List of view controllers that must be subclasses of UIViewController :parameter frame: Frame for page menu view :parameter options: Dictionary holding any customization options user might want to set */ public init(viewControllers: [UIViewController], frame: CGRect, options: [String: AnyObject]?) { super.init(nibName: nil, bundle: nil) controllerArray = viewControllers self.view.frame = frame } public convenience init(viewControllers: [UIViewController], frame: CGRect, pageMenuOptions: [CAPSPageMenuOption]?) { self.init(viewControllers:viewControllers, frame:frame, options:nil) if let options = pageMenuOptions { for option in options { switch (option) { case let .selectionIndicatorBottomOffset(value): selectionIndicatorBottomOffset = value case let .selectionIndicatorHeight(value): selectionIndicatorHeight = value case let .menuItemSeparatorWidth(value): menuItemSeparatorWidth = value case let .scrollMenuBackgroundColor(value): scrollMenuBackgroundColor = value case let .viewBackgroundColor(value): viewBackgroundColor = value case let .bottomMenuHairlineColor(value): bottomMenuHairlineColor = value case let .selectionIndicatorColor(value): selectionIndicatorColor = value case let .menuItemSeparatorColor(value): menuItemSeparatorColor = value case let .menuMargin(value): menuMargin = value case let .menuItemMargin(value): menuItemMargin = value case let .menuHeight(value): menuHeight = value case let .selectedMenuItemLabelColor(value): selectedMenuItemLabelColor = value case let .unselectedMenuItemLabelColor(value): unselectedMenuItemLabelColor = value case let .useMenuLikeSegmentedControl(value): useMenuLikeSegmentedControl = value case let .menuItemSeparatorRoundEdges(value): menuItemSeparatorRoundEdges = value case let .menuItemFont(value): menuItemFont = value case let .selectedMenuItemFont(value): selectedMenuItemFont = value case let .menuItemSeparatorPercentageHeight(value): menuItemSeparatorPercentageHeight = value case let .menuItemWidth(value): menuItemWidth = value case let .enableHorizontalBounce(value): enableHorizontalBounce = value case let .addBottomMenuHairline(value): addBottomMenuHairline = value case let .enableMenuBarTapReset(value): enableMenuBarTapReset = value case let .menuItemWidthBasedOnTitleTextWidth(value): menuItemWidthBasedOnTitleTextWidth = value case let .titleTextSizeBasedOnMenuItemWidth(value): titleTextSizeBasedOnMenuItemWidth = value case let .scrollAnimationDurationOnMenuItemTap(value): scrollAnimationDurationOnMenuItemTap = value case let .centerMenuItems(value): centerMenuItems = value case let .hideTopMenuBar(value): hideTopMenuBar = value case let .menuShadowRadius(value): menuShadowRadius = value case let .menuShadowOpacity(value): menuShadowOpacity = value case let .menuShadowColor(value): menuShadowColor = value case let .menuShadowOffset(value): menuShadowOffset = value case let .addBottomMenuShadow(value): addBottomMenuShadow = value case let .iconIndicator(value): iconIndicator = value case let .iconIndicatorView(value): selectionIndicatorCustomView = value case let .showStepperView(value): showStepperView = value case let .kerning(value): kerning = value } } if hideTopMenuBar { addBottomMenuHairline = false menuHeight = 0.0 addBottomMenuShadow = false } } setUpUserInterface() if menuScrollView.subviews.count == 0 { configureUserInterface() } if iconIndicator { moveSelectionIndicator(currentPageIndex) } } required public init?(coder aDecoder: NSCoder) { super.init(coder: aDecoder) } // MARK: - Container View Controller open override var shouldAutomaticallyForwardAppearanceMethods : Bool { return true } open override func shouldAutomaticallyForwardRotationMethods() -> Bool { return true } // MARK: - UI Setup func setUpUserInterface() { let viewsDictionary = ["menuScrollView":menuScrollView, "controllerScrollView":controllerScrollView] // Set up controller scroll view controllerScrollView.isPagingEnabled = true controllerScrollView.translatesAutoresizingMaskIntoConstraints = false controllerScrollView.alwaysBounceHorizontal = enableHorizontalBounce controllerScrollView.bounces = enableHorizontalBounce controllerScrollView.frame = CGRect(x: 0.0, y: menuHeight, width: self.view.frame.width, height: self.view.frame.height) self.view.addSubview(controllerScrollView) let controllerScrollView_constraint_H:Array = NSLayoutConstraint.constraints(withVisualFormat: "H:|[controllerScrollView]|", options: NSLayoutConstraint.FormatOptions(rawValue: 0), metrics: nil, views: viewsDictionary) let controllerScrollView_constraint_V:Array = NSLayoutConstraint.constraints(withVisualFormat: "V:|[controllerScrollView]|", options: NSLayoutConstraint.FormatOptions(rawValue: 0), metrics: nil, views: viewsDictionary) self.view.addConstraints(controllerScrollView_constraint_H) self.view.addConstraints(controllerScrollView_constraint_V) // Set up menu scroll view menuScrollView.translatesAutoresizingMaskIntoConstraints = false menuScrollView.frame = CGRect(x: 0.0, y: 0.0, width: self.view.frame.width, height: menuHeight) self.view.addSubview(menuScrollView) let menuScrollView_constraint_H:Array = NSLayoutConstraint.constraints(withVisualFormat: "H:|[menuScrollView]|", options: NSLayoutConstraint.FormatOptions(rawValue: 0), metrics: nil, views: viewsDictionary) let menuScrollView_constraint_V:Array = NSLayoutConstraint.constraints(withVisualFormat: "V:[menuScrollView(\(menuHeight))]", options: NSLayoutConstraint.FormatOptions(rawValue: 0), metrics: nil, views: viewsDictionary) self.view.addConstraints(menuScrollView_constraint_H) self.view.addConstraints(menuScrollView_constraint_V) // Add hairline to menu scroll view if addBottomMenuHairline { let menuBottomHairline : UIView = UIView() menuBottomHairline.translatesAutoresizingMaskIntoConstraints = false self.view.addSubview(menuBottomHairline) let menuBottomHairline_constraint_H:Array = NSLayoutConstraint.constraints(withVisualFormat: "H:|[menuBottomHairline]|", options: NSLayoutConstraint.FormatOptions(rawValue: 0), metrics: nil, views: ["menuBottomHairline":menuBottomHairline]) let menuBottomHairline_constraint_V:Array = NSLayoutConstraint.constraints(withVisualFormat: "V:|-\(menuHeight)-[menuBottomHairline(0.5)]", options: NSLayoutConstraint.FormatOptions(rawValue: 0), metrics: nil, views: ["menuBottomHairline":menuBottomHairline]) self.view.addConstraints(menuBottomHairline_constraint_H) self.view.addConstraints(menuBottomHairline_constraint_V) menuBottomHairline.backgroundColor = bottomMenuHairlineColor } if addBottomMenuShadow { menuScrollView.layer.shadowColor = menuShadowColor.cgColor menuScrollView.layer.shadowRadius = menuShadowRadius menuScrollView.layer.shadowOpacity = menuShadowOpacity menuScrollView.layer.shadowOffset = CGSize(width:0, height:menuShadowOffset) menuScrollView.layer.masksToBounds = true } // Disable scroll bars menuScrollView.showsHorizontalScrollIndicator = false menuScrollView.showsVerticalScrollIndicator = false controllerScrollView.showsHorizontalScrollIndicator = false controllerScrollView.showsVerticalScrollIndicator = false // Set background color behind scroll views and for menu scroll view self.view.backgroundColor = viewBackgroundColor menuScrollView.backgroundColor = scrollMenuBackgroundColor } func configureUserInterface() { // Add tap gesture recognizer to controller scroll view to recognize menu item selection let menuItemTapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(CAPSPageMenu.handleMenuItemTap(_:))) menuItemTapGestureRecognizer.numberOfTapsRequired = 1 menuItemTapGestureRecognizer.numberOfTouchesRequired = 1 menuItemTapGestureRecognizer.delegate = self menuScrollView.addGestureRecognizer(menuItemTapGestureRecognizer) // Set delegate for controller scroll view controllerScrollView.delegate = self // When the user taps the status bar, the scroll view beneath the touch which is closest to the status bar will be scrolled to top, // but only if its `scrollsToTop` property is YES, its delegate does not return NO from `shouldScrollViewScrollToTop`, and it is not already at the top. // If more than one scroll view is found, none will be scrolled. // Disable scrollsToTop for menu and controller scroll views so that iOS finds scroll views within our pages on status bar tap gesture. menuScrollView.scrollsToTop = false; controllerScrollView.scrollsToTop = false; // Configure menu scroll view if useMenuLikeSegmentedControl { menuScrollView.isScrollEnabled = false menuScrollView.contentSize = CGSize(width: self.view.frame.width, height: menuHeight) menuMargin = 0.0 } else { menuScrollView.contentSize = CGSize(width: (menuItemWidth + menuMargin) * CGFloat(controllerArray.count) + menuMargin, height: menuHeight) } // Configure controller scroll view content size controllerScrollView.contentSize = CGSize(width: self.view.frame.width * CGFloat(controllerArray.count), height: 0.0) var index : CGFloat = 0.0 for controller in controllerArray { if index == 0.0 { // Add first two controllers to scrollview and as child view controller addPageAtIndex(0) } // Set up menu item for menu scroll view var menuItemFrame : CGRect = CGRect() if useMenuLikeSegmentedControl { //**************************拡張************************************* if menuItemMargin > 0 { let marginSum = menuItemMargin * CGFloat(controllerArray.count + 1) let menuItemWidth = (self.view.frame.width - marginSum) / CGFloat(controllerArray.count) menuItemFrame = CGRect(x: CGFloat(menuItemMargin * (index + 1)) + menuItemWidth * CGFloat(index), y: 0.0, width: CGFloat(self.view.frame.width) / CGFloat(controllerArray.count), height: menuHeight) } else { menuItemFrame = CGRect(x: self.view.frame.width / CGFloat(controllerArray.count) * CGFloat(index), y: 0.0, width: CGFloat(self.view.frame.width) / CGFloat(controllerArray.count), height: menuHeight) } //**************************拡張ここまで************************************* } else if menuItemWidthBasedOnTitleTextWidth { let controllerTitle : String? = controller.title let titleText : String = controllerTitle != nil ? controllerTitle! : "Menu \(Int(index) + 1)" let itemWidthRect : CGRect = (titleText as NSString).boundingRect(with: CGSize(width: 1000, height: 1000), options: NSStringDrawingOptions.usesLineFragmentOrigin, attributes: [NSAttributedString.Key.font:menuItemFont], context: nil) menuItemWidth = itemWidthRect.width menuItemFrame = CGRect(x: totalMenuItemWidthIfDifferentWidths + menuMargin + (menuMargin * index), y: 0.0, width: menuItemWidth, height: menuHeight) totalMenuItemWidthIfDifferentWidths += itemWidthRect.width menuItemWidths.append(itemWidthRect.width) } else { if centerMenuItems && index == 0.0 { startingMenuMargin = ((self.view.frame.width - ((CGFloat(controllerArray.count) * menuItemWidth) + (CGFloat(controllerArray.count - 1) * menuMargin))) / 2.0) - menuMargin if startingMenuMargin < 0.0 { startingMenuMargin = 0.0 } menuItemFrame = CGRect(x: startingMenuMargin + menuMargin, y: 0.0, width: menuItemWidth, height: menuHeight) } else { menuItemFrame = CGRect(x: menuItemWidth * index + menuMargin * (index + 1) + startingMenuMargin, y: 0.0, width: menuItemWidth, height: menuHeight) } } let menuItemView : MenuItemView = MenuItemView(frame: menuItemFrame) if useMenuLikeSegmentedControl { //**************************拡張************************************* if menuItemMargin > 0 { let marginSum = menuItemMargin * CGFloat(controllerArray.count + 1) let menuItemWidth = (self.view.frame.width - marginSum) / CGFloat(controllerArray.count) menuItemView.setUpMenuItemView(menuItemWidth, menuScrollViewHeight: menuHeight, indicatorHeight: selectionIndicatorHeight, separatorPercentageHeight: menuItemSeparatorPercentageHeight, separatorWidth: menuItemSeparatorWidth, separatorRoundEdges: menuItemSeparatorRoundEdges, menuItemSeparatorColor: menuItemSeparatorColor) } else { menuItemView.setUpMenuItemView(CGFloat(self.view.frame.width) / CGFloat(controllerArray.count), menuScrollViewHeight: menuHeight, indicatorHeight: selectionIndicatorHeight, separatorPercentageHeight: menuItemSeparatorPercentageHeight, separatorWidth: menuItemSeparatorWidth, separatorRoundEdges: menuItemSeparatorRoundEdges, menuItemSeparatorColor: menuItemSeparatorColor) } //**************************拡張ここまで************************************* } else { menuItemView.setUpMenuItemView(menuItemWidth, menuScrollViewHeight: menuHeight, indicatorHeight: selectionIndicatorHeight, separatorPercentageHeight: menuItemSeparatorPercentageHeight, separatorWidth: menuItemSeparatorWidth, separatorRoundEdges: menuItemSeparatorRoundEdges, menuItemSeparatorColor: menuItemSeparatorColor) } // Configure menu item label font if font is set by user menuItemView.titleLabel!.font = menuItemFont menuItemView.titleLabel!.textAlignment = NSTextAlignment.center menuItemView.titleLabel!.textColor = unselectedMenuItemLabelColor //**************************拡張************************************* menuItemView.titleLabel!.adjustsFontSizeToFitWidth = titleTextSizeBasedOnMenuItemWidth //**************************拡張ここまで************************************* // Set title depending on if controller has a title set if controller.title != nil { menuItemView.titleLabel!.text = controller.title! if kerning > 0 { let attributedString = NSMutableAttributedString(string: controller.title!) let paragraphStyle = NSMutableParagraphStyle() paragraphStyle.alignment = .center attributedString.addAttribute(NSAttributedString.Key.paragraphStyle, value: paragraphStyle, range: NSMakeRange(0, attributedString.length)) attributedString.addAttribute(NSAttributedString.Key.kern, value: kerning, range: NSMakeRange(0, attributedString.length)) menuItemView.titleLabel!.attributedText = attributedString } } else { menuItemView.titleLabel!.text = "Menu \(Int(index) + 1)" if kerning > 0 { let attributedString = NSMutableAttributedString(string: controller.title!) let paragraphStyle = NSMutableParagraphStyle() paragraphStyle.alignment = .center attributedString.addAttribute(NSAttributedString.Key.paragraphStyle, value: paragraphStyle, range: NSMakeRange(0, attributedString.length)) attributedString.addAttribute(NSAttributedString.Key.kern, value: kerning, range: NSMakeRange(0, attributedString.length)) menuItemView.titleLabel!.attributedText = attributedString } } // Add separator between menu items when using as segmented control if useMenuLikeSegmentedControl { if Int(index) < controllerArray.count - 1 { menuItemView.menuItemSeparator!.isHidden = false } } // Add menu item view to menu scroll view menuScrollView.addSubview(menuItemView) menuItems.append(menuItemView) index += 1 } // Set new content size for menu scroll view if needed if menuItemWidthBasedOnTitleTextWidth { menuScrollView.contentSize = CGSize(width: (totalMenuItemWidthIfDifferentWidths + menuMargin) + CGFloat(controllerArray.count) * menuMargin, height: menuHeight) } // Set selected color for title label of selected menu item if menuItems.count > 0 { if menuItems[currentPageIndex].titleLabel != nil { menuItems[currentPageIndex].titleLabel!.textColor = selectedMenuItemLabelColor menuItems[currentPageIndex].titleLabel!.font = selectedMenuItemFont } } // Configure selection indicator view var selectionIndicatorFrame : CGRect = CGRect() if useMenuLikeSegmentedControl { selectionIndicatorFrame = CGRect(x: 0.0, y: menuHeight - selectionIndicatorHeight - selectionIndicatorBottomOffset, width: self.view.frame.width / CGFloat(controllerArray.count), height: selectionIndicatorHeight) } else if menuItemWidthBasedOnTitleTextWidth { selectionIndicatorFrame = CGRect(x: menuMargin, y: menuHeight - selectionIndicatorHeight - selectionIndicatorBottomOffset, width: menuItemWidths[0], height: selectionIndicatorHeight) } else { if centerMenuItems { selectionIndicatorFrame = CGRect(x: startingMenuMargin + menuMargin, y: menuHeight - selectionIndicatorHeight - selectionIndicatorBottomOffset, width: menuItemWidth, height: selectionIndicatorHeight) } else { selectionIndicatorFrame = CGRect(x: menuMargin, y: menuHeight - selectionIndicatorHeight - selectionIndicatorBottomOffset, width: menuItemWidth, height: selectionIndicatorHeight) } } selectionIndicatorView = UIView(frame: selectionIndicatorFrame) selectionIndicatorView.backgroundColor = selectionIndicatorColor menuScrollView.addSubview(selectionIndicatorView) //Stepper view if showStepperView { selectionIndicatorFrame = CGRect(x: 0.0, y: menuHeight - selectionIndicatorHeight, width: menuScrollView.frame.width, height: selectionIndicatorHeight) stepperView = UIView(frame: selectionIndicatorFrame) menuScrollView.addSubview(self.stepperView) } //Check if icon indicator is active and has a valid icon indicator view if let indicatorView = self.selectionIndicatorCustomView, self.iconIndicator { //modify bounds of icon indicator indicatorView.frame.origin.x = selectionIndicatorFrame.size.width/2-selectionIndicatorFrame.size.height/2 //add icon indicator to selection view container selectionIndicatorView.addSubview(indicatorView) } //Hide background of selectionIndicatorView if icon indicator was setter selectionIndicatorView.backgroundColor = self.iconIndicator ? UIColor.clear : selectionIndicatorColor if menuItemWidthBasedOnTitleTextWidth && centerMenuItems { self.configureMenuItemWidthBasedOnTitleTextWidthAndCenterMenuItems() let leadingAndTrailingMargin = self.getMarginForMenuItemWidthBasedOnTitleTextWidthAndCenterMenuItems() selectionIndicatorView.frame = CGRect(x: leadingAndTrailingMargin, y: menuHeight - selectionIndicatorHeight, width: menuItemWidths[0], height: selectionIndicatorHeight) } } // Adjusts the menu item frames to size item width based on title text width and center all menu items in the center // if the menuItems all fit in the width of the view. Otherwise, it will adjust the frames so that the menu items // appear as if only menuItemWidthBasedOnTitleTextWidth is true. fileprivate func configureMenuItemWidthBasedOnTitleTextWidthAndCenterMenuItems() { // only center items if the combined width is less than the width of the entire view's bounds if menuScrollView.contentSize.width < self.view.bounds.width { // compute the margin required to center the menu items let leadingAndTrailingMargin = self.getMarginForMenuItemWidthBasedOnTitleTextWidthAndCenterMenuItems() // adjust the margin of each menu item to make them centered for (index, menuItem) in menuItems.enumerated() { let controllerTitle = controllerArray[index].title! let itemWidthRect = controllerTitle.boundingRect(with: CGSize(width: 1000, height: 1000), options: NSStringDrawingOptions.usesLineFragmentOrigin, attributes: [NSAttributedString.Key.font:menuItemFont], context: nil) menuItemWidth = itemWidthRect.width var margin: CGFloat if index == 0 { // the first menu item should use the calculated margin margin = leadingAndTrailingMargin } else { // the other menu items should use the menuMargin let previousMenuItem = menuItems[index-1] let previousX = previousMenuItem.frame.maxX margin = previousX + menuMargin } menuItem.frame = CGRect(x: margin, y: 0.0, width: menuItemWidth, height: menuHeight) } } else { // the menuScrollView.contentSize.width exceeds the view's width, so layout the menu items normally (menuItemWidthBasedOnTitleTextWidth) for (index, menuItem) in menuItems.enumerated() { var menuItemX: CGFloat if index == 0 { menuItemX = menuMargin } else { menuItemX = menuItems[index-1].frame.maxX + menuMargin } menuItem.frame = CGRect(x: menuItemX, y: 0.0, width: menuItem.bounds.width, height: menuItem.bounds.height) } } } // Returns the size of the left and right margins that are neccessary to layout the menuItems in the center. fileprivate func getMarginForMenuItemWidthBasedOnTitleTextWidthAndCenterMenuItems() -> CGFloat { let menuItemsTotalWidth = menuScrollView.contentSize.width - menuMargin * 2 let leadingAndTrailingMargin = (self.view.bounds.width - menuItemsTotalWidth) / 2 return leadingAndTrailingMargin } // MARK: - Scroll view delegate open func scrollViewDidScroll(_ scrollView: UIScrollView) { if !didLayoutSubviewsAfterRotation { if scrollView.isEqual(controllerScrollView) { if scrollView.contentOffset.x >= 0.0 && scrollView.contentOffset.x <= (CGFloat(controllerArray.count - 1) * self.view.frame.width) { if (currentOrientationIsPortrait && UIApplication.shared.statusBarOrientation.isPortrait) || (!currentOrientationIsPortrait && UIApplication.shared.statusBarOrientation.isLandscape) { // Check if scroll direction changed if !didTapMenuItemToScroll { if didScrollAlready { var newScrollDirection : CAPSPageMenuScrollDirection = .other if (CGFloat(startingPageForScroll) * scrollView.frame.width > scrollView.contentOffset.x) { newScrollDirection = .right } else if (CGFloat(startingPageForScroll) * scrollView.frame.width < scrollView.contentOffset.x) { newScrollDirection = .left } if newScrollDirection != .other { if lastScrollDirection != newScrollDirection { let index : Int = newScrollDirection == .left ? currentPageIndex + 1 : currentPageIndex - 1 if index >= 0 && index < controllerArray.count { // Check dictionary if page was already added if pagesAddedDictionary[index] != index { addPageAtIndex(index) pagesAddedDictionary[index] = index } } } } lastScrollDirection = newScrollDirection } if !didScrollAlready { if (lastControllerScrollViewContentOffset > scrollView.contentOffset.x) { if currentPageIndex != controllerArray.count - 1 { // Add page to the left of current page let index : Int = currentPageIndex - 1 if pagesAddedDictionary[index] != index && index < controllerArray.count && index >= 0 { addPageAtIndex(index) pagesAddedDictionary[index] = index } lastScrollDirection = .right } } else if (lastControllerScrollViewContentOffset < scrollView.contentOffset.x) { if currentPageIndex != 0 { // Add page to the right of current page let index : Int = currentPageIndex + 1 if pagesAddedDictionary[index] != index && index < controllerArray.count && index >= 0 { addPageAtIndex(index) pagesAddedDictionary[index] = index } lastScrollDirection = .left } } didScrollAlready = true } lastControllerScrollViewContentOffset = scrollView.contentOffset.x } var ratio : CGFloat = 1.0 // Calculate ratio between scroll views ratio = (menuScrollView.contentSize.width - self.view.frame.width) / (controllerScrollView.contentSize.width - self.view.frame.width) if menuScrollView.contentSize.width > self.view.frame.width { var offset : CGPoint = menuScrollView.contentOffset offset.x = controllerScrollView.contentOffset.x * ratio menuScrollView.setContentOffset(offset, animated: false) } // Calculate current page let width : CGFloat = controllerScrollView.frame.size.width; let page : Int = Int((controllerScrollView.contentOffset.x + (0.5 * width)) / width) // Update page if changed if page != currentPageIndex { lastPageIndex = currentPageIndex currentPageIndex = page if pagesAddedDictionary[page] != page && page < controllerArray.count && page >= 0 { addPageAtIndex(page) pagesAddedDictionary[page] = page } if !didTapMenuItemToScroll { // Add last page to pages dictionary to make sure it gets removed after scrolling if pagesAddedDictionary[lastPageIndex] != lastPageIndex { pagesAddedDictionary[lastPageIndex] = lastPageIndex } // Make sure only up to 3 page views are in memory when fast scrolling, otherwise there should only be one in memory let indexLeftTwo : Int = page - 2 if pagesAddedDictionary[indexLeftTwo] == indexLeftTwo { pagesAddedDictionary.removeValue(forKey: indexLeftTwo) removePageAtIndex(indexLeftTwo) } let indexRightTwo : Int = page + 2 if pagesAddedDictionary[indexRightTwo] == indexRightTwo { pagesAddedDictionary.removeValue(forKey: indexRightTwo) removePageAtIndex(indexRightTwo) } } } // Move selection indicator view when swiping moveSelectionIndicator(page) } } else { var ratio : CGFloat = 1.0 ratio = (menuScrollView.contentSize.width - self.view.frame.width) / (controllerScrollView.contentSize.width - self.view.frame.width) if menuScrollView.contentSize.width > self.view.frame.width { var offset : CGPoint = menuScrollView.contentOffset offset.x = controllerScrollView.contentOffset.x * ratio menuScrollView.setContentOffset(offset, animated: false) } } } } else { didLayoutSubviewsAfterRotation = false // Move selection indicator view when swiping moveSelectionIndicator(currentPageIndex) } } open func scrollViewDidEndDecelerating(_ scrollView: UIScrollView) { if scrollView.isEqual(controllerScrollView) { // Call didMoveToPage delegate function let currentController = controllerArray[currentPageIndex] delegate?.didMoveToPage?(currentController, index: currentPageIndex) // Remove all but current page after decelerating for key in pagesAddedDictionary.keys { if key != currentPageIndex { removePageAtIndex(key) } } didScrollAlready = false startingPageForScroll = currentPageIndex // Empty out pages in dictionary pagesAddedDictionary.removeAll(keepingCapacity: false) } } @objc func scrollViewDidEndTapScrollingAnimation() { // Call didMoveToPage delegate function let currentController = controllerArray[currentPageIndex] delegate?.didMoveToPage?(currentController, index: currentPageIndex) // Remove all but current page after decelerating for key in pagesAddedDictionary.keys { if key != currentPageIndex { removePageAtIndex(key) } } startingPageForScroll = currentPageIndex didTapMenuItemToScroll = false // Empty out pages in dictionary pagesAddedDictionary.removeAll(keepingCapacity: false) } // MARK: - Handle Selection Indicator func moveSelectionIndicator(_ pageIndex: Int) { if pageIndex >= 0 && pageIndex < controllerArray.count { UIView.animate(withDuration: 0.15, animations: { () -> Void in var selectionIndicatorWidth : CGFloat = self.selectionIndicatorView.frame.width var selectionIndicatorX : CGFloat = 0.0 if self.useMenuLikeSegmentedControl { selectionIndicatorX = CGFloat(pageIndex) * (self.view.frame.width / CGFloat(self.controllerArray.count)) selectionIndicatorWidth = self.view.frame.width / CGFloat(self.controllerArray.count) } else if self.menuItemWidthBasedOnTitleTextWidth { selectionIndicatorWidth = self.menuItemWidths[pageIndex] selectionIndicatorX = self.menuItems[pageIndex].frame.minX } else { if self.centerMenuItems && pageIndex == 0 { selectionIndicatorX = self.startingMenuMargin + self.menuMargin } else { selectionIndicatorX = self.menuItemWidth * CGFloat(pageIndex) + self.menuMargin * CGFloat(pageIndex + 1) + self.startingMenuMargin } } self.selectionIndicatorView.frame = CGRect(x: selectionIndicatorX, y: self.selectionIndicatorView.frame.origin.y, width: selectionIndicatorWidth, height: self.selectionIndicatorView.frame.height) //If icon indicator was setted and has a valid icon indicator if let indicatorView = self.selectionIndicatorCustomView, self.iconIndicator{ //Modify the frame position indicatorView.frame = CGRect(x: self.selectionIndicatorView.frame.size.width/2-self.selectionIndicatorView.frame.size.height/2, y: 0, width: self.selectionIndicatorView.frame.size.height, height: self.selectionIndicatorView.frame.size.height) } // Switch newly selected menu item title label to selected color and old one to unselected color if self.menuItems.count > 0 { if self.menuItems[self.lastPageIndex].titleLabel != nil && self.menuItems[self.currentPageIndex].titleLabel != nil { self.menuItems[self.lastPageIndex].titleLabel!.font = self.menuItemFont self.menuItems[self.lastPageIndex].titleLabel!.textColor = self.unselectedMenuItemLabelColor self.menuItems[self.currentPageIndex].titleLabel!.textColor = self.selectedMenuItemLabelColor self.menuItems[self.currentPageIndex].titleLabel!.font = self.selectedMenuItemFont } } }) } } // MARK: - Tap gesture recognizer selector @objc func handleMenuItemTap(_ gestureRecognizer : UITapGestureRecognizer) { let tappedPoint : CGPoint = gestureRecognizer.location(in: menuScrollView) if tappedPoint.y < menuScrollView.frame.height { // Calculate tapped page var itemIndex : Int = enableMenuBarTapReset ? 0 : -1 if useMenuLikeSegmentedControl { itemIndex = Int(tappedPoint.x / (self.view.frame.width / CGFloat(controllerArray.count))) } else if menuItemWidthBasedOnTitleTextWidth { var menuItemLeftBound: CGFloat var menuItemRightBound: CGFloat if centerMenuItems { menuItemLeftBound = menuItems[0].frame.minX menuItemRightBound = menuItems[menuItems.count-1].frame.maxX if (tappedPoint.x >= menuItemLeftBound && tappedPoint.x <= menuItemRightBound) { for (index, _) in controllerArray.enumerated() { menuItemLeftBound = menuItems[index].frame.minX menuItemRightBound = menuItems[index].frame.maxX if tappedPoint.x >= menuItemLeftBound && tappedPoint.x <= menuItemRightBound { itemIndex = index break } } } } else { // Base case being first item menuItemLeftBound = 0.0 menuItemRightBound = menuItemWidths[0] + menuMargin + (menuMargin / 2) if !(tappedPoint.x >= menuItemLeftBound && tappedPoint.x <= menuItemRightBound) { for i in 1...controllerArray.count - 1 { menuItemLeftBound = menuItemRightBound + 1.0 menuItemRightBound = menuItemLeftBound + menuItemWidths[i] + menuMargin if tappedPoint.x >= menuItemLeftBound && tappedPoint.x <= menuItemRightBound { itemIndex = i break } } } } } else { let rawItemIndex : CGFloat = ((tappedPoint.x - startingMenuMargin) - menuMargin / 2) / (menuMargin + menuItemWidth) // Prevent moving to first item when tapping left to first item if rawItemIndex < 0 { itemIndex = -1 } else { itemIndex = Int(rawItemIndex) } } if itemIndex >= 0 && itemIndex < controllerArray.count { // Update page if changed if itemIndex != currentPageIndex { startingPageForScroll = itemIndex lastPageIndex = currentPageIndex currentPageIndex = itemIndex didTapMenuItemToScroll = true // Add pages in between current and tapped page if necessary let smallerIndex : Int = lastPageIndex < currentPageIndex ? lastPageIndex : currentPageIndex let largerIndex : Int = lastPageIndex > currentPageIndex ? lastPageIndex : currentPageIndex if smallerIndex + 1 != largerIndex { for index in (smallerIndex + 1)...(largerIndex - 1) { if pagesAddedDictionary[index] != index { addPageAtIndex(index) pagesAddedDictionary[index] = index } } } addPageAtIndex(itemIndex) // Add page from which tap is initiated so it can be removed after tap is done pagesAddedDictionary[lastPageIndex] = lastPageIndex } // Move controller scroll view when tapping menu item let duration : Double = Double(scrollAnimationDurationOnMenuItemTap) / Double(1000) UIView.animate(withDuration: duration, animations: { () -> Void in let xOffset : CGFloat = CGFloat(itemIndex) * self.controllerScrollView.frame.width self.controllerScrollView.setContentOffset(CGPoint(x: xOffset, y: self.controllerScrollView.contentOffset.y), animated: false) }) if tapTimer != nil { tapTimer!.invalidate() } let timerInterval : TimeInterval = Double(scrollAnimationDurationOnMenuItemTap) * 0.001 tapTimer = Timer.scheduledTimer(timeInterval: timerInterval, target: self, selector: #selector(CAPSPageMenu.scrollViewDidEndTapScrollingAnimation), userInfo: nil, repeats: false) } } } // MARK: - Remove/Add Page func addPageAtIndex(_ index : Int) { // Call didMoveToPage delegate function let currentController = controllerArray[index] delegate?.willMoveToPage?(currentController, index: index) let newVC = controllerArray[index] newVC.willMove(toParent: self) newVC.view.frame = CGRect(x: self.view.frame.width * CGFloat(index), y: menuHeight, width: self.view.frame.width, height: self.view.frame.height - menuHeight) self.addChild(newVC) self.controllerScrollView.addSubview(newVC.view) newVC.didMove(toParent: self) } func removePageAtIndex(_ index : Int) { let oldVC = controllerArray[index] oldVC.willMove(toParent: nil) oldVC.view.removeFromSuperview() oldVC.removeFromParent() } // MARK: - Orientation Change override open func viewDidLayoutSubviews() { // Configure controller scroll view content size controllerScrollView.contentSize = CGSize(width: self.view.frame.width * CGFloat(controllerArray.count), height: self.view.frame.height - menuHeight) let oldCurrentOrientationIsPortrait : Bool = currentOrientationIsPortrait currentOrientationIsPortrait = UIApplication.shared.statusBarOrientation.isPortrait if (oldCurrentOrientationIsPortrait && UIDevice.current.orientation.isLandscape) || (!oldCurrentOrientationIsPortrait && UIDevice.current.orientation.isPortrait) { didLayoutSubviewsAfterRotation = true //Resize menu items if using as segmented control if useMenuLikeSegmentedControl { menuScrollView.contentSize = CGSize(width: self.view.frame.width, height: menuHeight) // Resize selectionIndicator bar let selectionIndicatorX : CGFloat = CGFloat(currentPageIndex) * (self.view.frame.width / CGFloat(self.controllerArray.count)) let selectionIndicatorWidth : CGFloat = self.view.frame.width / CGFloat(self.controllerArray.count) selectionIndicatorView.frame = CGRect(x: selectionIndicatorX, y: self.selectionIndicatorView.frame.origin.y, width: selectionIndicatorWidth, height: self.selectionIndicatorView.frame.height) // Resize menu items var index : Int = 0 for item : MenuItemView in menuItems as [MenuItemView] { item.frame = CGRect(x: self.view.frame.width / CGFloat(controllerArray.count) * CGFloat(index), y: 0.0, width: self.view.frame.width / CGFloat(controllerArray.count), height: menuHeight) item.titleLabel!.frame = CGRect(x: 0.0, y: 0.0, width: self.view.frame.width / CGFloat(controllerArray.count), height: menuHeight) item.menuItemSeparator!.frame = CGRect(x: item.frame.width - (menuItemSeparatorWidth / 2), y: item.menuItemSeparator!.frame.origin.y, width: item.menuItemSeparator!.frame.width, height: item.menuItemSeparator!.frame.height) index += 1 } } else if menuItemWidthBasedOnTitleTextWidth && centerMenuItems { self.configureMenuItemWidthBasedOnTitleTextWidthAndCenterMenuItems() let selectionIndicatorX = menuItems[currentPageIndex].frame.minX selectionIndicatorView.frame = CGRect(x: selectionIndicatorX, y: menuHeight - selectionIndicatorHeight, width: menuItemWidths[currentPageIndex], height: selectionIndicatorHeight) } else if centerMenuItems { startingMenuMargin = ((self.view.frame.width - ((CGFloat(controllerArray.count) * menuItemWidth) + (CGFloat(controllerArray.count - 1) * menuMargin))) / 2.0) - menuMargin if startingMenuMargin < 0.0 { startingMenuMargin = 0.0 } let selectionIndicatorX : CGFloat = self.menuItemWidth * CGFloat(currentPageIndex) + self.menuMargin * CGFloat(currentPageIndex + 1) + self.startingMenuMargin selectionIndicatorView.frame = CGRect(x: selectionIndicatorX, y: self.selectionIndicatorView.frame.origin.y, width: self.selectionIndicatorView.frame.width, height: self.selectionIndicatorView.frame.height) // Recalculate frame for menu items if centered var index : Int = 0 for item : MenuItemView in menuItems as [MenuItemView] { if index == 0 { item.frame = CGRect(x: startingMenuMargin + menuMargin, y: 0.0, width: menuItemWidth, height: menuHeight) } else { item.frame = CGRect(x: menuItemWidth * CGFloat(index) + menuMargin * CGFloat(index + 1) + startingMenuMargin, y: 0.0, width: menuItemWidth, height: menuHeight) } index += 1 } } for view : UIView in controllerScrollView.subviews { view.frame = CGRect(x: self.view.frame.width * CGFloat(currentPageIndex), y: menuHeight, width: controllerScrollView.frame.width, height: self.view.frame.height - menuHeight) } let xOffset : CGFloat = CGFloat(self.currentPageIndex) * controllerScrollView.frame.width controllerScrollView.setContentOffset(CGPoint(x: xOffset, y: controllerScrollView.contentOffset.y), animated: false) let ratio : CGFloat = (menuScrollView.contentSize.width - self.view.frame.width) / (controllerScrollView.contentSize.width - self.view.frame.width) if menuScrollView.contentSize.width > self.view.frame.width { var offset : CGPoint = menuScrollView.contentOffset offset.x = controllerScrollView.contentOffset.x * ratio menuScrollView.setContentOffset(offset, animated: false) } } // Hsoi 2015-02-05 - Running on iOS 7.1 complained: "'NSInternalInconsistencyException', reason: 'Auto Layout // still required after sending -viewDidLayoutSubviews to the view controller. ViewController's implementation // needs to send -layoutSubviews to the view to invoke auto layout.'" // // http://stackoverflow.com/questions/15490140/auto-layout-error // // Given the SO answer and caveats presented there, we'll call layoutIfNeeded() instead. self.view.layoutIfNeeded() } // MARK: - Move to page index /** Move to page at index :parameter index: Index of the page to move to */ open func moveToPage(_ index: Int) { if index >= 0 && index < controllerArray.count { // Update page if changed if index != currentPageIndex { startingPageForScroll = index lastPageIndex = currentPageIndex currentPageIndex = index didTapMenuItemToScroll = true // Add pages in between current and tapped page if necessary let smallerIndex : Int = lastPageIndex < currentPageIndex ? lastPageIndex : currentPageIndex let largerIndex : Int = lastPageIndex > currentPageIndex ? lastPageIndex : currentPageIndex if smallerIndex + 1 != largerIndex { for i in (smallerIndex + 1)...(largerIndex - 1) { if pagesAddedDictionary[i] != i { addPageAtIndex(i) pagesAddedDictionary[i] = i } } } addPageAtIndex(index) // Add page from which tap is initiated so it can be removed after tap is done pagesAddedDictionary[lastPageIndex] = lastPageIndex } // Move controller scroll view when tapping menu item let duration : Double = Double(scrollAnimationDurationOnMenuItemTap) / Double(1000) UIView.animate(withDuration: duration, animations: { () -> Void in let xOffset : CGFloat = CGFloat(index) * self.controllerScrollView.frame.width self.controllerScrollView.setContentOffset(CGPoint(x: xOffset, y: self.controllerScrollView.contentOffset.y), animated: false) }) } } }