Skip to content
プロジェクト

tommybuonomo/morph-bottom-navigation

GitHubで見る

tommybuonomo/morph-bottom-navigation has 1,012 GitHub stars and 101 forks. GitHot measured 0 stars in 24 hours and 0 in 7 days. Last checked 2026-11-11 02:34 UTC. Last push 2021-02-20.

この数値の測り方

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

計測したスター増加

24時間
0
7日間
0
15日間
更新が遅れています
1か月
更新が遅れています

期間ごとの純増数です。期間は重複しており、日別の値ではありません。未計測の値は空欄です。スター数は注目度の指標であり、品質の保証ではありません。

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.

関連プロジェクトを探す