10clouds / Fluidbottomnavigation Android
Licence: mit
Fluid Bottom Navigation library for Android
Stars: ✭ 225
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
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
Lottiebottomnavbar
A Customisable bottom navbar with Lottie animation
Stars: ✭ 76 (-66.22%)
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
Alphatabsindicator
高仿微信底部状态栏的轻量级库,非MagicIndicator那么功能庞大,简化功能符合大多数BottomTabBar应用设计需求, Lightweight Library of high imitation WeChat bottom status bar
Stars: ✭ 1,086 (+382.67%)
Mutual labels: bottombar
Fluid Bottom Navigation
Sample
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].