SSCustomBottomNavigation

Getting Started

SSCustomBottomNavigation is a customizable bottom bar library with curved animations.

The actual features are:

Bottom Bar which have customizable text, color, background, icon.
Animated wave with customizable height

Demo

Gradle Dependency

Add it in your root build.gradle at the end of repositories:

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

Add the dependency in your app's build.gradle file

 dependencies {
 	implementation 'com.github.simformsolutions:SSCustomBottomNavigation:1.0'
 }

All Attributes

Attribute	Description	Default
`app:ss_defaultIconColor`	Set Default Icon Color	`#757575`
`app:ss_selectedIconColor`	Set Selected Icon Color	`#00C957`
`app:ss_iconTextColor`	Set Bottom Bar Text Color	`#003F87`
`app:ss_iconTextTypeface`	Set Bottom Bar Fonts	`#none`
`app:ss_selectedIconTextColor`	Set Bottom Bar Selected Text Color	`#003F87`
`app:ss_iconTextSize`	Set Bottom Bar Text size	`10sp`
`app:ss_waveHeight`	Set Wave Height	`7`
`app:ss_backgroundBottomColor`	Set Background Color for Bottom Bar	`#FF5733`
`app:ss_countBackgroundColor`	Set Background Color for Notification Badge	`#ff0000`
`app:ss_countTextColor`	Set Notification Badge text Color	`#9281c1`
`app:ss_countTypeface`	Set Font for Notification Badge	`none`
`app:ss_rippleColor`	Set Ripple Color	`#757575`
`app:ss_shadowColor`	Set Bottom Bar Shadow Color	`shadowColor`

Customization

Usage

<com.simform.custombottomnavigation.SSCustomBottomNavigation
            android:id="@+id/bottomNavigation"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            app:ss_backgroundBottomColor="#ffffff"
            app:ss_circleColor="#ff6f00"
            app:ss_waveHeight="7"
            app:ss_countBackgroundColor="#ff6f00"
            app:ss_countTextColor="#ffffff"
            app:ss_countTypeface="fonts/graphik_semibold.ttf"
            app:ss_defaultIconColor="#6200EE"
            app:ss_iconTextColor="#6200EE"
            app:ss_iconTextTypeface="fonts/graphik_semibold.ttf"
            app:ss_rippleColor="#2f424242"
            app:ss_iconTextSize="14sp"
            app:ss_selectedIconColor="#ff6f00"
            app:ss_selectedIconTextColor="#ff6f00"
            app:ss_shadowColor="#1f212121" />

Credits

This library was inspired by Meow Bottom Navigation

Find this library useful? ❤️

Support it by joining stargazers for this repository. ⭐

iOS Library.

Check our iOS Library also on Github

License

Copyright 2020 Simform Solutions

   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.

AshvinVavaliya / SSCustomBottomNavigation