一个简单的可滑动ViewpagerIndicator

2017-06-13  本文已影响0人  大尹EIE

参考鸿神的文章: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

上一篇下一篇

猜你喜欢

热点阅读