Viewpager Indicator中PagerSlidng

PagerSlidngTab用法(与ViewPager一起使用)

一 将PagerSlidingTab.java类考入项目 （将自定义属性以及状态选择器一并拷入否则报错）

二布局中：

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

android:id="@+id/slidingtab"

android:layout_width="match_parent"

android:layout_height="wrap_content"/>

android:id="@+id/viewpager"

android:layout_width="match_parent"

android:layout_height="match_parent">

三代码中：

1      viewpager = (ViewPager) findViewById(R.id.viewpager);//初始化ViewPager

slidingtab = (PagerSlidingTab) findViewById(R.id.slidingtab);//初始化PagerSlidingTab

2 给viewpager设置 adapter

//给viewpager设置Adapter

viewpager.setAdapter(new MainPagerAdapter(getSupportFragmentManager()));

public class MainPagerAdapter extends FragmentPagerAdapter {

private  String[] tabs;//xml中的 标签组合

public MainPagerAdapter(FragmentManager fm) {

super(fm);

tabs = CommonUtil.getStringArray(R.array.tab_names);

}

//根据position返回对应的Fragment

@Override

public Fragment getItem(int position) {

return FragmentFactory.create(position);

}

@Override

public int getCount() {

return tabs.length;

}

/**

* 获取 position对应的 title

*/

@Override

public CharSequence getPageTitle(int position) {

return tabs[position];

}

/**

*根据不同的位置 返回不同的图片

*@paramposition

*@return

*/

/* @Override

public int getPageIconResId(int position) {

return R.mipmap.ic_download;

}*/

}

xml中数组的写法：

<string-array name="tab_names">

<item>首页<item>

<item>应用<item>

<item>游戏<item>

<item>专题<item>

<item>推荐<item>

<item>分类<item>

<item>分类<item>

<string-array>

3    //绑定viewpager和indector

slidingtab.setViewPager(viewpager);

4 PagerSlideTab内部实现及扩展

1.title如何添加的：在setViewPager方法中,获取adapter的count,然后遍历count,在遍历过程中

动态创建TextView,并且将adapter的getPagerTitle方法的返回值设置TextView;

最终将TextView添加到水平的LinearLayout中了;

2.如何跟随ViewPager滚动：在setViewPager方法中，给pager设置OnPageChangeListener,在onPageScroll

方法中去计算需要滚动的位置，最终调用scrollTo方法滚动;

3指示线  位置  以及 圆角  背景颜色 设置（在onDraw方法中）

//绘制 在 下边的线

canvas.drawRect(lineLeft, 0, lineRight, indicatorHeight, rectPaint);

//绘制在上边的线

// canvas.drawRect(lineLeft, 0, lineRight, indicatorHeight, rectPaint);

//绘制在中间的线

// canvas.drawRect(lineLeft,height/2-indicatorHeight/2, lineRight, height/2+indicatorHeight/2, rectPaint);

//绘制滚动的背景

// rectPaint.setColor(Color.parseColor("#66006BCE"));

// canvas.drawRect(lineLeft,0, lineRight, height, rectPaint);

//绘制滚动的圆角背景

// RectF rect = new RectF(lineLeft, 0, lineRight, height);

// canvas.drawRoundRect(rect, 8, 8, rectPaint);

// draw underline

}

4指示器中 图片替换文字的方法

adapter 实现 IconTabProvider  重写方法

public int getPageIconResId(int position) {

return R.mipmap.ic_download;

}

源码中  setViewPager（viewpager）方法 中有判断

if (pager.getAdapter() instanceof IconTabProvider) {

addIconTab(i, ((IconTabProvider) pager.getAdapter()).getPageIconResId(i));

} else {

addTextTab(i, pager.getAdapter().getPageTitle(i).toString());

}