All Projects → iammert → Readablebottombar

iammert / Readablebottombar

Yet another material bottom bar library for Android

Programming Languages

kotlin
9241 projects

Projects that are alternatives of or similar to Readablebottombar

Arclayout
With Arc Layout explore new styles and approaches on material design
Stars: ✭ 1,662 (+70.11%)
Mutual labels:  material, view, layout
Bubbletab
Put some bubble in your tabs and give your apps a supa fresh style !
Stars: ✭ 537 (-45.04%)
Mutual labels:  material, layout, bar
EnhancedNavigationView
A different BottomNavigationView that you could find in all android apps
Stars: ✭ 116 (-88.13%)
Mutual labels:  material, layout, bar
Material Bottom Nav
A bottom navigation bar adhering to the Material Design specification.
Stars: ✭ 41 (-95.8%)
Mutual labels:  material, bar, tab
Expansionpanel
Android - Expansion panels contain creation flows and allow lightweight editing of an element.
Stars: ✭ 1,984 (+103.07%)
Mutual labels:  material, view, layout
TabBar
📱 TabBar – highly customizable tab bar for your SwiftUI application.
Stars: ✭ 105 (-89.25%)
Mutual labels:  view, bar, tab
Shapeofview
Give a custom shape to any android view, Material Design 2 ready
Stars: ✭ 2,977 (+204.71%)
Mutual labels:  material, view, layout
Materialimageloading
Material image loading implementation
Stars: ✭ 396 (-59.47%)
Mutual labels:  material, view
Medusa
Android fragment stack controller
Stars: ✭ 395 (-59.57%)
Mutual labels:  tab, bottombar
Mylinearlayout
MyLayout is a powerful iOS UI framework implemented by Objective-C. It integrates the functions with Android Layout,iOS AutoLayout,SizeClass, HTML CSS float and flexbox and bootstrap. So you can use LinearLayout,RelativeLayout,FrameLayout,TableLayout,FlowLayout,FloatLayout,PathLayout,GridLayout,LayoutSizeClass to build your App 自动布局 UIView UITab…
Stars: ✭ 4,152 (+324.97%)
Mutual labels:  view, layout
Kotlinpleaseanimate
Kotlin, please, can you animate my views ?
Stars: ✭ 541 (-44.63%)
Mutual labels:  material, view
Android Slidr
Another android slider / seekbar, but different :-)
Stars: ✭ 326 (-66.63%)
Mutual labels:  view, bar
Scalinglayout
With Scaling Layout scale your layout on user interaction.
Stars: ✭ 3,276 (+235.31%)
Mutual labels:  view, layout
Bouncylayout
Make. It. Bounce.
Stars: ✭ 4,035 (+313%)
Mutual labels:  view, layout
Stevia
🍃 Concise Autolayout code
Stars: ✭ 3,182 (+225.69%)
Mutual labels:  view, layout
Stacks
⚡ Build React Native views blazingly fast.
Stars: ✭ 281 (-71.24%)
Mutual labels:  view, layout
Materialtimelineview
With MaterialTimelineView you can easily create a material looking timeline.
Stars: ✭ 443 (-54.66%)
Mutual labels:  material, view
Navigationtabbar
Navigation tab bar with colorful interactions.
Stars: ✭ 4,907 (+402.25%)
Mutual labels:  bar, tab
Physicslayout
Android layout that simulates physics using JBox2D
Stars: ✭ 658 (-32.65%)
Mutual labels:  view, layout
Chips Input Layout
A customizable Android ViewGroup for displaying Chips (specified in the Material Design Guide).
Stars: ✭ 591 (-39.51%)
Mutual labels:  material, view

ReadableBottomBar

Yet another material bottom bar library for Android

GIF

Design Credits

All design and inspiration credits goes to Ranjit.

Usage

  • Create your tabs.xml under your res/xml/ folder
<?xml version="1.0" encoding="utf-8"?>
<tabs>
    <tab
        drawable="@drawable/ic_home_black_24dp"
        text="@string/home" />

    <tab
        drawable="@drawable/ic_search_black_24dp"
        text="@string/search" />

    <tab
        drawable="@drawable/ic_shopping_basket_black_24dp"
        text="@string/bag" />

    <tab
        drawable="@drawable/ic_favorite_black_24dp"
        text="@string/favorite" />

    <tab
        drawable="@drawable/ic_account_circle_black_24dp"
        text="@string/profile" />
</tabs>
  • Add bottom bar to your layout
<com.iammert.library.readablebottombar.ReadableBottomBar
    android:layout_width="match_parent"
    android:layout_height="56dp"
    app:rbb_tabs="@xml/tabs"/>
  • Add listener
bottomBar.setOnItemSelectListener( object :ReadableBottomBar.ItemSelectListener{
    override fun onItemSelected(index: Int) {
    }
})
  • Set index at runtime
bottomBar.selectItem(index)
  • Customize if you need
<com.iammert.library.readablebottombar.ReadableBottomBar
    android:layout_width="match_parent"
    android:layout_height="56dp"
    app:rbb_tabs="@xml/tabs"
    app:rbb_textColor=""
    app:rbb_indicatorHeight=""
    app:rbb_indicatorColor=""
    app:rbb_initialIndex=""
    app:rbb_backgroundColor=""
    app:rbb_textSize=""
    app:rbb_activeItemType="text or icon"/>

Setup

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

dependencies {
    implementation 'com.github.iammert:ReadableBottomBar:0.2'
}

License

Copyright 2019 Mert Şimşek

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