Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Devlight/NavigationTabStrip
Navigation tab strip with smooth interaction.
https://github.com/Devlight/NavigationTabStrip
android bar devlight library navigation strip tab ui
Last synced: 14 days ago
JSON representation
Navigation tab strip with smooth interaction.
- Host: GitHub
- URL: https://github.com/Devlight/NavigationTabStrip
- Owner: Devlight
- License: apache-2.0
- Created: 2016-05-15T16:17:24.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2020-10-02T08:51:23.000Z (about 4 years ago)
- Last Synced: 2024-08-04T00:04:27.641Z (3 months ago)
- Topics: android, bar, devlight, library, navigation, strip, tab, ui
- Language: Java
- Size: 221 KB
- Stars: 2,239
- Watchers: 63
- Forks: 312
- Open Issues: 38
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
- -awesome-android-ui - NavigationTabStrip - 2.0) & [MIT](https://opensource.org/licenses/MIT) | <img src="/art/NavigationTabStrip.gif" width="49%" /> (Index `(light-weight pages)`)
- awesome-android-ui - NavigationTabStrip - 2.0) & [MIT](https://opensource.org/licenses/MIT) | <img src="/art/NavigationTabStrip.gif" width="49%" /> (Index `(light-weight pages)`)
- Android-Awesome-Resources - NavigationTabStrip
- awesome-android-ui - NavigationTabStrip - 2.0) & [MIT](https://opensource.org/licenses/MIT) | <img src="/art/NavigationTabStrip.gif" width="49%" /> (Index)
README
NavigationTabStrip
==================
Navigation tab strip with smooth interaction.
[](http://android-arsenal.com/details/1/3603)
[](https://github.com/DevLight-Mobile-Agency)
[](https://bintray.com/gigamole/maven/navigationtabstrip/_latestVersion)
[](https://github.com/DevLight-Mobile-Agency/NavigationTabStrip/blob/master/LICENSE.txt)
[](https://www.codacy.com/app/gigamole53/NavigationTabStrip?utm_source=github.com&utm_medium=referral&utm_content=DevLight-Mobile-Agency/NavigationTabStrip&utm_campaign=Badge_Grade)
You can check the sample app [here](https://github.com/DevLight-Mobile-Agency/NavigationTabStrip/tree/master/app).
Warn
====
```
This library is not more supported.
If you want to add new feature or fix a bug, grab source code and do it.
If you think your fix or feature would be useful to other developers,
I can add link of your repository to this README file.
Thank you for using our libraries.
```
Download
========
You can download a `.aar` from GitHub's [releases page](https://github.com/DevLight-Mobile-Agency/NavigationTabStrip/releases).
Or use Gradle jCenter:
```groovy
dependencies {
repositories {
mavenCentral()
maven {
url 'http://dl.bintray.com/gigamole/maven/'
}
}
implementation 'com.github.devlight.navigationtabstrip:navigationtabstrip:+'
}
```
Or Gradle Maven Central:
```groovy
compile 'com.github.devlight.navigationtabstrip:navigationtabstrip:1.0.4'
```
Or Maven:
```groovy
com.github.devlight.navigationtabstrip
navigationtabstrip
1.0.4
aar
```
Android SDK Version
===================
`NavigationTabStrip` requires a minimum SDK version of 11.
Sample
======
Parameters
For `NTS` you can set such parameters as:
- color:
allows you to set strip color.
- size:
allows you to set titles size. By default `NTS` use auto titles size.
- weight:
allows you to set weight(height) of strip.
- factor:
allows you to set strip resize factor.
- titles:
allows you to set `NTS` titles. This is your tabs.
- type:
allows you to set strip type - line or point.
- gravity:
allows you to set strip gravity - top or bottom.
- view pager:
allows you to connect `NTS` with `ViewPager`. If you want your can also set `OnPageChangeListener`.
- typeface:
allows you to set custom typeface to your titles.
- corners radius:
allows you to set corners radius of strip.
- animation duration:
allows you to set animation duration.
- inactive color:
allows you to set inactive titles color.
- active color:
allows you to set active title color.
- tab strip listener:
allows you to set listener which triggering on start or on end when you set tab index.
Tips
If your set `ViewPager` you can action down on active tab and do like drag.
`NTS` use only upper case titles.
Init
Check out in code init:
```java
final NavigationTabStrip navigationTabStrip = (NavigationTabStrip) findViewById(R.id.nts);
navigationTabStrip.setTitles("Nav", "Tab", "Strip");
navigationTabStrip.setTabIndex(0, true);
navigationTabStrip.setTitleSize(15);
navigationTabStrip.setStripColor(Color.RED);
navigationTabStrip.setStripWeight(6);
navigationTabStrip.setStripFactor(2);
navigationTabStrip.setStripType(NavigationTabStrip.StripType.LINE);
navigationTabStrip.setStripGravity(NavigationTabStrip.StripGravity.BOTTOM);
navigationTabStrip.setTypeface("fonts/typeface.ttf");
navigationTabStrip.setCornersRadius(3);
navigationTabStrip.setAnimationDuration(300);
navigationTabStrip.setInactiveColor(Color.GRAY);
navigationTabStrip.setActiveColor(Color.WHITE);
navigationTabStrip.setOnPageChangeListener(...);
navigationTabStrip.setOnTabStripSelectedIndexListener(...);
```
Other methods check out in sample.
And XML init:
```xml
```
Getting Help
============
To report a specific problem or feature request, [open a new issue on Github](https://github.com/DevLight-Mobile-Agency/NavigationTabStrip/issues/new).
Xamarin
=======
Thanks to [Martijn van Dijk](https://github.com/martijn00) for developing Xamarin bindings library for [NavigationTabStrip](https://github.com/martijn00/NavigationTabStripXamarin).
Plugin is available on [Nuget](https://www.nuget.org/packages/Xam.Plugins.Android.NavigationTabStrip/).
Credits
=======
|[Keren Rijensky](https://dribbble.com/KerenRij)|[Srikant Shetty](https://dribbble.com/Srikant)|[Oleg Frolov](https://dribbble.com/Volorf)|
|:---------------------------------------------:|:--------------------------------------------:|:----------------------------------------:|
|[](https://dribbble.com/shots/2594107-tabs-transition)|[](https://dribbble.com/shots/2125041-Tab-interaction)|[](https://dribbble.com/shots/2561589-Tabs)|
Author
======
Created by [Basil Miller](https://github.com/GIGAMOLE) - [@gigamole](mailto:[email protected])
Company
=======
[](https://www.facebook.com/devlightagency) [](https://twitter.com/DevLightIO) [](https://www.linkedin.com/company/devlight)
[Here](https://github.com/DevLight-Mobile-Agency) you can see open source work developed by Devlight LLC.
This and another works is an exclusive property of Devlight LLC.
If you want to use this library in applications which will be available on Google Play, please report us about it or author of the library.
Whether you're searching for a new partner or trusted team for creating your new great product we are always ready to start work with you.
You can contact us via [email protected] or [email protected].
Thanks in advance.
Devlight LLC, 2016
[devlight.io](http://devlight.io)