https://github.com/andremion/Floating-Navigation-View

A simple Floating Action Button that shows an anchored Navigation View
https://github.com/andremion/Floating-Navigation-View

android button fab floating-action-button navigation navigation-view

Last synced: 6 days ago
JSON representation

A simple Floating Action Button that shows an anchored Navigation View

• Host: GitHub
• URL: https://github.com/andremion/Floating-Navigation-View
• Owner: andremion
• License: apache-2.0
• Created: 2016-08-11T13:34:14.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2022-08-30T07:07:42.000Z (over 2 years ago)
• Last Synced: 2024-12-01T09:00:28.357Z (12 days ago)
• Topics: android, button, fab, floating-action-button, navigation, navigation-view
• Language: Java
• Size: 301 KB
• Stars: 1,291
• Watchers: 25
• Forks: 188
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-android - Floating-Navigation-View - A simple Floating Action Button that shows an anchored Navigation View. (Libraries / GUI)
• Android-Awesome-Resources - Floating-Navigation-View
• awesome-android - Floating-Navigation-View - A simple Floating Action Button that shows an anchored Navigation View. (Libraries / GUI)
• awesome-github-android-ui - Floating-Navigation-View - 浮动菜单显示锚导航视图 (FAB)

README

        
[![License Apache 2.0](https://img.shields.io/badge/License-Apache%202.0-blue.svg?style=true)](http://www.apache.org/licenses/LICENSE-2.0)

![minSdkVersion 19](https://img.shields.io/badge/minSdkVersion-19-red.svg?style=true)

![compileSdkVersion 30](https://img.shields.io/badge/compileSdkVersion-30-yellow.svg?style=true)

[![maven-central](https://img.shields.io/maven-central/v/com.github.andremion/floatingnavigationview.svg)](https://search.maven.org/#artifactdetails%7Ccom.github.andremion%7Cfloatingnavigationview%7C1.3.0%7Caar)

[![Android Arsenal Floating-Navigation-View](https://img.shields.io/badge/Android%20Arsenal-Floating--Navigation--View-green.svg?style=true)](https://android-arsenal.com/details/1/4134)

[![MaterialUp Floating-Navigation-View](https://img.shields.io/badge/MaterialUp-Floating--Navigation--View-blue.svg?style=true)](https://www.uplabs.com/posts/floating-navigation-view)

[![Android Weekly #224](https://img.shields.io/badge/Android%20Weekly-%23224-blue.svg?style=true)](http://androidweekly.net/issues/issue-224)

[![Android Sweets #38](https://img.shields.io/badge/Android%20Sweets-%2338-ff69b4.svg?style=true)](https://androidsweets.ongoodbits.com/2016/09/29/issue-38)

[![Android UI OpenSource](https://img.shields.io/badge/Android%20UI%20OpenSource-2016-yellow.svg?style=true)](https://kmshack.github.io/AndroidUICollection/page2/)

[![Awesome Android](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/JStumpp/awesome-android#navigation)

# Floating Navigation View

A simple Floating Action Button that shows an anchored Navigation View and was inspired by [Menu Material Fixed](http://www.uplabs.com/posts/menu-material-fixed) created by [Tommaso Poletti](http://www.uplabs.com/tomma5o)

![Sample](https://raw.githubusercontent.com/andremion/Floating-Navigation-View/master/art/sample.gif)

## Installation

Include the library in your `build.gradle`

```groovy

dependencies{

    compile 'com.github.andremion:floatingnavigationview:1.3.0'

}

```

or in your `pom.xml` if you are using Maven

```xml

  com.github.andremion

  floatingnavigationview

  1.3.0

  aar

```

## Usage example

```xml

    

    ...

    

```

### Custom attributes

- The menu resource to inflate and populate items from

``

    

- Layout resource to inflate as the header

``

- Item text customizations

``

``

``

``

- If menu must be drawn below the FAB

``

The recommended way to customize the background color is by using the `app:backgroundTint` attribute in `xml` or `setBackgroundTintList` in `Java`

```xml

```

```java

mNavigationView.setBackgroundTintList(ColorStateList.valueOf(Color.parseColor("#009688")));

```

You can also set the button icon color according to the theme by setting the `android:tint` to a theme attribute:

```xml

```

See more at the [sample](https://github.com/andremion/Floating-Navigation-View/tree/master/sample)

## Libraries and tools used in the project

* [Design Support Library](http://developer.android.com/intl/pt-br/tools/support-library/features.html#design)

The Design package provides APIs to support adding material design components and patterns to your apps.

* [VectAlign](https://github.com/bonnyfone/vectalign)

VectAlign is a developer's tool which aligns two VectorDrawable "pathData" strings (or SVG images) in order to allow morphing animations between them using an AnimatedVectorDrawable.

## License

    Copyright 2019 André Mion

    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.