• Stars
    star
    1,010
  • Rank 45,519 (Top 0.9 %)
  • Language
    Kotlin
  • License
    Apache License 2.0
  • Created over 6 years ago
  • Updated over 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

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.