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 #segmentcontrols #swift #tabs #yalantis
YOU MIGHT ALSO LIKE...
SwiftUICam

If you want to have a custom camera using SwiftUI and not using the UIPickerController that will display the original ...

CameraView for SwiftUI 📷

CameraView allows you to have a SnapChat-style screen on your SwiftUI app that gives a realtime view of the iPhone ...

Camera-SwiftUI

SwiftUI has proven to be a really awesome new framework to build and design apps in a quick and reliable ...

ECWeekView

See the swiftui branch for updates. An iOS calendar library for displaying calendar events in a week view.