iammert / Animatedtablayout
Yet another android tab layout
Stars: ✭ 572
Programming Languages
kotlin
9241 projects
Projects that are alternatives of or similar to Animatedtablayout
Android Tablayouthelper
A small library which helps to use TabLayout with ViewPager more easily.
Stars: ✭ 181 (-68.36%)
Mutual labels: tabs, tablayout
Material-BottomBarLayout
🎉A material navigation bar library which has pretty animations and different ways of arrangement.
Stars: ✭ 56 (-90.21%)
Mutual labels: tabs, tablayout
Multisearchview
Yet another built-in animated search view for Android.
Stars: ✭ 837 (+46.33%)
Mutual labels: customview, tablayout
PagerSlidingTabStrip
An interactive indicator to navigate between the different pages of a ViewPager
Stars: ✭ 2,194 (+283.57%)
Mutual labels: tabs, tablayout
Legacytableview
simple light weight android library for displaying tabulated data
Stars: ✭ 39 (-93.18%)
Mutual labels: customview, tablayout
un-material-tab
(deprecated) Custom tab layout which can be used as a material TabLayout alternative and contains basic functionality which Google's TabLayout has.
Stars: ✭ 83 (-85.49%)
Mutual labels: tabs, tablayout
React Router Navigation
⛵️ A complete navigation library for React Native, React DOM and React Router
Stars: ✭ 498 (-12.94%)
Mutual labels: tabs
Sysend.js
Send messages between open pages or tabs in same browser
Stars: ✭ 347 (-39.34%)
Mutual labels: tabs
Snaptablayout
Android library for fluid tablayout animation as seen on Snapchat.
Stars: ✭ 547 (-4.37%)
Mutual labels: tablayout
Responsive Tabs
Responsive Tabs is a jQuery plugin that provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint. You can use this plugin as a solution for displaying tabs elegantly on desktop, tablet and mobile.
Stars: ✭ 529 (-7.52%)
Mutual labels: tabs
Bootstrap Vertical Tabs
Missing vertical tabs component for bootstrap.
Stars: ✭ 489 (-14.51%)
Mutual labels: tabs
Simple Tab Groups
Create, modify and quick change tab groups. Inspired by the Tab Groups app :)
Stars: ✭ 500 (-12.59%)
Mutual labels: tabs
React Native Tab View
A cross-platform Tab View component for React Native
Stars: ✭ 4,742 (+729.02%)
Mutual labels: tabs
Flutter deer
🦌 Flutter 练习项目(包括集成测试、可访问性测试)。内含完整UI设计图,更贴近真实项目的练习。Flutter practice project. Includes a complete UI design and exercises that are closer to real projects.
Stars: ✭ 5,725 (+900.87%)
Mutual labels: customview
AnimatedTabLayout
GIF
Motivation
Thanks to Igor for sharing this awesome animation. I motivated myself to create android library.
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)
License
Copyright 2018 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].