All Projects → Ramotion → Navigation Toolbar

Ramotion / Navigation Toolbar

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

Programming Languages

swift
15916 projects

Projects that are alternatives of or similar to Navigation Toolbar

Layerjs
layerJS: Javascript UI composition framework
Stars: ✭ 1,825 (+210.9%)
Mutual labels:  library, navigation
EasyScrollDots
Single page scroll JavaScript plugin that allows for vertical navigation of page sections
Stars: ✭ 38 (-93.53%)
Mutual labels:  navigation, scroll
Navigationtabstrip
Navigation tab strip with smooth interaction.
Stars: ✭ 2,234 (+280.58%)
Mutual labels:  library, navigation
Forcetouch
Simple implementation of ForceTouch on Android
Stars: ✭ 84 (-85.69%)
Mutual labels:  library, gesture
Extramaputils
🌍 the simple utility for google maps in android
Stars: ✭ 293 (-50.09%)
Mutual labels:  library, navigation
Bubble Navigation
🎉 [Android Library] A light-weight library to easily make beautiful Navigation Bar with ton of 🎨 customization option.
Stars: ✭ 1,537 (+161.84%)
Mutual labels:  library, navigation
Borealis
Hardware accelerated, controller and TV oriented UI library for PC and Nintendo Switch (libnx).
Stars: ✭ 135 (-77%)
Mutual labels:  controller, library
React Indiana Drag Scroll
React component which implements scrolling via holding the mouse button or touch
Stars: ✭ 190 (-67.63%)
Mutual labels:  library, scroll
React Horizontal Scrolling Menu
Horizontal scrolling menu component for React.
Stars: ✭ 289 (-50.77%)
Mutual labels:  navigation, scroll
Swiftuix
Extensions and additions to the standard SwiftUI library.
Stars: ✭ 4,087 (+596.25%)
Mutual labels:  library, scroll
Scrollbooster
Enjoyable content drag-to-scroll library
Stars: ✭ 775 (+32.03%)
Mutual labels:  library, scroll
Kooper
Kooper is a simple Go library to create Kubernetes operators and controllers.
Stars: ✭ 388 (-33.9%)
Mutual labels:  controller, library
React Cube Navigation
3d cube style navigation pattern, like that found in Instagram Stories
Stars: ✭ 59 (-89.95%)
Mutual labels:  navigation, gesture
Jvfloatingdrawer
An easy to use floating drawer view controller.
Stars: ✭ 1,424 (+142.59%)
Mutual labels:  library, navigation
Wrnavigationbar
超简单!!! 一行代码设置状态栏、导航栏按钮、标题、颜色、透明度,移动等 WRNavigationBar which allows you to change NavigationBar's appearance dynamically
Stars: ✭ 2,923 (+397.96%)
Mutual labels:  navigation, scroll
Fancy on boarding
Fancy OnBoarding Screen Library
Stars: ✭ 307 (-47.7%)
Mutual labels:  library, navigation
Navigationtabbar
Navigation tab bar with colorful interactions.
Stars: ✭ 4,907 (+735.95%)
Mutual labels:  library, navigation
Tsmessages
💌 Easy to use and customizable messages/notifications for iOS à la Tweetbot
Stars: ✭ 4,927 (+739.35%)
Mutual labels:  library
Wrnavigationbar swift
WRNavigationBar which allows you to change NavigationBar's appearance dynamically
Stars: ✭ 576 (-1.87%)
Mutual labels:  navigation
Shadowlayout
This library allows you to create a shadow effect for your layout based on your child.
Stars: ✭ 553 (-5.79%)
Mutual labels:  library

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.



Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].