ViewPagerIndicator

一個簡單好用的ViewPagerIndicator，提供了五種類型，採用在XML佈局中定製顏色大小等參數，在JAVA代碼中只需二行代碼就能爲viewpager添加酷炫效果，並且支持輪播圖。

地址：https://github.com/LinweiJ/ViewPagerIndicator

如何使用它？

先在 project的build.gradle 添加:

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

然後在module的build.gradle 添加:

dependencies {
            compile 'com.github.LinweiJ:ViewPagerIndicator:0.1.0'
    }

使用

1. 將ViewPagerIndicator 添加到xml

<com.lwj.widget.viewpagerindicator.ViewPagerIndicator
                android:id="@+id/viewPagerIndicator"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:background="#efefef"
                app:vpi_default_color="#cdcdcd"
                app:vpi_distance="800dp"
                app:vpi_distanceType="BY_LAYOUT"
                app:vpi_indicatorType="LINE"
                app:vpi_length="24dp"
                app:vpi_radius="8dp"
                app:vpi_selected_color="#FF23EEF5"
            />

Properties:

• app:vpi_selected_color
• app:vpi_default_color (如果 indicatorType=CIRCLE_LINE default_color 爲指示器唯一顏色 ,selected_color 不起作用)
• app:vpi_radius (點的大小,在indicatorType= CIRCLE_LINE 的情況下 radius 是點的高)
• app:vpi_length (只作用在 indicatorType=CIRCLE_LINE 的情況下,爲 指示器點的長度)
• app:vpi_distance (只作用在 distanceType=BY_DISTANCE 的情況下)
• app:vpi_num
• app:vpi_indicatorType (LINE; CIRCLE; CIRCLE_LINE; BEZIER;SPRING)

​ LINE：線 ; CIRCLE：圓點(默認) ; CIRCLE_LINE：圓角矩形; BEZIER：彈性球 ; SPRING： 彈簧粘性球

• app:vpi_distanceType (BY_RADIUS; BY_DISTANCE ; BY_LAYOUT )

​ BY_RADIUS：3倍radius ; BY_DISTANCE ：定義固定距離 ;BY_LAYOUT ：根據layout_width均分得到距離

• app:vpi_animation(默認爲true:動畫開啓 ; false:關閉動畫)

2 . java

  mViewPagerIndicator = (ViewPagerIndicator) findViewById(R.id.viewPagerIndicator);

   //viewpager是固定頁數, 傳入viewpager即可
   mViewPagerIndicator.setViewPager(mViewpager);

   //viewpager是輪播圖 ,如:總數爲100000個 實際展示頁爲6個 
   //需要傳入實際展示個數num
   mViewPagerIndicator.setViewPager(mViewpager,num);

   //真無限循環BannerView,配合BannerView,增加以下setViewPager
   //https://github.com/LinweiJ/BannerView
   // 兩種情況 更多細節請看demo/BannerViewActivity
   // if mBannerView.setCircle(true);無限循環
   mIndicatorDefault.setViewPager(mBannerView.getViewPager(),true);
   // if mBannerView.setCircle(false);固定 不循環
   mIndicatorDefault.setViewPager(mBannerView.getViewPager(),false);