ViewPager 指示器实现联动，自身滚动，支持类型 : 下滑线，三角形，全背景，图片

编程入门行业动态更新时间:2024-10-25 02:22:57

ViewPager 指示器实现联动，自身滚动，支持类型 : 下滑线，三<a href=https://www.elefans.com/category/jswz/34/1769024.html style= 角形，全背景，图片"/>

ViewPager 指示器实现联动，自身滚动，支持类型 : 下滑线，三角形，全背景，图片

RVPIndicator

项目地址：RuffianZhong/RVPIndicator

简介：ViewPager 指示器实现联动，自身滚动，支持类型 : 下滑线，三角形，全背景，图片

更多：作者提 Bug

标签：

viewpager-indicator-viewpager-indicator-miui-

欢迎使用 RVPIndicator

1.特点

简单实用的 ViewPager 指示器实现联动，自身滚动。

高仿 MIUI 但更胜于 MIUI，提供多种指示器类型。支持类型 : 下滑线(可设置指示器高度)，三角形，图片

2.效果图

3.属性说明

开发者根据实际需要选择使用对应的功能属性

属性	说明
text_color_normal	文本颜色默认
text_color_selected	文本颜色选中
text_size	文本大小
indicator_visible_count	屏幕可见指示器数量
indicator_color	指示器颜色
indicator_style	指示器样式 { bitmap：图片；line：下划线；triangle：三角形 }
indicator_height	指示器高度
indicator_width	指示器宽度
style_bitmap_src	指示器图片路径 style=bitmap 有效
style_line_padding	指示器下划线左右 padding style=line 有效

4.使用

4.1 Gradle （版本号根据更新历史使用最新版）

compile 'com.ruffian.library:RVPIndicator:1.0.6'

4.2 XML 使用

   <com.ruffian.library.RVPIndicatorandroid:layout_width="match_parent"android:layout_height="45dp"android:background="#ADD597"android:orientation="horizontal"//指示器颜色rvp:indicator_color="#ffffff"//指示器样式rvp:indicator_style="triangle"//指示器可见数量rvp:indicator_visible_count="4"//指示器高度rvp:indicator_height="2dp"//指示器宽度rvp:indicator_widtht="20dp"//指示器图片rvp:style_bitmap_src="@mipmap/ic_launcher"//线性指示器左右 paddingrvp:style_line_padding="10dp"//文字默认颜色rvp:text_color_normal="#fb9090"//文字选中颜色rvp:text_color_selected="#FF0000"//文字大小rvp:text_size="20sp" />

4.3.1 代码调用（功能代码）

    // 设置 Tab 上的标题mIndicator.setTitleList(mList);// 设置关联的 ViewPagermIndicator.setViewPager(mViewPager, 0);//设置 AdaptermViewPager.setAdapter(mAdapter);

4.3.2 代码调用（可选功能代码）

    //设置线性指示器左右 PaddingmIndicator.setStyleLinePadding(10);//设置 titlemIndicator.setTitle("哈哈哈", 1);mIndicator.setTitleList(mList);// Indicator 选中监听mIndicator.setOnIndicatorSelected(new RVPIndicator.OnIndicatorSelected() {@Overridepublic void setOnIndicatorSelected(int position, String title) {Log.w("TAG", "setOnIndicatorSelected");}});// PageChange 监听mIndicator.setOnPageChangeListener(new RVPIndicator.PageChangeListener() {@Overridepublic void onPageSelected(int position) {Log.w("TAG", "onPageSelected");}@Overridepublic void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {Log.w("TAG", "onPageScrolled");}@Overridepublic void onPageScrollStateChanged(int state) {Log.w("TAG", "onPageScrollStateChanged");}});