在AndroidStudio中使用ViewPagerIndicator

ViewPagerIndicator是安卓大神JakeWharton的作品,页签指示器,项目中经常会遇到,其Sample的页面如下图所示:


7753368-eca6804b68db8456.png
ViewPagerIndicator效果图

星座项目中也需要用到这个开源框架,直接添加依赖

在项目的gradle中添加这一行代码:

allprojects {       

       repositories {         

                   ...            

                   maven { url "https://jitpack.io" }        

       }    }


在module 的 gradle中加入这一行代码:

dependencies {           

               compile 'com.github.JakeWharton:ViewPagerIndicator:2.4.1'   

 }

这种方式更改样式时,在style.xml文件中添加一个style继承Theme.PageIndicatorDefaults即可


本文主要是把ViewPagerIndicator作为Library导入项目中,修改样式时修改其源码。

这篇文章主要是记录导入和修改样式,关于其使用个人认为不需要多写,主要就是在布局中添加,在代码中和ViewPager绑定,在PagerAdapter中添加方法:getPageTitle()。

需要注意的时,有时为了避免报错,可以先把ViewPagerIndicator的Visibity属性设置Gone,当数据加载完成再设置成可见。

作为Library将ViewPager添加到项目中

1.进入ViewPagerIndicator官网,下载zip包

http://viewpagerindicator.com/

解压后,将Library导入到Android Studio中。

导入步骤:

1.iimport Module


7753368-5cd5df9ccc70ef9b.png
1

2.找到library的地址,将其重命名避免和别的Library冲突,一路next下去即可。


7753368-454be96144723c16.png
2

3.

7753368-723b2887f90d2a35.png
3

4.将ViewPagerIndicator添加到依赖

7753368-d39e1c6be9f85b1e.png
4

5.在要添加ViewPagerIndicator的页面Fragment、View、Activity中添加主题,如果是fragment或view则添加到其依附的Activity中。

android:theme="@style/Theme.PageIndicatorDefaults"


7753368-c74afe985127e9ed.png
5

6.更改主题样式:

其中@drawable/vpi__tab_indicator是页签的背景图片

@style/TextAppearance.TabPageIndicator是页签字体颜色

7753368-9cfe9bda94404a82.png
6

7.更改@drawable/vpi__tab_indicator页签背景


7753368-578666fc4e050711.png

其中@drawable/vpi__tab_unselected_holo和@drawable/vpi__tab_selected_holo是两张.9图效果如下:可以将这两个更改成自己要的颜色


7753368-4f259decbf244ca7.png
未选中


7753368-3f98e6fc08b8ae25.png
选中 33B5E5

7.更改页签字体颜色,这里我设置成未选中为灰色,选中为蓝色


7753368-32a5b8335646b44d.png

其中@color/vpi__dark_theme是字体颜色selector,如下:


7753368-7c67a7c95f66ed52.png

这是我已经改好的字体颜色,选中时蓝色,未选中时灰色。

8.更改主题样式,将主题样式的parent更改成parent="android:Theme.Light"即可

如图:


7753368-4988445b0d8d6810.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值