{"id":15027977,"url":"https://github.com/asdsolutions-os/duo-navigation-drawer","last_synced_at":"2025-05-16T19:08:40.940Z","repository":{"id":42531510,"uuid":"89210752","full_name":"asdsolutions-os/duo-navigation-drawer","owner":"asdsolutions-os","description":"A flexible, easy to use, unique drawer library for your Android project.","archived":false,"fork":false,"pushed_at":"2019-03-01T09:08:45.000Z","size":22127,"stargazers_count":1096,"open_issues_count":24,"forks_count":189,"subscribers_count":25,"default_branch":"master","last_synced_at":"2025-04-12T18:51:23.597Z","etag":null,"topics":["android","android-drawer","android-library","android-menu","drawer","drawerlayout","layout","library","menu","navigation-drawer","slide"],"latest_commit_sha":null,"homepage":"http://psdcompany.nl/","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/asdsolutions-os.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-04-24T07:35:19.000Z","updated_at":"2025-04-02T16:08:52.000Z","dependencies_parsed_at":"2022-08-25T20:41:49.702Z","dependency_job_id":null,"html_url":"https://github.com/asdsolutions-os/duo-navigation-drawer","commit_stats":null,"previous_names":["psd-company/duo-navigation-drawer","psdcompany/duo-navigation-drawer"],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asdsolutions-os%2Fduo-navigation-drawer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asdsolutions-os%2Fduo-navigation-drawer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asdsolutions-os%2Fduo-navigation-drawer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asdsolutions-os%2Fduo-navigation-drawer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/asdsolutions-os","download_url":"https://codeload.github.com/asdsolutions-os/duo-navigation-drawer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254592395,"owners_count":22097013,"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","android-drawer","android-library","android-menu","drawer","drawerlayout","layout","library","menu","navigation-drawer","slide"],"created_at":"2024-09-24T20:07:24.020Z","updated_at":"2025-05-16T19:08:40.921Z","avatar_url":"https://github.com/asdsolutions-os.png","language":"Java","funding_links":["http://www.paypal.me/alexanderpot"],"categories":[],"sub_categories":[],"readme":"# Duo Navigation Drawer [ ![Download](https://api.bintray.com/packages/psdcompany/maven/duo-navigation-drawer/images/download.svg) ](https://bintray.com/psdcompany/maven/duo-navigation-drawer/_latestVersion) [![Build Status](https://travis-ci.org/PSD-Company/duo-navigation-drawer.svg?branch=master)](https://travis-ci.org/PSD-Company/duo-navigation-drawer) [![Android Arsenal](https://img.shields.io/badge/Android%20Arsenal-DuoNavigationDrawer-brightgreen.svg?style=flat)](https://android-arsenal.com/details/1/5779)\r\n\r\nThis Android library provides an easy way to create an alternative navigation\r\ndrawer for android. Instead of a drawer that slides over the main content of\r\nthe Activity, this lets the content slide away and reveal a menu below it.\r\n\r\nBy default it applies a scaling effect on the content and menu.\r\n\r\n### AndroidX\r\n\r\nIf you're still using legacy Android Support libraries you can use v2.0.8. AndroidX is supported by default since v3.0.0.\r\n\r\n## Demo\r\n[![Demo CountPages alpha](https://j.gifs.com/vgyrrV.gif)][2]\r\n\r\nThe demo app is included in the `app` module in this project.\r\n\r\n## Getting Started\r\n\r\n### Prerequisites\r\n\r\nYou can download a jar from GitHub's [releases page][1].\r\n\r\nOr use Gradle:\r\n\r\n```gradle\r\nrepositories {\r\n    mavenCentral() // jcenter() works as well because it pulls from Maven Central\r\n}\r\n\r\ndependencies {\r\n    compile 'nl.psdcompany:duo-navigation-drawer:3.0.0'\r\n}\r\n```\r\n\r\nOr Maven:\r\n\r\n```xml\r\n\u003cdependency\u003e\r\n  \u003cgroupId\u003enl.psdcompany\u003c/groupId\u003e\r\n  \u003cartifactId\u003eduo-navigation-drawer\u003c/artifactId\u003e\r\n  \u003cversion\u003e3.0.0\u003c/version\u003e\r\n  \u003ctype\u003epom\u003c/type\u003e\r\n\u003c/dependency\u003e\r\n```\r\n\r\n### Installing\r\n\r\n\r\n#### 1. Add the `DuoNavigationDrawer` view to your activity\r\n```xml\r\n\u003cnl.psdcompany.duonavigationdrawer.views.DuoDrawerLayout\r\n    xmlns:android=\"http://schemas.android.com/apk/res/android\"\r\n    android:layout_width=\"match_parent\"\r\n    android:layout_height=\"match_parent\"\r\n    ... /\u003e\r\n```\r\n\r\n#### 2. Add the `content view` view to your `drawer`\r\nAdd the a content view to your drawer by adding the attribute: `app:content` to your drawer.\r\n\r\n```xml\r\n\u003cnl.psdcompany.duonavigationdrawer.views.DuoDrawerLayout\r\n    xmlns:android=\"http://schemas.android.com/apk/res/android\"\r\n    app:content=\"@layout/content\"\r\n    ... /\u003e\r\n```\r\n\r\nor, you can also add a view within the drawer with the tag `content`.\r\n\r\n```xml\r\n\u003cnl.psdcompany.duonavigationdrawer.views.DuoDrawerLayout\r\n    xmlns:android=\"http://schemas.android.com/apk/res/android\"\r\n    ... \u003e\r\n    \r\n    \u003cFrameLayout\r\n        android:id=\"@+id/container\"\r\n        android:layout_width=\"match_parent\"\r\n        android:layout_height=\"match_parent\"\r\n        android:tag=\"content\"\r\n        ... /\u003e\r\n\r\n\u003c/nl.psdcompany.duonavigationdrawer.views.DuoDrawerLayout\u003e\r\n```\r\n\r\n#### 3. Add the `menu view` view to your `drawer`\r\nAdd the a menu view to your drawer by adding the attribute: `app:menu` to your drawer.\r\n\r\n```xml\r\n\u003cnl.psdcompany.duonavigationdrawer.views.DuoDrawerLayout\r\n    xmlns:android=\"http://schemas.android.com/apk/res/android\"\r\n    app:menu=\"@layout/menu\"\r\n    ... /\u003e\r\n```\r\n\r\nor, you can also add a view within the drawer with the tag `menu`.\r\n\r\n```xml\r\n\u003cnl.psdcompany.duonavigationdrawer.views.DuoDrawerLayout\r\n    xmlns:android=\"http://schemas.android.com/apk/res/android\"\r\n    ... \u003e\r\n    \r\n    \u003cFrameLayout\r\n        android:layout_width=\"match_parent\"\r\n        android:layout_height=\"match_parent\"\r\n        android:tag=\"menu\"\r\n        ... /\u003e\r\n\r\n\u003c/nl.psdcompany.duonavigationdrawer.views.DuoDrawerLayout\u003e\r\n```\r\n\r\n#### 4. Initialize the drawer view\r\n\r\nThe API of the `DuoNavigationDrawer` is mostly the same as the original `DrawerLayout` from the Android design library. Same for `DuoDrawerToggle` which is a modified version of the `ActionBarDrawerToggle` to support the `DuoDrawerLayout`.\r\n\r\n```Java\r\nDuoDrawerLayout drawerLayout = (DuoDrawerLayout) findViewById(R.id.drawer);\r\nDuoDrawerToggle drawerToggle = new DuoDrawerToggle(this, drawerLayout, toolbar,\r\n        R.string.navigation_drawer_open,\r\n        R.string.navigation_drawer_close);\r\n\r\ndrawerLayout.setDrawerListener(drawerToggle);\r\ndrawerToggle.syncState();\r\n```\r\n\r\n## Customization\r\n\r\n### Using the `DuoMenuView`\r\n\r\nIf you want your `menu` to look like the demo. you should consider using the `DuoMenuView` For more info using the `DuoMenuView` click [here][3].\r\n\r\n### Effects\r\n\r\nAll values are `Float` values. The default values are used in the example.\r\n\r\n#### Content scaling effect\r\nThe scaling applied on the content when sliding it from left to right.\r\n```xml\r\napp:contentScaleClosed=\"1.0\"\r\napp:contentScaleOpen=\"0.7\"\r\n```\r\n\r\n#### Menu scaling effect\r\nThe scaling applied on the menu when sliding the content from left to right.\r\n```xml\r\napp:menuScaleClosed=\"1.1\"\r\napp:menuScaleOpen=\"1.0\"\r\n```\r\n\r\n#### Click to close surface scaling effect\r\nThe scaling applied on the click to close surface when the drawer is open.\r\n```xml\r\napp:clickToCloseScale=\"0.7\"\r\n```\r\n\r\n#### Menu alpha effect\r\nThe alpha on the menu when sliding the content from left to right.\r\n```xml\r\napp:menuAlphaClosed=\"0.0\"\r\napp:menuAlphaOpen=\"1.0\"\r\n```\r\n\r\n#### Content margin factor\r\nThis value is used to calculate how much of the content should be visible when the content is slided to the right. This is calculated with the width of the `DuoDrawerLayout` when: `getWidth * marginFactor`. So setting this to 1.0f will slide the content out of the activity. The default is 0.7f.\r\n\r\n```xml\r\napp:marginFactor=\"0.7\"\r\n```\r\n## Apps using the DuoNavigationDrawer\r\n\r\n* [Bagels \u0026 Beans](https://play.google.com/store/apps/details?id=nl.dtt.bagelsbeans)\r\n* [Hebban](https://play.google.com/store/apps/details?id=nl.dtt.hebban)\r\n\r\nFeel free to apply your app to the list by sending me an email with a link to your app in the play store.\r\n\r\n## Developed By\r\n\r\n* Alexander Pot - \u003calexander.dpot@gmail.com\u003e\r\n\r\n## Donations\r\nIf you'd like to support DuoNavigationDrawer development, you could make some donations here:\r\n\r\n* [![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](http://www.paypal.me/alexanderpot)\r\n\r\nThank you very much in advance!\r\n\r\n## License\r\n\r\n    Copyright 2017 Alexander Pot\r\n\r\n    Licensed under the Apache License, Version 2.0 (the \"License\");\r\n    you may not use this file except in compliance with the License.\r\n    You may obtain a copy of the License at\r\n\r\n       http://www.apache.org/licenses/LICENSE-2.0\r\n\r\n    Unless required by applicable law or agreed to in writing, software\r\n    distributed under the License is distributed on an \"AS IS\" BASIS,\r\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n    See the License for the specific language governing permissions and\r\n    limitations under the License.\r\n\r\n[1]: https://github.com/PSD-Company/duo-navigation-drawer/releases\r\n[2]: https://www.youtube.com/watch?v=Batgo5dDxyw\r\n[3]: https://github.com/PSD-Company/duo-navigation-drawer/blob/master/dev/MENU_VIEW.md\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasdsolutions-os%2Fduo-navigation-drawer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fasdsolutions-os%2Fduo-navigation-drawer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasdsolutions-os%2Fduo-navigation-drawer/lists"}