IndicatorView

General

Category
Free
Tag
Views
License
N/A
Min SDK
21 (Android 5.0–5.0.2 Lollipop)
Registered
May 21, 2017
Favorites
6
Link
https://github.com/steelkiwi/IndicatorView
See also
MarkView
Trianglify
WindView
EasyFlipView
Squint - A Diagonal Cut

Additional

Language
Java
Version
N/A
Created
May 10, 2017
Updated
May 22, 2017 (Retired)
Owner
Steelkiwi Inc. (steelkiwi)
Activity
Badge
Generate
Download
Source code

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.