romtsn / Arcnavigationview
Licence: apache-2.0
Another approach to create NavigationDrawer with Material concepts
Stars: ✭ 686
Programming Languages
java
68154 projects - #9 most used programming language
Projects that are alternatives of or similar to Arcnavigationview
Materialdialog Android
📱Android Library to implement animated, 😍beautiful, 🎨stylish Material Dialog in android apps easily.
Stars: ✭ 602 (-12.24%)
Mutual labels: material-design
React Notification
Provides snackbar notifications for React
Stars: ✭ 652 (-4.96%)
Mutual labels: material-design
React Native Material Dropdown
Material dropdown with consistent behaviour on iOS and Android
Stars: ✭ 661 (-3.64%)
Mutual labels: material-design
React Native Snackbar
🍱 Material Design "Snackbar" component for Android and iOS.
Stars: ✭ 613 (-10.64%)
Mutual labels: material-design
React Native Material Bottom Navigation
💅🔧👌 a beautiful, customizable and easy-to-use material design bottom navigation for react-native
Stars: ✭ 659 (-3.94%)
Mutual labels: material-design
Springboot Starterkit
Starter Kit for Spring Boot based (REST APIs and WebMVC) micro services.
Stars: ✭ 596 (-13.12%)
Mutual labels: material-design
Framework7 Vue
Deprecated! Build full featured iOS & Android apps using Framework7 & Vue
Stars: ✭ 682 (-0.58%)
Mutual labels: material-design
Material Components Flutter
Modular and customizable Material Design UI components for Flutter
Stars: ✭ 651 (-5.1%)
Mutual labels: material-design
Bottomdialogs
An Android library that shows a customizable Material-based bottom sheet. API 11+ required.
Stars: ✭ 624 (-9.04%)
Mutual labels: material-design
Material Kit
Free and Open Source UI Kit for Bootstrap 4, React, Vue.js, React Native and Sketch based on Google's Material Design
Stars: ✭ 5,672 (+726.82%)
Mutual labels: material-design
Material Drawer
Custom drawer implementation for Material design apps.
Stars: ✭ 611 (-10.93%)
Mutual labels: material-design
Fluid
📖 Library for QtQuick apps with Material Design
Stars: ✭ 601 (-12.39%)
Mutual labels: material-design
Music Player Go
🎶🎼 Very slim music player 👨🎤 100% made in Italy 🍕🌳🌞🍝🌄
Stars: ✭ 654 (-4.66%)
Mutual labels: material-design
Patternlock
Material Design Pattern Lock with auth flow implementation
Stars: ✭ 682 (-0.58%)
Mutual labels: material-design
Wanandroid
🐔🏀【停止维护,已使用Jetpack+Mvvm重构】根据鸿神提供的WanAndroid开放Api来制作的产品级玩安卓App,采用Kotlin语言,基于Material Design+AndroidX +MVP+RxJava+Retrofit等框架开发,注释超详细,方便大家练手
Stars: ✭ 674 (-1.75%)
Mutual labels: material-design
Material Shell
A modern desktop interface for Linux. Improve your user experience and get rid of the anarchy of traditional desktop workflows. Designed to simplify navigation and reduce the need to manipulate windows in order to improve productivity. It's meant to be 100% predictable and bring the benefits of tools coveted by professionals to everyone.
Stars: ✭ 6,189 (+802.19%)
Mutual labels: material-design
ArcNavigationView
WARNING
The repository is no longer maintained
NavigationView from android design support library with curved edge
Usage
<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:openDrawer="start">
...
<com.rom4ek.arcnavigationview.ArcNavigationView
android:id="@+id/nav_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="@android:color/white"
android:fitsSystemWindows="true"
app:itemBackground="@android:color/white"
app:headerLayout="@layout/nav_header_main"
app:menu="@menu/activity_main_drawer"
app:arc_cropDirection="cropOutside|cropInside"
app:arc_width="96dp"/>
</android.support.v4.widget.DrawerLayout>
Sample
Crop Outside
<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:openDrawer="start">
...
<com.rom4ek.arcnavigationview.ArcNavigationView
android:id="@+id/nav_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="@android:color/white"
android:fitsSystemWindows="true"
app:itemBackground="@android:color/white"
app:headerLayout="@layout/nav_header_main"
app:menu="@menu/activity_main_drawer"
app:arc_cropDirection="cropOutside"
app:arc_width="96dp"/>
</android.support.v4.widget.DrawerLayout>
Crop Inside
<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:openDrawer="start">
...
<com.rom4ek.arcnavigationview.ArcNavigationView
android:id="@+id/nav_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="@android:color/white"
android:fitsSystemWindows="true"
app:itemBackground="@android:color/white"
app:headerLayout="@layout/nav_header_main"
app:menu="@menu/activity_main_drawer"
app:arc_cropDirection="cropInside"
app:arc_width="96dp"/>
</android.support.v4.widget.DrawerLayout>
Translucent status or navigation bar
Simply add next lines to your styles-v21
folder
<style name="AppTheme" parent="AppTheme.Base">
<item name="android:windowTranslucentNavigation">true</item>
<item name="android:windowTranslucentStatus">true</item>
</style>
Download
In your module's build.gradle file:
dependencies {
implementation 'com.rom4ek:arcnavigationview:2.0.0'
}
Additionally
ArcNavigationView
also supports end|right gravity mode for displaying it on the right side of the screen. To prevent child views from cutting I recommend to support right-to-left direction. For that you need:
- Don't forget to support right-to-left mode by adding
android:supportsRtl="true"
inside your<application/>
tag inAndroidManifest.xml
. - Add
android:layoutDirection="rtl"
toArcNavigationView
.
You can look how to implement this more closely in the sample app
TODO
- Implement child views re-layout to prevent them from cutting, while using end|right gravity mode with left-to-right direction.
Acknowledgements
Thanks to Florent Champigny for his beautiful project ArcLayout. I've created this project based on his code with some adjustments.
License
Copyright 2017 Roman Zavarnitsyn.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
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].