NTabLayout
Brief
NTabLayout is a simple tab bar custom view under android which has click-sliding and scaling up animation effect.
This tab bar's effect seems like Xue Qiu's tab bar, which can load tags on top of ViewPager and there's a click-sliding effect and scaling up animation.
Publish
International:
https://github.com/GinRyan/NTabLayout
China mainland:
https://gitee.com/kumakuri/NTabLayout
SnapShot
Usage
Add into project:
repositories {
maven { url "https://jitpack.io" }
}
and add line:
implementation 'com.github.GinRyan:NTabLayout:0.3.4'
layout.xml
<org.ginryan.github.slidingtab.NTabLayout
android:id="@+id/tablayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:nTabUseAnimationFontScale="true">
<org.ginryan.github.slidingtab.NTabView
android:id="@+id/tabviewA"
android:layout_width="90dp"
android:layout_height="40dp"
app:nTabTitleChecked="true"
app:nTabTitleSize="26sp"
app:nTabTitleText="Tab A" />
...
</org.ginryan.github.slidingtab.NTabLayout>
NTabLayout have to include one or more NTabView to show tabs.
Attributes
| CustomView | attr name | introduction |
|---|---|---|
| NTabLayout | nTabUseAnimationFontScale | Once this nTabUseAnimationFontScale attribute was set true, this will enable animation when switch tabs, or there will not be tween animation. |
| NTabView | nTabTitleChecked | Default check status. When set true, this tab will emphasize and scale up in default. |
| NTabView | nTabTitleText | Tab's text content. |
| NTabView | nTabTitleSize | Tab's text size . |
| NTabView | nTabTitleColor | Tab's text color. |
Code
| Class | method | introduction |
|---|---|---|
| NTabLayout | setSelectedTab(int index) | select tab. |
| NTabLayout | addOnTabListener | on tab select listener. When tab is selected by hand,it will call OnTabListener.onTabItemSelected(int itemIndex) to tell observer which tab is selected. |
Usage:
setSelectedTab
NTabLayout tablayout = findViewById(...);
tablayout.setSelectedTab(0);
addOnTabListener
NTabLayout tablayout = findViewById(...);
tablayout.addOnTabListener(itemIndex -> {
Log.d("Tab","Selected Tab: " + itemIndex);
});
Interact with ViewPager:
ViewPager viewPager = findViewById(...);
NTabLayout tablayout = findViewById(...);
viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
//Causion!You can't not pull here.
}
@Override
public void onPageSelected(int position) {
tablayout.setSelectedTab(position);
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
tablayout.addOnTabListener(itemIndex -> {
viewPager.setCurrentItem(itemIndex);
});
Third Party Library
Sources need no 3rd party dependencies.
But aapt need appcompat deps to build resources.
License
Copyright 2021 GinRyan, Kumakuri
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.
0 Jan 4, 2022
1.2k Dec 30, 2022
6 Jun 15, 2022
143 Nov 25, 2022
290 Dec 29, 2022
![[ACTIVE] Simple Stack, a backstack library / navigation framework for simpler navigation and state management (for fragments, views, or whatevers).](https://user-images.githubusercontent.com/11718392/138650683-c09952fa-b9dd-4c7e-87b2-31ca542e2f69.png)
1.3k Jan 2, 2023
385 Jan 5, 2023
2 Oct 11, 2022
38 Dec 8, 2022
1 Jul 11, 2022
1.7k Dec 31, 2022
743 Jan 1, 2023
120 Jan 3, 2023
576 Dec 30, 2022
3 Jul 27, 2022
2 Feb 11, 2022
1 Jan 26, 2022
1.3k Dec 29, 2022