角形,全背景,图片"/>
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");}});
5.版本历史
v1.0.6 2018.01.12
扩展指示器宽高均可设置,对各个模式有效
v1.0.5 2018.01.12
添加指示器宽度设置
v1.0.4 2017.11.10
添加指示器高度设置(line 模式有效,去除全背景模式,全背景效果通过设置指示器高度实现),修复 BUG #3
v1.0.3 2017.09.08
发布正式版本
更多推荐
ViewPager 指示器 实现联动,自身滚动,支持类型 : 下滑线,三角形,全背景,图片
发布评论