steelkiwi/IndicatorView

Configurable view for ViewPager http://steelkiwi.com/

Download

Step 1. Add the JitPack repository to your build file

Add it in your root settings.gradle at the end of repositories:

	dependencyResolutionManagement {
		repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
		repositories {
			mavenCentral()
			maven { url 'https://jitpack.io' }
		}
	}

Add it in your settings.gradle.kts at the end of repositories:

	dependencyResolutionManagement {
		repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
		repositories {
			mavenCentral()
			maven { url = uri("https://jitpack.io") }
		}
	}

Add to pom.xml

	<repositories>
		<repository>
		    <id>jitpack.io</id>
		    <url>https://jitpack.io</url>
		</repository>
	</repositories>

Add it in your build.sbt at the end of resolvers:

 
    resolvers += "jitpack" at "https://jitpack.io"

Add it in your project.clj at the end of repositories:

 
    :repositories [["jitpack" "https://jitpack.io"]]

Step 2. Add the dependency

	dependencies {
		implementation 'com.github.steelkiwi:IndicatorView:'
	}

	dependencies {
		implementation("com.github.steelkiwi:IndicatorView:")
	}

	<dependency>
	    <groupId>com.github.steelkiwi</groupId>
	    <artifactId>IndicatorView</artifactId>
	    <version></version>
	</dependency>


                            
    libraryDependencies += "com.github.steelkiwi" % "IndicatorView" % ""


                            
    :dependencies [[com.github.steelkiwi/IndicatorView ""]]

Readme

IndicatorView

IndicatorView to highlight current viewpager position

View

Description

It's flexible and expandable component, no matter what amount of items you use it will always show items properly. Also you have a possibility to customize it how you want and you can pick type of animation what you like, to show each item

Download

Download via Gradle:

compile 'com.steelkiwi:indicator-view:1.0.0'

Usage

Add IndicatorView to your xml layout

<steelkiwi.com.library.view.IndicatorView
    android:id="@+id/indicator"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    app:iv_bar_color="@android:color/black"
    app:iv_corner_radius="@dimen/radius"
    app:iv_idle_color="@color/item_idle_color"
    app:iv_select_color="@color/item_select_color"
    app:iv_size="@dimen/item_size"
    app:iv_text_color="@android:color/white"
    app:iv_text_size="@dimen/text_size"
    app:iv_action="hang_down"
    app:iv_item_amount="6"/>

You can customize view like you want, through this attributes

app:iv_bar_color - background color for indicator bar
app:iv_corner_radius - corner radius for each indicator item
app:iv_idle_color - color for idle state of the items
app:iv_select_color - color for selected state of the items
app:iv_size - indicator item size
app:iv_text_color - indicator item text color
app:iv_text_size - indicator item text size
app:iv_action - type of animation to show each item, by default hang_down (hang_down|look_up)
app:iv_item_amount - visible items amount

Don`t forget to initialize IndicatorView and attach ViewPager to it

IndicatorView indicator = (IndicatorView) findViewById(R.id.indicator);
ViewPager viewPager = (ViewPager) findViewById(R.id.viewPager);
indicator.attachViewPager(viewPager);

License

Copyright © 2017 SteelKiwi, http://steelkiwi.com

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.