{"id":18538992,"url":"https://github.com/ramotion/navigation-toolbar-android","last_synced_at":"2025-04-08T09:10:08.683Z","repository":{"id":41055463,"uuid":"115700894","full_name":"Ramotion/navigation-toolbar-android","owner":"Ramotion","description":":octocat: Navigation toolbar is a slide-modeled UI navigation controller made by @Ramotion","archived":false,"fork":false,"pushed_at":"2022-07-09T14:41:46.000Z","size":15629,"stargazers_count":821,"open_issues_count":4,"forks_count":157,"subscribers_count":40,"default_branch":"master","last_synced_at":"2025-03-04T07:40:20.397Z","etag":null,"topics":["android","kotlin","library"],"latest_commit_sha":null,"homepage":"https://www.ramotion.com/navigation-toolbar-android/","language":"Kotlin","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Ramotion.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-12-29T07:55:06.000Z","updated_at":"2025-02-01T06:24:20.000Z","dependencies_parsed_at":"2022-09-10T15:31:41.096Z","dependency_job_id":null,"html_url":"https://github.com/Ramotion/navigation-toolbar-android","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ramotion%2Fnavigation-toolbar-android","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ramotion%2Fnavigation-toolbar-android/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ramotion%2Fnavigation-toolbar-android/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ramotion%2Fnavigation-toolbar-android/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ramotion","download_url":"https://codeload.github.com/Ramotion/navigation-toolbar-android/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247809964,"owners_count":20999816,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","kotlin","library"],"created_at":"2024-11-06T19:45:46.922Z","updated_at":"2025-04-08T09:10:08.637Z","avatar_url":"https://github.com/Ramotion.png","language":"Kotlin","funding_links":["https://paypal.me/Ramotion"],"categories":[],"sub_categories":[],"readme":"\u003ca href=\"https://www.ramotion.com/agency/app-development/?utm_source=gthb\u0026utm_medium=repo\u0026utm_campaign=navigation-toolbar-android\"\u003e\u003cimg src=\"https://github.com/Ramotion/folding-cell/blob/master/header.png\"\u003e\u003c/a\u003e\n\n\u003ca href=\"https://github.com/Ramotion/navigation-toolbar-android\"\u003e\n\u003cimg align=\"left\" src=\"https://github.com/Ramotion/navigation-toolbar-android/blob/master/Navigation-toolbar.gif\" width=\"480\" height=\"360\" /\u003e\u003c/a\u003e\n\n\u003cp\u003e\u003ch1 align=\"left\"\u003eNAVIGATION TOOLBAR\u003c/h1\u003e\u003c/p\u003e\n\n\u003ch4\u003eNavigation toolbar is a Kotlin slide-modeled UI navigation controller.\u003c/h4\u003e\n\n\n___\n\n\n\u003cp\u003e\u003ch6\u003eWe specialize in the designing and coding of custom UI for Mobile Apps and Websites.\u003c/h6\u003e\n\u003ca href=\"https://www.ramotion.com/agency/app-development/?utm_source=gthb\u0026utm_medium=repo\u0026utm_campaign=navigation-toolbar-android\"\u003e\n\u003cimg src=\"https://github.com/ramotion/gliding-collection/raw/master/contact_our_team@2x.png\" width=\"187\" height=\"34\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003cp\u003e\u003ch6\u003eStay tuned for the latest updates:\u003c/h6\u003e\n\u003ca href=\"https://goo.gl/rPFpid\" \u003e\n\u003cimg src=\"https://i.imgur.com/ziSqeSo.png/\" width=\"156\" height=\"28\"\u003e\u003c/a\u003e\u003c/p\u003e\n\nInspired by [Aurélien Salomon](https://dribbble.com/aureliensalomon) [shot](https://dribbble.com/shots/2940231-Google-Newsstand-Navigation-Pattern)\n\n\u003c/br\u003e\n\n[![Twitter](https://img.shields.io/badge/Twitter-@Ramotion-blue.svg?style=flat)](http://twitter.com/Ramotion)\n[![Codacy Badge](https://api.codacy.com/project/badge/Grade/92bd2e49f7e543cd8748c670b9e52ca7)](https://app.codacy.com/app/dvg4000/navigation-toolbar-android/dashboard)\n[![Donate](https://img.shields.io/badge/Donate-PayPal-blue.svg)](https://paypal.me/Ramotion)\n\n## Requirements\n\n- Android 5.0 Lollipop (API lvl 21) or greater\n- Your favorite IDE\n\n## Installation\n​\nJust 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:\n\nGradle:\n```groovy\nimplementation 'com.ramotion.navigationtoolbar:navigation-toolbar:0.1.3'\n```\nSBT:\n```scala\nlibraryDependencies += \"com.ramotion.navigationtoolbar\" % \"navitagiton-toolbar\" % \"0.1.3\"\n```\nMaven:\n```xml\n\u003cdependency\u003e\n  \u003cgroupId\u003ecom.ramotion.navigationtoolbar\u003c/groupId\u003e\n  \u003cartifactId\u003enavigation-toolbar\u003c/artifactId\u003e\n  \u003cversion\u003e0.1.3\u003c/version\u003e\n  \u003ctype\u003eaar\u003c/type\u003e\n\u003c/dependency\u003e\n```\n\n## Basic usage\n\nNavigationToolBarLayout is the successor to CoordinatorLayout. Therefore, NavigationToolBarLayout\nmust be the root element of your layout. Displayed content must be inside\nNavigationToolBarLayout, as shown below:\n\n```xml\n\u003ccom.ramotion.navigationtoolbar.NavigationToolBarLayout\n    android:layout_width=\"match_parent\"\n    android:layout_height=\"match_parent\"\u003e\n\n    \u003cinclude layout=\"@layout/content_layout\"/\u003e\n\n    \u003candroid.support.design.widget.FloatingActionButton\n        android:id=\"@+id/fab\"\n        android:layout_width=\"wrap_content\"\n        android:layout_height=\"wrap_content\"\n        app:layout_anchor=\"@id/com_ramotion_app_bar\"\n        app:layout_anchorGravity=\"bottom|end\"\n        app:srcCompat=\"@android:drawable/ic_dialog_email\" /\u003e\n\n\u003c/com.ramotion.navigationtoolbar.NavigationToolBarLayout\u003e\n```\n\nNext, you must specify an adapter for NavigationToolBarLayout, from which\nNavigationToolBarLayout will receive the displayed View.\n\nNavigationToolBarLayout contains `android.support.v7.widget.Toolbar` and\n`android.support.design.widget.AppBarLayout`, access to which can be obtained through\nthe appropriate identifiers:\n``` xml\n@id/com_ramotion_toolbar \u003c!-- identifier of Toolbar --\u003e\n@id/com_ramotion_app_bar \u003c!-- identifier of AppBarLayout --\u003e\n```\nor through the appropriate properties of the NavigationToolBarLayout class:\n```kotlin\nval toolBar: Toolbar\nval appBarLayout: AppBarLayout\n```\n\nHere are the attributes you can specify through XML or related setters:\n* `headerOnScreenItemCount` - The maximum number of simultaneously displayed cards (items) in vertical orientation.\n* `headerCollapsingBySelectDuration` - Collapsing animation duration of header (HeaderLayout), when you click on the card in vertical orientation.\n* `headerTopBorderAtSystemBar` - Align the top card on the systembar or not.\n* `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.\n* `headerVerticalGravity` - Specifies the alignment of the vertical card. Can take the values: left, center, or right.\n\n## 🗂 Check this library on other language:\n\u003ca href=\"https://github.com/Ramotion/navigation-toolbar\"\u003e \n\u003cimg src=\"https://github.com/ramotion/navigation-stack/raw/master/Swift@2x.png\" width=\"178\" height=\"81\"\u003e\u003c/a\u003e\n\n\n## 📄 License\n\nNavigation Toolbar Android is released under the MIT license.\nSee [LICENSE](./LICENSE) for details.\n\nThis library is a part of a \u003ca href=\"https://github.com/Ramotion/android-ui-animation-components-and-libraries\"\u003e\u003cb\u003eselection of our best UI open-source projects\u003c/b\u003e\u003c/a\u003e\n\nIf you use the open-source library in your project, please make sure to credit and backlink to www.ramotion.com\n\n## 📱 Get the Showroom App for Android to give it a try\nTry this UI component and more like this in our Android app. Contact us if interested.\n\n\u003ca href=\"https://play.google.com/store/apps/details?id=com.ramotion.showroom\" \u003e\n\u003cimg src=\"https://raw.githubusercontent.com/Ramotion/react-native-circle-menu/master/google_play@2x.png\" width=\"104\" height=\"34\"\u003e\u003c/a\u003e\n\n\u003ca href=\"https://www.ramotion.com/agency/app-development/?utm_source=gthb\u0026utm_medium=repo\u0026utm_campaign=navigation-toolbar-android\"\u003e\n\u003cimg src=\"https://github.com/ramotion/gliding-collection/raw/master/contact_our_team@2x.png\" width=\"187\" height=\"34\"\u003e\u003c/a\u003e\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Framotion%2Fnavigation-toolbar-android","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Framotion%2Fnavigation-toolbar-android","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Framotion%2Fnavigation-toolbar-android/lists"}