<com.shizhefei.view.indicator.ScrollIndicatorView 
   android:id="@+id/moretab_indicator" 
   android:layout_width="match_parent" 
   android:layout_height="45dp" /> 
 <View 
   android:layout_width="match_parent" 
   android:layout_height="0.5dp" 
   android:background="#f2f2f2" 
   /> 
 <android.support.v4.view.ViewPager 
   android:id="@+id/moretab_viewPager" 
   android:layout_width="match_parent" 
   android:layout_height="match_parent" /> 

//左右滑動布局框架 
 compile 'com.shizhefei:ViewPagerIndicator:1.1.4' 

ScrollIndicatorView scrollIndicatorView; 
  ViewPager viewPager; 
  private String[] titles = {"在線申辦", "信用卡代換", "信用卡取現(xiàn)", "辦卡進(jìn)度"}; 
  private IndicatorViewPager indicatorViewPager; 
  private LayoutInflater inflate; 
  private Context mContext; 
 
 
 
 private void initViewPager() { 
//    默認(rèn)字體是14 
    float unSelectSize = 14; 
//    滑動字體是14*1.2f 
    float selectSize = unSelectSize; 
    scrollIndicatorView.setOnTransitionListener(new OnTransitionTextListener().setColor(0xFF1DA9FF, Color.GRAY).setSize(selectSize, unSelectSize)); 
    scrollIndicatorView.setScrollBar(new ColorBar(mContext, 0xFF1DA9FF, 2)); 
 
    viewPager.setOffscreenPageLimit(1); 
    indicatorViewPager = new IndicatorViewPager(scrollIndicatorView, viewPager); 
    inflate = LayoutInflater.from(mContext); 
    indicatorViewPager.setAdapter(new MyAdapter(getFragmentManager())); 
  } 
 
  private int size = titles.length; 
 
 
  private class MyAdapter extends IndicatorViewPager.IndicatorFragmentPagerAdapter { 
 
    public MyAdapter(FragmentManager fragmentManager) { 
      super(fragmentManager); 
    } 
 
 
    @Override 
    public int getCount() { 
      return size; 
    } 
 
    @Override 
    public View getViewForTab(int position, View convertView, ViewGroup container) { 
      if (convertView == null) { 
        convertView = inflate.inflate(R.layout.tab_top, container, false); 
      } 
      TextView textView = (TextView) convertView; 
      textView.setText(titles[position % titles.length]); 
      int padding = dipToPix(10); 
      textView.setPadding(padding, 0, padding, 0); 
      return convertView; 
    } 
 
    @Override 
    public Fragment getFragmentForPage(int position) { 
      CreditCardFragment fragment = new CreditCardFragment(); 
      /* Bundle bundle = new Bundle(); 
      bundle.putInt(MoreFragment.INTENT_INT_INDEX, position); 
      fragment.setArguments(bundle);*/ 
      return fragment; 
 
//      MoreFragment fragment = new MoreFragment(); 
//      Bundle bundle = new Bundle(); 
//      bundle.putInt(MoreFragment.INTENT_INT_INDEX, position); 
//      fragment.setArguments(bundle); 
//      return fragment; 
    } 
 
    @Override 
    public int getItemPosition(Object object) { 
      //這是ViewPager適配器的特點,有兩個值 POSITION_NONE，POSITION_UNCHANGED，默認(rèn)就是POSITION_UNCHANGED, 
      // 表示數(shù)據(jù)沒變化不用更新.notifyDataChange的時候重新調(diào)用getViewForPage 
      return PagerAdapter.POSITION_NONE; 
    } 
 
  } 
 
  private int dipToPix(float dip) { 
    int size = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dip, getResources().getDisplayMetrics()); 
    return size; 
  }