Android-Universal-ViewPager-Indicator

Android 通用的ViewPager的指示器

效果图

自定义属性

| 属性 | 说明 | | ------ | ------ | | normal_color | 未选中的指示器颜色 | | selected_color | 选中的指示器颜色 | | spacing | 指示器每个item之间的间距 | | orientation | 设置指示器排列方向，枚举类型，有horizontal和vertical | | style | 枚举类型，有如下几种类型 |

样式说明

| style | 说明 | | ------ | ------ | | circle_circle | 圆点指示器，对应图中第一种样式 | | rect_rect | 长条指示器，对应图中第二种样式 | | circle_rect | 指示器选中是长条，未选中是圆点，对应图中第三种样式 |

如果style设置为 circle_circle可设置以下属性：

| 属性 | 说明 | | ------ | ------ | | circle_circle_radius | 都是圆点指示器半径大小 |

如果style设置为 rect_rect可设置以下属性：

| 属性 | 说明 | | ------ | ------ | | rect_rect_itemWidth | 条形长度 | | rect_rect_itemHeight | 条形高度 | | rect_rect_corner | 条形圆角 |

如果style设置为 circle_rect可设置以下属性：

| 属性 | 说明 | |--|--| | circle_rect_radius | 未选中圆点半径 | | circle_rect_itemWidth | 选中条形长度 | | circle_rect_itemHeight | 选中条形高度 | | circle_rect_corner | 选中条形设置圆角|

使用方法

<FrameLayout
        android:layout_width="match_parent"
        android:layout_marginTop="10dp"
        android:layout_height="120dp">

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager3"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@android:color/darker_gray" />

    <com.wzh.viewpager.indicator.UIndicator
        android:id="@+id/indicator3"
        android:layout_width="match_parent"
        android:layout_height="6dp"
        android:layout_gravity="bottom|center_horizontal"
        android:layout_marginBottom="10dp"
        app:circle_rect_corner="3dp"
        app:circle_rect_itemHeight="4dp"
        app:circle_rect_itemWidth="20dp"
        app:circle_rect_radius="3dp"
        app:normal_color="#99ffffff"
        app:selected_color="#ffffff"
        app:spacing="10dp"
        app:orientation="horizontal"
        app:style="circle_rect" />
</FrameLayout>

在代码里需要关联上我们的ViewPager：

//普通ViewPager使用
...
ViewPager mViewPager1 = findViewById(R.id.viewPager1);
UIndicator uIndicator1 = findViewById(R.id.indicator1);
uIndicator1.attachToViewPager(mViewPager1);

// UltraViewPager使用
...
UltraViewPager mViewPager4 = findViewById(R.id.viewPager4);
UIndicator uIndicator4 = findViewById(R.id.indicator4);
uIndicator4.attachToViewPager(mViewPager4.getViewPager());

• 简书: https://www.jianshu.com/p/42811a7c708c