Indicator 自定义样式

本篇文章主要讲述自定义Viewpager Indicator自定义标题和指示器样式。实现样式和滑动逻辑完全解耦，根据不同的UI设计随意修改。

可支持自定义内容

1.indicator的截图显示title区，可设置color size 和gravity
2.指示器下划线的样式指示器区域可设置大小颜色

使用方式

1.xml中直接引用

 <com.example.simpledemo.indicator.SimPleIndicatorandroid:id="@+id/indicator"android:layout_width="match_parent"android:layout_height="50dp"/>

2.绑定ViewPager

  simpleContainer = ContainerHelper.getTitleLeftContainerScroll(this, dataList);mIndicator.setContainer(simpleContainer);//设置指示器样式mIndicator.bind(viewPager);//绑定viewpager

3.自定义样式实现和修改

 SimpleContainer simpleContainer = new SimpleContainer(context) {@Overrideprotected CharSequence provideIndicatorTitle(int index) {if (titleNames != null && titleNames.size() > 0) {return titleNames.get(index);}return super.provideIndicatorTitle(index);//可自定义}@Overrideprotected IndicatorParameter provideIndicatorParameter() {return super.getFixedWidthIndicator();//可自定义}@NonNull@Overrideprotected BasePagerTitleView getPaperTitleView(Context context) {return new PagerTitleAtCenter(context);//可自定义}};simpleContainer.setTabMode(CommonContainer.MODE_SCROLLABLE);//设置滚动模式还是充满模式simpleContainer.setTitleViewLocation(SimpleContainer.TITLE_VIEW_AT_CENTER);//设置指示器GravitysimpleContainer.setFillWidthWhenScrollMode(false);simpleContainer.setTitleTextHorizontalPadding(horPadding);//设置指示器下划线和title的间距simpleContainer.setTextSize(context.getResources().getDimension(R.dimen.classified_tab_text_select_size), context.getResources().getDimension(R.dimen.classified_tab_text_size));//设置字体大小

核心类

1.BasePagerTitleView 绘制title view的类，可按照需求自己重写
2.SimpleLinearIndicatorView 下划线指示器绘制类，可修改绘制颜色样色等
3.SimpleContainer 结合 title和指示器返回一个container
4.SimPleIndicator 用来将指示器和viewpager 关联

资源地址

demo下载地址

ViewPager Indicator 自定义标题和指示器样式相关推荐

修复自定义标题word题注错误：错误，文档中没有指定样式的文字以及编号无法随章节变化问题
一.单个修复指定章节号假设采用自定义样式"毕业",如果出现类似提示,可以具体操作如下: 光标定位与错误题注的位置,按shift + F9 {STYLEREF 1 \s} - 2 ...
mpvue自定义微信小程序indicator（指示点）样式
mpvue自定义微信小程序indicator(指示点)样式效果图 HTML <template><div class="container"><sw ...
批量修复自定义标题带来的word题注错误：错误，文档中没有指定样式的文字
①把全部题注转换为域代码.快捷键:ALT+F9,域代码示例{STYLEREF 1 \s},1表示自定义标题1: ②替换域代码中的标题代表为自定义标题代码.利用查找替换功能把 {STYLEREF 1 } ...
ViewPager Indicator的使用方法
原文:http://my.oschina.net/u/1403288/blog/208402 项目源码:https://github.com/wangjing0311/ViewPagerIndicat ...
Android开源控件ViewPager Indicator的使用方法
1月16日厦门 OSC 源创会火热报名中,奖品多多哦摘要 Android开源控件ViewPager Indicator的使用介绍 ViewPagerIndicator 目录[-] 1. V ...
使用recycleview 实现viewpager 功能，并带有指示器。（仿高德交通路线规划实现）
最近项目中遇到了这么个需求,妈的竟然和高德地图实现一模一样的功能.因为保密性原则,我就直接上高德地图的截图了. 首先这么一步操作,输入起始点, 之后呢,就进入这个界面看到这里,大家应该清楚我说的需求 ...
Android之自定义标题
我们知道我们创建的每一个Activity,系统默认为我们提供了一下黑色的标题,本篇我将带领大家接触一下如何实现自定义标题样式.相比系统为我们提供的样式,自定义标题可以满足我们唯心所欲的自定义设计,使我 ...
poi-tl导出word；自定义列表序号和表格宽度，表格合并，自定义标题，更新目录
文章目录 poi-tl 入门示例 1.准备word模板 2.代码自定义列表序号 1. poi-tl 支持的序号列表,直接使用文档种说明即可 2. 要是没有,可以利用NumberingFormat类去 ...
Office Word中由于自定义了新的样式名称，而导致题注显示：错误！文档中没有指定的样式文字
Word中由于自定义了新的样式名称,而导致题注显示:错误!文档中没有指定样式的文字亲测office2019版本适用.解决上述问题,使用以下步骤: 使用快捷方式ALT+F9,把全部题注转换为域代码,默 ...

ViewPager Indicator 自定义标题和指示器样式