May 5, 2019

261 words 2 mins read

tommybuonomo/morph-bottom-navigation

tommybuonomo/morph-bottom-navigation

This library represents a Bottom Navigation with an awesome morph effect on top of the selected item

repo name tommybuonomo/morph-bottom-navigation
repo link https://github.com/tommybuonomo/morph-bottom-navigation
homepage
language Kotlin
size (curr.) 171 kB
stars (curr.) 715
created 2018-06-10
license Apache License 2.0

Morph Bottom Navigation

Download

This library represents a Bottom Navigation with an awesome morph effect on top of the selected item.

ezgif com-crop

Don’t forget to star the project if you like it! star == heart

And feel free to submit issues and enhancement requests !

ezgif com-video-to-gif ezgif com-video-to-gif 1 ezgif com-video-to-gif 2

How to

Gradle

dependencies {
    implementation 'com.tbuonomo:morph-bottom-navigation:1.0.1'
}

Usage

MorphBottomNavigationView extends the BottomNavigationView from the official Google Material Component repository, so you can use it as described on the Android Developers documentation

In your XML layout

<com.tbuonomo.morphbottomnavigation.MorphBottomNavigationView
    android:id="@+id/bottomNavigationView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_constraintBottom_toBottomOf="parent"
    app:menu="@menu/menu_bottom_navigation"
    app:backgroundTint="@color/colorPrimary"
    app:morphCornerRadius="128dp"
    app:morphItemRadius="64dp"
    app:morphVerticalOffset="8dp"
    style="@style/BottomNavigationView"
    />

Custom Attributes

Attribute Description
backgroundTint Color of the bottom navigation background
morphCornerRadius Radius in dp of the morph corners (by default 128dp)
morphItemRadius Radius in dp of the morph item circle shape (by default 64dp)
morphVerticalOffset The vertical offset of the morph shape above the bottom navigation (by default 8dp)

License

Copyright 2018 Tommy Buonomo

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.
comments powered by Disqus