<?xml version="1.0" encoding="utf-8"?>
<ListView xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:listheader="@layout/demo_header"
  tools:listitem="@layout/demo_item"
  />

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="50dp"
  android:textAppearance="?android:attr/textAppearanceListItemSmall"
  android:gravity="center_vertical|center_horizontal"
  android:drawableLeft="@drawable/demo_tab_home_selector"
  android:drawableRight="@drawable/demo_tab_home_selector"
  android:drawablePadding="10dp"
  android:text="ddd"
  android:textSize="20sp"
  />

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="60dp"
  android:padding="16dp"
  android:textAppearance="?android:attr/textAppearanceListItemSmall"
  android:gravity="center_vertical"
  android:drawableRight="@drawable/icon_arrow"
  android:drawablePadding="10dp"
  android:text="設(shè)置菜單"
  android:textSize="20sp"
  />

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="horizontal"
  android:gravity="center_vertical"
  android:padding="12dp"
  >
  <TextView
    android:layout_width="wrap_content"
    android:layout_height="100dp"
    android:gravity="center"
    android:text="Header"
    android:textSize="40sp"
    />
  <Space
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    />
  <ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/tab_icon_home"
    />
</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  >
  <kale.uidemo.ExViewPager
    android:id="@+id/viewPager"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1.0"
    />
  <kale.uidemo.ExTabLayout
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    />
</LinearLayout>

private void preview(Context context, TypedArray a) {
    final String tabStrArr = a.getString(R.styleable.ExTabLayout_tools_tabStrArray);
    final String[] tabRealStrArr = getTabRealStrArr(tabStrArr);
    ViewPager viewPager = new ViewPager(context);
    viewPager.setAdapter(new PagerAdapter() {
      @Override
      public int getCount() {
        return tabRealStrArr.length;
      }
      @Override
      public boolean isViewFromObject(View view, Object object) {
        return view == object;
      }
      @Override
      public CharSequence getPageTitle(int position) {
        return tabRealStrArr[position];
      }
    });
    viewPager.setCurrentItem(0);
    this.setupWithViewPager(viewPager);
  }

  // preview
  if (isInEditMode()) {
    preview(context, a);
  }

private void preview(Context context, AttributeSet attrs) {
    TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.ExViewPager);
    List<View> viewList = new ArrayList<>();
    int layoutResId;
    if ((layoutResId = a.getResourceId(R.styleable.ExViewPager_tools_layout0, 0)) != 0) {
      viewList.add(inflate(context, layoutResId, null));
    }
    if ((layoutResId = a.getResourceId(R.styleable.ExViewPager_tools_layout1, 0)) != 0) {
      viewList.add(inflate(context, layoutResId, null));
    }
    if ((layoutResId = a.getResourceId(R.styleable.ExViewPager_tools_layout2, 0)) != 0) {
      viewList.add(inflate(context, layoutResId, null));
    }
    if ((layoutResId = a.getResourceId(R.styleable.ExViewPager_tools_layout3, 0)) != 0) {
      viewList.add(inflate(context, layoutResId, null));
    }
    if ((layoutResId = a.getResourceId(R.styleable.ExViewPager_tools_layout4, 0)) != 0) {
      viewList.add(inflate(context, layoutResId, null));
    }
    a.recycle();
    setAdapter(new PreviewPagerAdapter(viewList));
  }
  /**
   * @author Jack Tony 
   * 這里傳入一個(gè)list數(shù)組，從每個(gè)list中可以剝離一個(gè)view并顯示出來(lái)
   * @date :2014-9-24
   */
  public static class PreviewPagerAdapter extends PagerAdapter {
    private List<View> mViewList;
    public PreviewPagerAdapter(List<View> viewList) {
      mViewList = viewList;
    }
    @Override
    public int getCount() {
      return mViewList.size();
    }
    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {
      return arg0 == arg1;
    }
    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
      if (mViewList.get(position) != null) {
        container.removeView(mViewList.get(position));
      }
    }
    @Override
    public Object instantiateItem(ViewGroup container, int position) {
      container.addView(mViewList.get(position), 0);
      return mViewList.get(position);
    }
  }

<kale.uidemo.ExViewPager
    android:id="@+id/viewPager"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1.0"
    android:scrollbars="none"

    app:scrollable="true"
    app:tools_layout0="@layout/demo_fragment01"
    app:tools_layout1="@layout/demo_fragment02"
    app:tools_layout2="@layout/demo_fragment01"
    />