Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

A simple Floating Action Button that shows an anchored Navigation View

License

NotificationsYou must be signed in to change notification settings

andremion/Floating-Navigation-View

Repository files navigation

License Apache 2.0minSdkVersion 19compileSdkVersion 30maven-central

Android Arsenal Floating-Navigation-ViewMaterialUp Floating-Navigation-ViewAndroid Weekly #224Android Sweets #38Android UI OpenSourceAwesome Android

Floating Navigation View

A simple Floating Action Button that shows an anchored Navigation View and was inspired byMenu Material Fixed created byTommaso Poletti

Sample

Installation

Include the library in yourbuild.gradle

dependencies{    compile'com.github.andremion:floatingnavigationview:1.3.0'}

or in yourpom.xml if you are using Maven

<dependency>  <groupId>com.github.andremion</groupId>  <artifactId>floatingnavigationview</artifactId>  <version>1.3.0</version>  <type>aar</type></dependency>

Usage example

<?xml version="1.0" encoding="utf-8"?><androidx.coordinatorlayout.widget.CoordinatorLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent">    <com.google.android.material.appbar.AppBarLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:fitsSystemWindows="true">    ...    <com.andremion.floatingnavigationview.FloatingNavigationViewandroid:id="@+id/floating_navigation_view"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_margin="@dimen/fab_margin"android:theme="@style/AppTheme.AppBarOverlay"app:layout_anchor="@id/toolbar"app:layout_anchorGravity="bottom|end"app:drawMenuBelowFab="true"app:headerLayout="@layout/navigation_view_header"app:menu="@menu/menu_navigation_view" /></androidx.coordinatorlayout.widget.CoordinatorLayout>

Custom attributes

  • The menu resource to inflate and populate items from<attr name="menu" format="reference" />

  • Layout resource to inflate as the header<attr name="headerLayout" format="reference" />

  • Item text customizations<attr name="itemIconTint" format="color"/><attr name="itemTextColor" format="color"/><attr name="itemBackground" format="reference"/><attr name="itemTextAppearance" format="reference"/>

  • If menu must be drawn below the FAB<attr name="drawMenuBelowFab" format="boolean" />

The recommended way to customize the background color is by using theapp:backgroundTint attribute inxml orsetBackgroundTintList inJava

<com.andremion.floatingnavigationview.FloatingNavigationViewandroid:id="@+id/floating_navigation_view"android:layout_width="wrap_content"android:layout_height="wrap_content"app:backgroundTint="#009688" />
mNavigationView.setBackgroundTintList(ColorStateList.valueOf(Color.parseColor("#009688")));

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

<com.andremion.floatingnavigationview.FloatingNavigationViewandroid:id="@+id/floating_navigation_view"android:layout_width="wrap_content"android:layout_height="wrap_content"android:tint="?android:textColorPrimary" />

See more at thesample

Libraries and tools used in the project

  • Design Support LibraryThe Design package provides APIs to support adding material design components and patterns to your apps.
  • VectAlignVectAlign 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é MionLicensed 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.0Unless required by applicable law or agreed to in writing, softwaredistributed 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 andlimitations under the License.

About

A simple Floating Action Button that shows an anchored Navigation View

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages


[8]ページ先頭

©2009-2025 Movatter.jp