All Projects → 10clouds → Fluidbottomnavigation Android

10clouds / Fluidbottomnavigation Android

Licence: mit
Fluid Bottom Navigation library for Android

Programming Languages

kotlin
9241 projects

Projects that are alternatives of or similar to Fluidbottomnavigation Android

IRBottomNavigationView
Floating Bottom Navigation/Tab System
Stars: ✭ 48 (-78.67%)
Mutual labels:  bottombar
Animatedbottombar
A customizable and easy to use BottomBar navigation view with sleek animations, with support for ViewPager, ViewPager2, NavController, and badges.
Stars: ✭ 797 (+254.22%)
Mutual labels:  bottombar
Bottomify Navigation View
A nice looking Spotify like bottom navigation view
Stars: ✭ 97 (-56.89%)
Mutual labels:  bottombar
BottomBar
仿京东底部栏重复选择刷新动画,还有普通的样式和 MaterialDesign 样式
Stars: ✭ 14 (-93.78%)
Mutual labels:  bottombar
Expandablebottombar
A new way to implement navigation in your app 🏎
Stars: ✭ 467 (+107.56%)
Mutual labels:  bottombar
Adaptablebottomnavigation
A simpler way for implementing the Bottom Navigation View on Android
Stars: ✭ 844 (+275.11%)
Mutual labels:  bottombar
BetterBottomBar
Fork of the BottomNavigationView from the design lib to allow for view state, accessibility and colorful animations
Stars: ✭ 33 (-85.33%)
Mutual labels:  bottombar
Navbar
增强版BottomNavigationView
Stars: ✭ 132 (-41.33%)
Mutual labels:  bottombar
Chip Navigation Bar
An android navigation bar widget
Stars: ✭ 491 (+118.22%)
Mutual labels:  bottombar
Lottiebottomnavbar
A Customisable bottom navbar with Lottie animation
Stars: ✭ 76 (-66.22%)
Mutual labels:  bottombar
Medusa
Android fragment stack controller
Stars: ✭ 395 (+75.56%)
Mutual labels:  bottombar
Bottomnavigation
This Library helps users to use Bottom Navigation Bar (A new pattern from google) with ease and allows ton of customizations
Stars: ✭ 4,299 (+1810.67%)
Mutual labels:  bottombar
Readablebottombar
Yet another material bottom bar library for Android
Stars: ✭ 977 (+334.22%)
Mutual labels:  bottombar
BottomAppBar
Example project to show how to handle BottomAppBar
Stars: ✭ 19 (-91.56%)
Mutual labels:  bottombar
Material Bottomnavigation
Bottom Navigation widget component inspired by the Google Material Design Guidelines at https://www.google.com/design/spec/components/bottom-navigation.html
Stars: ✭ 1,375 (+511.11%)
Mutual labels:  bottombar
BottomNavygation
Bottom Navigation based on Bottom Navigation View from Android
Stars: ✭ 62 (-72.44%)
Mutual labels:  bottombar
Animatedbottombar
This library allows you to show bottom navigation quickly, simply and animated.
Stars: ✭ 24 (-89.33%)
Mutual labels:  bottombar
Bottomnavbar
Easily add four tabbed bottom navigation bar in your activity.
Stars: ✭ 202 (-10.22%)
Mutual labels:  bottombar
Justbar
Just a bar
Stars: ✭ 118 (-47.56%)
Mutual labels:  bottombar
Alphatabsindicator
高仿微信底部状态栏的轻量级库,非MagicIndicator那么功能庞大,简化功能符合大多数BottomTabBar应用设计需求, Lightweight Library of high imitation WeChat bottom status bar
Stars: ✭ 1,086 (+382.67%)
Mutual labels:  bottombar

Fluid Bottom Navigation Build Status Download library

Sample

Sample Fluid Bottom Navigation

Installation

Use the JitPack package repository.

Add jitpack.io repository to your root build.gradle file:

allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

Next add library to your project build.gradle file: Gradle:

implementation 'com.github.10clouds:FluidBottomNavigation-android:{last_release_version}'

Usage

Place FluidBottomNavigation in your layout:

<com.tenclouds.fluidbottomnavigation.FluidBottomNavigation
            android:id="@+id/fluidBottomNavigation"
            android:layout_height="wrap_content"
            android:layout_width="0dp" />

then set navigation items to component:

fluidBottomNavigation.items =
                listOf(
                        FluidBottomNavigationItem(
                                getString(R.string.news),
                                ContextCompat.getDrawable(this, R.drawable.ic_news)),
                        FluidBottomNavigationItem(
                                getString(R.string.inbox),
                                ContextCompat.getDrawable(this, R.drawable.ic_inbox)),
                        FluidBottomNavigationItem(
                                getString(R.string.calendar),
                                ContextCompat.getDrawable(this, R.drawable.ic_calendar)),
                        FluidBottomNavigationItem(
                                getString(R.string.chat),
                                ContextCompat.getDrawable(this, R.drawable.ic_chat)),
                        FluidBottomNavigationItem(
                                getString(R.string.profile),
                                ContextCompat.getDrawable(this, R.drawable.ic_profile)))

Application with example is in app folder

Customization

You can customize component from XML layout file, using attributes:

app:accentColor="@color/accentColor"
app:backColor="@color/backColor"
app:iconColor="@color/iconColor"
app:iconSelectedColor="@color/iconSelectedColor"
app:textColor="@color/textColor"

or from Java/Kotlin code:

fluidBottomNavigation.accentColor = ContextCompat.getColor(this, R.color.accentColor)
fluidBottomNavigation.backColor = ContextCompat.getColor(this, R.color.backColor)
fluidBottomNavigation.textColor = ContextCompat.getColor(this, R.color.textColor)
fluidBottomNavigation.iconColor = ContextCompat.getColor(this, R.color.iconColor)
fluidBottomNavigation.iconSelectedColor = ContextCompat.getColor(this, R.color.iconSelectedColor)

Library made by Jakub Jodełka

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].