This library is the implementation of TabLayout as seen on popular messaging app Snapchat Snapchat.com.
It can be used to animate Three or Five tabs.
implementation 'com.fridayof1995.tabanimation:SnapTablayout:0.0.7'
<com.fridayof1995.tabanimation.SnapTabLayout
android:id="@+id/tabLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
.
.
custom:numOfTabs="three"
/>This parameter specifies the number of tabs required:
setNumOfTabs(SnapTabLayout.NumOfTabs.THREE);
or
setNumOfTabs(SnapTabLayout.NumOfTabs.FIVE);
This parameter specifies the icons to be inflated:
All of the below are ImageButtons so you can set image, background etc.
tabLayout.smallCenterButton.setImageResource()
tabLayout.largeCenterButton.setImageResource()
tabLayout.startButton.setImageResource()
tabLayout.endButton.setImageResource()
//Below required only when using five tabs.
tabLayout.midStart.setImageResource()
tabLayout.midEnd.setImageResource()
This parameter sets the background in extended and collapsed tab mode:
tabLayout.setBackgroundCollapsed(R.drawable.tab_gradient_collapsed) // By default black fall gradient.
tabLayout.setBackgroundExpanded(R.drawable.tab_gradient_expanded)
This parameter sets the ColorFilter in extended and collapsed tab mode:
// When the layout moves from expanded to collapsed: Icons color transitions from white to black.
tabLayout.setTransitionIconColors(R.color.white, R.color.black)
This parameter gives a smooth color transition to the background of viewpager as seen in demo:
tabLayout.setVpTransitionBgColors(LeftSideColor: android.R.color.holo_purple
, CenterColor: android.R.color.black
, RightSideColor: android.R.color.holo_orange_dark)
For bugs, feature requests, and discussion please use GitHub Issues.
Niranjan Kurambhatti
Copyright 2018 Niranjan Kurambhatti
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.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent