项目中使用viewpagerindicator的简单步骤,包括修改样式

上一篇文章中介绍了查看viewpagerindicator的demo以及项目中关联viewpagerindicator的库,这一篇介绍如何使用他

1、修改布局文件,在viewpager的上方使用



    
    
    

    

2、 在代码里实例化indicator,并且使其和viewpager关联起来

        viewPager.setAdapter(new MynewsmenuDetailPagerAdapter());//一定要在设置适配器后把viewpager和Tabpagerindicator关联起来

        //主页面以后监听页面的变化,用Tabepageindicator
        tabPageIndicator.setViewPager(viewPager);//关联成功,显示标题还需要在适配器里重写getPageTitle方法

3、在适配器里重写 getPageTitle来设置indicator的标题

        /**
         * 重写此方法以显示Indicator的标题
         * @param position
         * @return
         */
        @Nullable
        @Override
        public CharSequence getPageTitle(int position) {
            return children.get(position).getTitle();
        }

4、修改indicator的样式

根据你使用的不同的demo,寻找不同的activity,然后在清单文件中找到activity使用的样式拷贝的自己的项目

例如我使用的是这个demo 

项目中使用viewpagerindicator的简单步骤,包括修改样式_第1张图片

 

那么我就寻找这个activity

项目中使用viewpagerindicator的简单步骤,包括修改样式_第2张图片

接下来就是在viewpagerindicator的项目清单文件里找到这个activity使用的样式,然后拷贝自己的项目中

项目中使用viewpagerindicator的简单步骤,包括修改样式_第3张图片

5,两个修改样式的小例子

      1.修改tab整体下划线的样式

修改下划线示例


    
    
    
    
    

    
    
    

    
    
    
    

    
    
    

修改字体样式的示例


    
    
    
    
    

    
    
    

    
    
    
    

    
    
    

最后附上avtivity使用的样式



    

    

    

    

    

    

 

这只是一个小例子,更多的功能还有待挖掘,搜索

 

 

 

 

 

 

你可能感兴趣的:(Android)