ColorMatchTabs
  • December 1, 2023

Inspired by this project on Dribbble

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!

GitHub


View Github

#animation #carthage #cocoapods #ios #swift #yalantis
YOU MIGHT ALSO LIKE...
PermissionsSwiftUI: A SwiftUI package to handle permissions

PermissionsSwiftUI displays and handles permissions in SwiftUI. It is largely inspired by SPPermissions. The UI is highly customizable and resembles an Apple style. ...

Pager tab strip view

Introduction PagerTabStripView is the first pager view built in pure SwiftUI. It provides a component to create interactive pager views ...

PageView

SwiftUI view enabling page-based navigation, imitating the behaviour of UIPageViewController in iOS.

Pages

    

How to take action when a property changes

1. Taking Action When a Property Changes: Property Observers Swift lets you observe and respond to changes in a property’s ...