ColorMatchTabs - SwiftGit

Tab Bar

ColorMatchTabs

December 1, 2023

Also, read how it was done in our blog

Installation

CocoaPods


                                              
                                                pod ‘ColorMatchTabs’

Carthage


                                              
                                                github “Yalantis/ColorMatchTabs”

How to use

Complete screen

To setup and customize the component you should implement ColorMatchTabsViewControllerDataSource for ColorMatchTabsViewController.


                                              
                                                public protocol ColorMatchTabsDataSource: class {
func numberOfItems(inController controller: ColorMatchTabsViewController) -> Int
func tabsViewController(controller: ColorMatchTabsViewController, viewControllerAt index: Int) -> UIViewController
func tabsViewController(controller: ColorMatchTabsViewController, titleAt index: Int) -> String

func tabsViewController(controller: ColorMatchTabsViewController, iconAt index: Int) -> UIImage

func tabsViewController(controller: ColorMatchTabsViewController, hightlightedIconAt index: Int) -> UIImage

func tabsViewController(controller: ColorMatchTabsViewController, tintColorAt index: Int) -> UIColor
}

To customize popup view controller create a subclass of PopoverViewController and set it in the view controller:


                                              
                                                tabsViewController.popoverViewController = ExamplePopoverViewController()

Customization

The component contains of:

top tabbar
scrollable content view
plus button
popover view controller

Menu view controller aggregates the elements described above. If you want to fully customize or rearrange the elements, just create your own view controller instead of MenuViewController.

Support

Feel free to open issuses with any suggestions, bug reports, feature requests, questions.

Let us know!

We’d be really happy if you sent us links to your projects where you use our component. Just send an email to github@yalantis.com And do let us know if you have any questions or suggestion regarding the animation.

P.S. We’re going to publish more awesomeness wrapped in code and a tutorial on how to make UI for iOS (Android) better than better. Stay tuned!