AnimatedTabLayout

Yet another android tab layout.

AnimatedTabLayout

gf

Setup

  • Create your tabs file under res/xml/ folder.
<?xml version="1.0" encoding="utf-8"?>
<tabs size="@dimen/size"
    space="@dimen/space">

    <tab
        inactiveColor="@color/colorGray"
        activeColor="@color/colorOrange"
        drawable="@drawable/ic_star_white_24dp"/>

    <tab
        inactiveColor="@color/colorGray"
        activeColor="@color/colorBlue"
        drawable="@drawable/ic_dialpad_white_24dp"/>

    <tab
        inactiveColor="@color/colorGray"
        activeColor="@color/colorRed"
        drawable="@drawable/ic_access_time_white_24dp"/>

    <tab
        inactiveColor="@color/colorGray"
        activeColor="@color/colorPurple"
        drawable="@drawable/ic_account_circle_white_24dp"/>
</tabs>
  • Add tabs
<com.iammert.library.AnimatedTabLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:atl_tabs="@xml/tabs"/>
  • Setup with viewpager or listen change on tab click.
atl.setupViewPager(viewpager)
atl.setTabChangeListener(object : AnimatedTabLayout.OnChangeListener {
    override fun onChanged(position: Int) {
    }
})

Dependency

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

dependencies {
      implementation 'com.github.iammert:AnimatedTabLayout:0.1'
}

TODO

  • [ ] Animated Vector Drawable on tab expand.
  • [ ] tabMode support(scrolling, fixed)

GitHub