All Projects → SimformSolutionsPvtLtd → Sscustombottomnavigation

SimformSolutionsPvtLtd / Sscustombottomnavigation

Licence: apache-2.0
Animated tabbar with native control

Programming Languages

kotlin
9241 projects

Projects that are alternatives of or similar to Sscustombottomnavigation

KBCustomCenterTabbar
利用系统的tabbar定义类似于掌上生活的中间按钮凸起的tabbar, 实现起来简单, 代码简便,, 希望能帮到你
Stars: ✭ 42 (-57.14%)
Mutual labels:  tabbar
Foldingtabbar.android
[DEPRECATED] Folding Tabbar menu for Android. This is a menu library.You can easily add a nice animated tab menu to your app.
Stars: ✭ 486 (+395.92%)
Mutual labels:  tabbar
Tap water
【声明:未发布前,勿使用,勿star,预计2020年11月底发布】Flutter tab_bar组件,支持中间带加号按钮的TabBar,支持Lottie动画。iTeaTime(技术清谈)团队出品。Highly customizable tabBar and tabBarController for Flutter
Stars: ✭ 52 (-46.94%)
Mutual labels:  tabbar
Lctabbarcontroller
A amazing and highly customized tabBarController! You could almost customize 100% properties with LCTabBarController!
Stars: ✭ 384 (+291.84%)
Mutual labels:  tabbar
React Native Tab View
A cross-platform Tab View component for React Native
Stars: ✭ 4,742 (+4738.78%)
Mutual labels:  tabbar
Cyltabbarcontroller
[EN]It is an iOS UI module library for adding animation to iOS tabbar items and icons with Lottie, and adding a bigger center UITabBar Item. [CN]【中国特色 TabBar】一行代码实现 Lottie 动画TabBar,支持中间带+号的TabBar样式,自带红点角标,支持动态刷新。【iOS13 & Dark Mode & iPhone XS MAX supported】
Stars: ✭ 6,605 (+6639.8%)
Mutual labels:  tabbar
flutter appbar
根据动画写一个带背景图片的TabBar,TabBar分隔符,NestedScrollView+TabBar折叠头部
Stars: ✭ 50 (-48.98%)
Mutual labels:  tabbar
Fwsidemenu
侧滑控件:支持左、右滑动的侧滑菜单,可配置单侧滑动,同时可配置菜单宽度等,更多配置请参考”可设置参数“。参考了QQ用户体验:支持边缘侧滑,解决手势冲突问题(边缘范围可设置)。提供OC使用Demo。
Stars: ✭ 90 (-8.16%)
Mutual labels:  tabbar
Estabbarcontroller
ESTabBarController is developed and maintained by Vincent Li. If you have any questions or issues in using ESTabBarController, welcome to issue. If you want to contribute to ESTabBarController, Please submit Pull Request, I will deal with it as soon as possible.
Stars: ✭ 4,649 (+4643.88%)
Mutual labels:  tabbar
Superbadges
Emoji Tab Bar button badges ✨
Stars: ✭ 47 (-52.04%)
Mutual labels:  tabbar
Sotabbar
Light way to add Fancy bottom bar 📲
Stars: ✭ 400 (+308.16%)
Mutual labels:  tabbar
React Native Tabbar Interaction
Tabbar Component For React-Native
Stars: ✭ 457 (+366.33%)
Mutual labels:  tabbar
React Native Animated Tabbar
A 60FPS animated tab bar with a variety of cool animation presets 😎
Stars: ✭ 890 (+808.16%)
Mutual labels:  tabbar
Foldingtabbar.ios
Folding Tab Bar and Tab Bar Controller
Stars: ✭ 3,677 (+3652.04%)
Mutual labels:  tabbar
Weapp Component Tabbar
微信小程序自定义组件:带未读数目的tab按钮
Stars: ✭ 56 (-42.86%)
Mutual labels:  tabbar
FluidBottomNavigation-rn
Animated Tab Bar Component for React Native
Stars: ✭ 179 (+82.65%)
Mutual labels:  tabbar
Transitionabletab
TransitionableTab makes it easy to animate when switching between tab.
Stars: ✭ 740 (+655.1%)
Mutual labels:  tabbar
Dgfloldabletabbarcontrol
An elegant foldable tabbar control.
Stars: ✭ 91 (-7.14%)
Mutual labels:  tabbar
Rn Collapsing Tab Bar
Collapsing header with tabs for react native
Stars: ✭ 71 (-27.55%)
Mutual labels:  tabbar
Swipeabletabbarcontroller
UITabBarController with swipe interaction between its tabs.
Stars: ✭ 919 (+837.76%)
Mutual labels:  tabbar

SSCustomBottomNavigation

Kotlin Version Platform API

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


demo_data

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


alt text

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


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.
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].