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());