All Projects → KshitijDroid → IndicatorView

KshitijDroid / IndicatorView

Licence: Apache-2.0 license
IndicatorView Library For Android

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to IndicatorView

Cardslider
Card Slider is an android component allows you to implement carousel effect with infinite indicators and more features
Stars: ✭ 160 (+290.24%)
Mutual labels:  view, carousel, viewpager, indicator
Banner
🔥🔥ViewPager,ViewPager2无限轮播功能。自定义Indicator,支持一屏三页,支持仿魅族banner效果。极其简单的使用方式
Stars: ✭ 393 (+858.54%)
Mutual labels:  view, viewpager, indicator
ArcPageIndicator
Android Page Indicator for ViewPager with original animations. It uses an ellipse to dispose indication spots, and can draw a hand, like in old elevators.
Stars: ✭ 73 (+78.05%)
Mutual labels:  viewpager, indicator, viewpager-indicator
Discretescrollview
A scrollable list of items that centers the current element and provides easy-to-use APIs for cool item animations.
Stars: ✭ 5,533 (+13395.12%)
Mutual labels:  view, carousel, viewpager
MultiIndicator
多功能指示器,适用于ViewPager 多场景
Stars: ✭ 44 (+7.32%)
Mutual labels:  viewpager, indicator, viewpager-indicator
react-native-viewpager-indicator
修改自react-native-scrollable-tab-view,增加了根据文字内容适配下划线长度的功能。
Stars: ✭ 52 (+26.83%)
Mutual labels:  viewpager, indicator, viewpager-indicator
Dotsindicator
Three material Dots Indicators for view pagers in Android !
Stars: ✭ 2,447 (+5868.29%)
Mutual labels:  viewpager, indicator, viewpager-indicator
react-native-viewpager-carousel
a flexible viewpager library with carousel functionality
Stars: ✭ 39 (-4.88%)
Mutual labels:  carousel, tabs, viewpager
FastBanner
🔥快速轮播图,支持自定义布局和使用自有图片显示组件
Stars: ✭ 27 (-34.15%)
Mutual labels:  view, viewpager
Hibiscus.js
Native Angular directives for Bootstrap4
Stars: ✭ 115 (+180.49%)
Mutual labels:  carousel, tabs
Adaptablebottomnavigation
A simpler way for implementing the Bottom Navigation View on Android
Stars: ✭ 844 (+1958.54%)
Mutual labels:  view, viewpager
cursive-tabs
Tabs for gyscos/cursive views 🖥️
Stars: ✭ 21 (-48.78%)
Mutual labels:  view, tabs
DynamicViewPagerDemo
ViewPager单屏显示多页面,动画效果
Stars: ✭ 49 (+19.51%)
Mutual labels:  view, viewpager
Bannerlayout
Support unlimited picture rotation BannerLayout, the minimum implementation of the code banner
Stars: ✭ 92 (+124.39%)
Mutual labels:  view, viewpager
Ng Bootstrap
Angular powered Bootstrap
Stars: ✭ 7,872 (+19100%)
Mutual labels:  carousel, tabs
Viewtooltip
A fluent tooltip for Android
Stars: ✭ 1,029 (+2409.76%)
Mutual labels:  view, indicator
Cosin
Android loading view library 📊🍭
Stars: ✭ 129 (+214.63%)
Mutual labels:  view, indicator
Androidanimationexercise
Android 动画各种实现,包括帧动画、补间动画和属性动画的总结分享
Stars: ✭ 1,254 (+2958.54%)
Mutual labels:  view, viewpager
ViewWorld
自定义View合集,展示各种自定义View/控件。项目包含了自定义Banner轮播图控件,自定义验证码输入框,自定义TabLayout等控件,持续更新中😉😉😉
Stars: ✭ 94 (+129.27%)
Mutual labels:  view, viewpager
SimpleSlider
A simple slider allows you to easily use.
Stars: ✭ 78 (+90.24%)
Mutual labels:  viewpager, indicator

IndicatorView

Build Status Android Arsenal

A simple library to add indicators for your Carousel or ViewPagers.

Download

Step 1. Add the JitPack repository to your build file

Gradle

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

allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

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

Step 2. Add the dependency

Gradle
dependencies{
    compile 'com.github.Kshitij-Jain:IndicatorView:1.25'
}

Maven
<dependency>
    <groupId>com.github.Kshitij-Jain</groupId>
    <artifactId>IndicatorView</artifactId>
    <version>1.25</version>
</dependency>

Usage

Include following code in your layout:

<io.github.kshitij_jain.indicatorview.IndicatorView
            android:id="@+id/circle_indicator_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_gravity="center"/>

Include following code in your activity:

IndicatorView mIndicatorView = (IndicatorView) findViewById(R.id.circle_indicator_view);
mIndicatorView.setPageIndicators(4);
mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
       @Override
       public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
       }

       @Override
       public void onPageSelected(int position) {
            mIndicatorView.setCurrentPage(position);
       }

       @Override
       public void onPageScrollStateChanged(int state) {
       }
});
Supported xml attributes:
 app:activeColor="@color/colorPrimary" // Set Active Indicator Color
 app:inactiveColor="@color/colorAccent" // Set Inactive Indicator Color
 app:indicatorSize="6dp" // Set Indicator Size (Default 8dp)
Other supported methods:
 mIndicatorView.setActiveIndicatorColor(R.color.colorAccent); // Set Active Indicator Color
 mIndicatorView.setInactiveIndicatorColor(R.color.colorPrimary); // Set Inactive Indicator Color

License

Copyright 2017 Kshitij Jain

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.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].