![](https://github.com/Ramotion/navigation-toolbar-android/raw/master/Navigation-toolbar.gif?raw=true)
![](https://github.com/ramotion/gliding-collection/raw/master/contact_our_team@2x.png?raw=true)
Inspired by Aurélien Salomon shot
- Android 5.0 Lollipop (API lvl 21) or greater
- Your favorite IDE
Just download the package from here and add it to your project classpath, or just use the maven repo:
Gradle:
implementation 'com.ramotion.navigationtoolbar:navigation-toolbar:0.1.3'
SBT:
libraryDependencies += "com.ramotion.navigationtoolbar" % "navitagiton-toolbar" % "0.1.3"
Maven:
<dependency>
<groupId>com.ramotion.navigationtoolbar</groupId>
<artifactId>navigation-toolbar</artifactId>
<version>0.1.3</version>
<type>aar</type>
</dependency>
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:
<com.ramotion.navigationtoolbar.NavigationToolBarLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<include layout="@layout/content_layout"/>
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_anchor="@id/com_ramotion_app_bar"
app:layout_anchorGravity="bottom|end"
app:srcCompat="@android:drawable/ic_dialog_email" />
</com.ramotion.navigationtoolbar.NavigationToolBarLayout>
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:
@id/com_ramotion_toolbar <!-- identifier of Toolbar -->
@id/com_ramotion_app_bar <!-- identifier of AppBarLayout -->
or through the appropriate properties of the NavigationToolBarLayout class:
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 tomatch_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.
![](https://github.com/ramotion/navigation-stack/raw/master/Swift@2x.png?raw=true)
Navigation Toolbar Android 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
Try this UI component and more like this in our Android app. Contact us if interested.
![](https://raw.githubusercontent.com/Ramotion/react-native-circle-menu/master/google_play@2x.png)
![](https://github.com/ramotion/gliding-collection/raw/master/contact_our_team@2x.png?raw=true)