android 封装好的ViewPagerIndicator指示器

代码修改自网上找的

效果图：

使用方法：

一、下载代码：点击下载

二、提取ViewPagerIndicator.java复制到你自己的工程里面，复制全类名加入到你想要显示Indicator的布局文件中，例如：

//指示器
<fan.viewpagerdemo.ViewPagerIndicator
    android:layout_width="match_parent"
    android:layout_height="48sp"
    android:background="#333333"
    android:id="@+id/vpi" />

//ViewPager
<android.support.v4.view.ViewPager
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/lvp"
     />

在activity中使用需要在给Indicator设置ViewPager之前必须设置要显示的tab数组

this.mViewPager =  (ViewPager)findViewById(R.id.lvp);
this.mIndicator = (ViewPagerIndicator) findViewById(R.id.vpi);

//设置tab数组（必须！）
mIndicator.setTabItemTitles(items);

//设置选中文本及底线的颜色
mIndicator.setCurrentTextColor(Color.parseColor("#fcffd5"));
//设置未选中文本的颜色
mIndicator.setOtherTextColor(Color.parseColor("#99ffffff"));

//ViewPager
mViewPager.setAdapter(new myAdapter());

//给Indicator设置ViewPager
mIndicator.setViewPager(mViewPager);

activity的全部代码：

public class MainActivity extends AppCompatActivity {
    //tab数组
    private String[] items = {"一","二","三","四","五", "六"};

    private int[] colors = {
    Color.parseColor("#4C556E"),
    Color.parseColor("#8977b3"),
    Color.parseColor("#006c54"),
    Color.parseColor("#495a80"),
    Color.parseColor("#996600")};

    private ViewPagerIndicator mIndicator;
    private ViewPager mViewPager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);

        this.mViewPager =  (ViewPager)findViewById(R.id.lvp);
        this.mIndicator = (ViewPagerIndicator) findViewById(R.id.vpi);

        //设置tab数组（必须！）
        mIndicator.setTabItemTitles(items);
        //设置选中文本及底线的颜色
        mIndicator.setCurrentTextColor(Color.parseColor("#fcffd5"));
        //设置未选中文本的颜色
        mIndicator.setOtherTextColor(Color.parseColor("#99ffffff"));

        mViewPager.setAdapter(new myAdapter());
        //给Indicator设置ViewPager(这一步等上面属性设置完了再设置)
        mIndicator.setViewPager(mViewPager);

    }


    class myAdapter extends PagerAdapter {

        @Override
        public int getCount() {
            return items.length;
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            //主要根据position 和 object 找到 view
            container.removeView((View) object);
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {

            View view = View.inflate(MainActivity.this,R.layout.bj,null);
            LinearLayout ll_bj = (LinearLayout) view.findViewById(R.id.ll);
            ll_bj.setBackgroundColor(colors[position]);
            container.addView(view);
            return view;
        }
    }
}

好了，你也可以对ViewPagerIndicator进行二次修改，比如修改下划线在initRectangle()方法里面，可以修改下划线的高度及长度也可以修改为三角形等等……

本文相关下载：点击下载