初学自定义view实现viewpager导航栏

导航栏随着viewpager滑动，当页数不是前半数或后半数时，导航栏固定在中间，标题栏滑动。

自定义view代码如下

public class MyViewPager extends LinearLayout implements OnClickListener{
private Context context;
//标题栏
// private LinearLayout linear_title;
//导航栏
private LinearLayout linear_daohang;
//viewpager栏
private LinearLayout linear_viewpager;
//标题栏滚动条
private HorizontalScrollView scrollview;
//
private ViewPager viewpager;
//
private ImageView daohang;
//用于导航栏的滑动
private Matrix matrix;
//导航栏当前偏移量
private float ffo;
//屏幕宽度
private int mWidth;
//单个选项卡宽度
private int width;
//标题数组
private String[] titles;
//页面单次展示标题个数
private int maxColumn = 5;
public MyViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
this.context = context;
init();
}


private void init(){
setDefaultWidth();
setDefaultLinears();
setViewPager();
}


//获得屏幕宽度
private void setDefaultWidth(){
DisplayMetrics dm = new DisplayMetrics();
((Activity)context).getWindowManager().getDefaultDisplay().getMetrics(dm);
mWidth = dm.widthPixels;
}

//设置初始的3个行布局
private void setDefaultLinears(){
scrollview = new HorizontalScrollView(context);
linear_daohang = new LinearLayout(context);
linear_viewpager = new LinearLayout(context);

LinearLayout.LayoutParams scroll_params = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, 30);
LinearLayout.LayoutParams daohang_params = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT, 10);
LinearLayout.LayoutParams viewpager_params = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT);


scrollview.setLayoutParams(scroll_params);
//不显示滚动条
scrollview.setHorizontalScrollBarEnabled(false);

linear_daohang.setLayoutParams(daohang_params);
linear_viewpager.setLayoutParams(viewpager_params);

this.setOrientation(LinearLayout.VERTICAL);
this.addView(scrollview);
this.addView(linear_daohang);
this.addView(linear_viewpager);
}

//设置一个viewpager
private void setViewPager(){
viewpager = new ViewPager(context);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
viewpager.setLayoutParams(params);
viewpager.setOnPageChangeListener(new MyOnViewPagerChangeLintener());
linear_viewpager.addView(viewpager);
}

//设置标题
/**
* 标题栏标题数必须与viewpager页数一致
* 默认一个页面最多展示5个标题
* @param titles 想要使用的标题栏
*/
public void setTitles(String[] titles){
this.titles = titles;

}

/**
* 标题栏标题数必须与viewpager页数一致
* @param titles 想要使用的标题栏
* @param maxColum 一个页面中最多同时展示几个标题,默认为5
*/
public void setTitles(String[] titles,int maxColumn){
this.titles = titles;
this.maxColumn = maxColumn;
}

public void setAdapter(PagerAdapter adapter){
viewpager.setAdapter(adapter);
}

//属性设置完成，开始构建标题栏与导航栏
public void ok(){
setTitle();
setDaohang();
}

private void setTitle(){
LinearLayout linear_title = new LinearLayout(context);
linear_title.setOrientation(LinearLayout.HORIZONTAL);
FrameLayout.LayoutParams title_param = new FrameLayout.LayoutParams(width * titles.length, 30);
linear_title.setLayoutParams(title_param);
scrollview.addView(linear_title);

if(titles.length > maxColumn){
width = mWidth/maxColumn;
}
else{
width = mWidth/titles.length;
}

LinearLayout.LayoutParams text_param = new LinearLayout.LayoutParams(width, LayoutParams.FILL_PARENT);
text_param.gravity = Gravity.CENTER;
for(int i = 0; i < titles.length; i++){
TextView text = new TextView(context);
text.setText(titles[i]);
text.setTag(i);
text.setGravity(Gravity.CENTER);
text.setOnClickListener(this);
text.setLayoutParams(text_param);
linear_title.addView(text);
}
}

private void setDaohang(){
daohang = new ImageView(context);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams( LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
daohang.setLayoutParams(params);
daohang.setScaleType(ScaleType.MATRIX);
matrix = new Matrix(); 
matrix.postTranslate(0, 0);  
        //重绘bitmap至合适大小
        Bitmap d2 = BitmapFactory.decodeResource(context.getResources(),R.drawable.daohang_bg);
        Bitmap d3 = Bitmap.createBitmap(d2, 0, 0, (int)width, 10);
        //释放该bitmap所占内存
        d2.recycle();
        daohang.setImageBitmap(d3);
        daohang.setImageMatrix(matrix); 
        daohang.invalidate();
        linear_daohang.addView(daohang);
}

//viewpager监听事件
private class MyOnViewPagerChangeLintener implements OnPageChangeListener{


@Override
public void onPageScrollStateChanged(int arg0) {
// TODO Auto-generated method stub

}


@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
// TODO Auto-generated method stub

}


@Override
public void onPageSelected(int arg0) {
// TODO Auto-generated method stub
//viewpage选定后进行导航栏的偏移
load(arg0);
}
}


//导航
private void load(int position){
if(position > maxColumn/2 && position < titles.length - maxColumn/2){
scrollview.scrollTo(width * (position -maxColumn/2), 0);
if(position != titles.length-maxColumn/2 - 1){
return;
}
}
int i = 0;
if(position <= maxColumn/2){
i = position;
if(position == maxColumn/2){
scrollview.scrollTo(0, 0);
}
}
else{
int k = titles.length - maxColumn/2 - 1;
i = maxColumn/2 + position - k;
}
float x = width * i;
matrix.postTranslate(x - ffo, 0);
ffo = i * width;
daohang.setImageMatrix(matrix);
daohang.invalidate();
}

@Override
public void onClick(View v) {
// TODO Auto-generated method stub
int position = (Integer) v.getTag();
viewpager.setCurrentItem(position);
}
}