navigation toolbar

:octocat: Navigation toolbar is a slide-modeled UI navigation controller made by @Ramotion

595
53
Swift

NAVIGATION TOOLBAR

Navigation toolbar is a Swift slide-modeled UI navigation controller.


We specialize in the designing and coding of custom UI for Mobile Apps and Websites.

Stay tuned for the latest updates:


Twitter
CocoaPods
CocoaPods
Carthage compatible
codebeat badge
Donate

Requirements

  • iOS 10.0+
  • Xcode 9

Installation

Just add the Source folder to your project.

or use CocoaPods with Podfile:

pod 'Navigation-Toolbar'

or Carthage users can simply add to their Cartfile:

github "Ramotion/navigation-toolbar"

Usage

Storyboard

  1. Create a new UIView inheriting from NavigationView

  2. Create ScreenObject for every required screen with configuration, see example:

class ViewController: UIViewController {

  private var navigationView: NavigationView?

  override func viewDidLoad() {
    super.viewDidLoad()

    navigationView = NavigationView.init(frame: view.bounds,
                                    middleView: MiddleView(),
                                       screens: [
                                                 ScreenObject(title: "MUSIC",
                                                         startColor: .red,
                                                           endColor: .blue,
                                                              image: UIImage(named : "image1")!,
                                                         controller: YourFirstViewController()),
                                                         
                                                 ScreenObject(title: "EDUCATION",
                                                         startColor: .black,
                                                           endColor: .white,
                                                              image: UIImage(named : "image2")!,
                                                         controller: YourSecondViewController()),
                                                ],
                               backgroundImage: #imageLiteral(resourceName: "background"))
                               
    navigationView?.autoresizingMask = [.flexibleWidth, .flexibleHeight]
    view.addSubview(navigationView!)
  }
  
}

🗂 Check this library on other language:

📄 License

Navigation Toolbar is released under the MIT license.
See LICENSE for details.

This library is a part of a selection of our best UI open-source projects.

If you use the open-source library in your project, please make sure to credit and backlink to www.ramotion.com

📱 Get the Showroom App for iOS to give it a try

Try this UI component and more like this in our iOS app. Contact us if interested.