viewpager左右滑动的 +Tab指示（方式3-------------ViewPager+ViewPagerIndicator）

3. 支持自定义切换tab的过渡效果

4. 支持子界面的预加载和界面缓存

5. 支持设置界面是否可滑动

6. android:minSdkVersion="8" android:targetSdkVersion="21"

使用方法 #

package com.shizhefei.indicator.guide;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import com.shizhefei.indicator.R;
import com.shizhefei.view.indicator.Indicator;
import com.shizhefei.view.indicator.IndicatorViewPager;
import com.shizhefei.view.indicator.IndicatorViewPager.IndicatorPagerAdapter;
import com.shizhefei.view.indicator.IndicatorViewPager.IndicatorViewPagerAdapter;
public class GuideActivity extends FragmentActivity {
  private IndicatorViewPager indicatorViewPager;
  private LayoutInflater inflate;
  @Override
  protected void onCreate(Bundle arg0) {
    super.onCreate(arg0);
    setContentView(R.layout.activity_guide);
    ViewPager viewPager = (ViewPager) findViewById(R.id.guide_viewPager);
    Indicator indicator = (Indicator) findViewById(R.id.guide_indicator);
    // 将viewPager和indicator使用
    indicatorViewPager = new IndicatorViewPager(indicator, viewPager);
    inflate = LayoutInflater.from(getApplicationContext());
    // 设置indicatorViewPager的适配器
    indicatorViewPager.setAdapter(adapter);
  }
  private IndicatorPagerAdapter adapter = new IndicatorViewPagerAdapter() {
    private int[] images = { R.drawable.p1, R.drawable.p2, R.drawable.p3,
        R.drawable.p4 };
    /**
     * 获取tab
     */
    @Override
    public View getViewForTab(int position, View convertView,
        ViewGroup container) {
      if (convertView == null) {
        convertView = inflate.inflate(R.layout.tab_guide, container,
            false);
      }
      return convertView;
    }
    /**
     * 获取每一个界面
     */
    @Override
    public View getViewForPage(int position, View convertView,
        ViewGroup container) {
      if (convertView == null) {
        convertView = new View(getApplicationContext());
        convertView.setLayoutParams(new LayoutParams(
            LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
      }
      convertView.setBackgroundResource(images[position]);
      return convertView;
    }
    /**
     * 获取界面数量
     */
    @Override
    public int getCount() {
      return images.length;
    }
  };
}

有了该类库你可以实现以下布局

主要的类

1.ViewPager

android-support-v4 里面的viewpager被重新改写了。

1.在原先的基础上添加了setCanScroll(false)的方法用来禁止滑动。 2.setPrepareNumber(1)的方法用来配合setOffscreenPageLimit(1)进行预加载界面和防止重新创建界面

2.Indicator

顾名思义是指示器的意思。有点像水平方向的listview 可以自定义item。

子类FixedIndicatorView 主要用于固定大小来平均分配tab的情况。 子类ScrollIndicatorView 主要用于多个tab可以进行滑动。

3.indicatorViewPager

用于将ViewPager和Indicator 联合使用。

        indicatorViewPager.setAdapter(IndicatorPagerAdapter adapter)  
        // 设置它可以自定义实现在滑动过程中，tab项的字体变化，颜色变化等等过渡效果  
        indicatorViewPager.setIndicatorOnTransitionListener(onTransitionListener);  
        // 设置它可以自定义滑动块的样式  
        indicatorViewPager.setIndicatorScrollBar(scrollBar);  
        // 设置page是否可滑动切换  
        indicatorViewPager.setPageCanScroll(false);  
        /*
         * 设置缓存界面的个数，左右两边缓存界面的个数，不会被重新创建。 默认是1，表示左右两边  
         * 相连的1个界面和当前界面都会被缓存住，比如切换到左边的一个界面，那个界面是不会重新创建的。  
         */  
        indicatorViewPager.setPageOffscreenLimit(1);  
        /*
         * 设置预加载界面的个数。左右两边加载界面的个数 默认是1，表示左右两边 相连的1个界面会和当前界面同时加载  
         */  
        indicatorViewPager.setPagePrepareNumber(1);  
        // 设置页面切换监听  
        indicatorViewPager.setOnIndicatorPageChangeListener(onIndicatorPageChangeListener);  
        // 设置page间的图片的宽度  
        indicatorViewPager.setPageMargin(1);  
        // 设置page间的图片  
        indicatorViewPager.setPageMarginDrawable(d);  

4.IndicatorPagerAdapter

子类IndicatorFragmentPagerAdapter 用于 界面是fragment的形式。 子类IndicatorViewPagerAdapter 用于 界面是View的形式.

indicatorViewPager.setOnIndicatorPageChangeListener(onIndicatorPageChangeListener)设置界面的切换监听。

Indicator 既可以单独使用。也可以通过indicatorViewPager的形式联合viewpager一起使用。

5.ScrollBar

tab的滑动块通过indicatorViewPager.setIndicatorScrollBar(scrollBar);进行设置 子类有

ColorBar 颜色的滑动块

DrawableBar 图片滑动块

LayoutBar 布局滑动块

TextWidthColorBar 大小同tab里的text一样宽的颜色的滑动块

SpringBar 实现拖拽效果的圆形滑动块 该类修改于https://github.com/chenupt/SpringIndicator

5.OnTransitionListener

子类有OnTransitionTextListener tab的字体颜色变化，和字体大小变化效果

项目 ViewPagerIndicator_Demo 是示例代码。 看了这个例子你会惊奇的发现里面居然都是通过viewpager实现，没有使用tabhost，而所有形式的tab都是用Indicator实现。 项目 ViewPagerIndicator_Library 是类库 项目 SlideMenu_Library 是第三方的slidemenu类库