美文网首页
一个简单的可滑动ViewpagerIndicator

一个简单的可滑动ViewpagerIndicator

作者: 大尹EIE | 来源:发表于2017-06-13 12:06 被阅读0次

参考鸿神的文章:Android 教你打造炫酷的ViewPagerIndicator 不仅仅是高仿MIUI


修改的地方:
1.三角指示换成横线
2.标题中间添加了分割线
3.可滑动
4.可以设置默认和选中tab的字体大小和颜色
5.如果可见tab是3个,点击的tab始终处在中间位置 ,4个处于中间位置偏右
使用方法:
indicator.setTabItemTitles(titles);
indicator.setViewPager(viewpager, 0);  
布局
<com.yq.simpleindicator.SimpleIndicator
    android:id="@+id/id_indicator"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:background="#44dddddd" 
    <!--下部指示线颜色-->
    app:indicator_color="@android:color/holo_blue_bright"
    <!--可见标题数-->
    app:item_count="4"
    <!--分割线颜色-->
    app:line_color="#dddddd"
    <!--默认字体大小 不设置大小为16sp-->
    app:text_size="14"
    <!--选中字体大小  不设置大小为16sp-->
    app:selected_text_size="16"
    <!--默认字体颜色-->
    app:text_color="#999999"
    <!--选中字体颜色-->
    app:selected_text_color="#FFEE8600"></com.yq.simpleindicator.SimpleIndicator>
效果
这里写图片描述
代码

https://github.com/YINQIEIE/SimpleIndicator

相关文章

网友评论

      本文标题:一个简单的可滑动ViewpagerIndicator

      本文链接:https://www.haomeiwen.com/subject/jkjdqxtx.html