Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ramotion/navigation-toolbar-android

:octocat: Navigation toolbar is a slide-modeled UI navigation controller made by @Ramotion
https://github.com/ramotion/navigation-toolbar-android

android kotlin library

Last synced: about 3 hours ago
JSON representation

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

Awesome Lists containing this project

README

        


NAVIGATION TOOLBAR

Navigation toolbar is a Kotlin 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:


Inspired by [AurΓ©lien Salomon](https://dribbble.com/aureliensalomon) [shot](https://dribbble.com/shots/2940231-Google-Newsstand-Navigation-Pattern)

[![Twitter](https://img.shields.io/badge/[email protected]?style=flat)](http://twitter.com/Ramotion)
[![Codacy Badge](https://api.codacy.com/project/badge/Grade/92bd2e49f7e543cd8748c670b9e52ca7)](https://app.codacy.com/app/dvg4000/navigation-toolbar-android/dashboard)
[![Donate](https://img.shields.io/badge/Donate-PayPal-blue.svg)](https://paypal.me/Ramotion)

## Requirements

- Android 5.0 Lollipop (API lvl 21) or greater
- Your favorite IDE

## Installation
​
Just download the package from [here](http://central.maven.org/maven2/com/ramotion/navigationtoolbar/navigation-toolbar/0.1.3/navigation-toolbar-0.1.3.aar) and add it to your project classpath, or just use the maven repo:

Gradle:
```groovy
implementation 'com.ramotion.navigationtoolbar:navigation-toolbar:0.1.3'
```
SBT:
```scala
libraryDependencies += "com.ramotion.navigationtoolbar" % "navitagiton-toolbar" % "0.1.3"
```
Maven:
```xml

com.ramotion.navigationtoolbar
navigation-toolbar
0.1.3
aar

```

## Basic usage

NavigationToolBarLayout is the successor to CoordinatorLayout. Therefore, NavigationToolBarLayout
must be the root element of your layout. Displayed content must be inside
NavigationToolBarLayout, as shown below:

```xml

```

Next, you must specify an adapter for NavigationToolBarLayout, from which
NavigationToolBarLayout will receive the displayed View.

NavigationToolBarLayout contains `android.support.v7.widget.Toolbar` and
`android.support.design.widget.AppBarLayout`, access to which can be obtained through
the appropriate identifiers:
``` xml
@id/com_ramotion_toolbar
@id/com_ramotion_app_bar
```
or through the appropriate properties of the NavigationToolBarLayout class:
```kotlin
val toolBar: Toolbar
val appBarLayout: AppBarLayout
```

Here are the attributes you can specify through XML or related setters:
* `headerOnScreenItemCount` - The maximum number of simultaneously displayed cards (items) in vertical orientation.
* `headerCollapsingBySelectDuration` - Collapsing animation duration of header (HeaderLayout), when you click on the card in vertical orientation.
* `headerTopBorderAtSystemBar` - Align the top card on the systembar or not.
* `headerVerticalItemWidth` - Specifies the width of the vertical card. It can be equal to `match_parent`, then the width of the card will be equal to the width of NavigationToolBarLayout.
* `headerVerticalGravity` - Specifies the alignment of the vertical card. Can take the values: left, center, or right.

## πŸ—‚ Check this library on other language:

## πŸ“„ License

Navigation Toolbar Android is released under the MIT license.
See [LICENSE](./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 Android to give it a try
Try this UI component and more like this in our Android app. Contact us if interested.