ViewPager显示多个图片

我们要实现的最终效果如下

以画廊的显示VIewPager

其实我们是利用到了View的clipChildren属性，我们在这里要把ViewPager以及它的父窗体都设置为false，如下:

android:clipChildren="false"

因为如果clipChildren属性设置为true,就表明我们要将children给clip掉，就是说对于子元素来说，超出当前view的部分都会被切掉，那我们在这里把它设置成false，就表明超出view的部分，不要切掉，依然显示。

布局中的代码部分

<!-- 配置Container和pager的clipChildren=false， 并且指定marginLeft 和 marginRight 的值-->  

  <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:clipChildren="false"  >

        <android.support.v4.view.ViewPager
            android:id="@+id/vp_zhibopager"
            android:layout_width="match_parent"
            android:layout_height="150dp"
            android:layout_marginLeft="110dp"
            android:layout_marginRight="110dp"
            android:clipChildren="false" />
    </LinearLayout>

Java代码

// 1.设置幕后item的缓存数目  
mViewPager.setOffscreenPageLimit(3);

mViewPager.setPageTransformer(true,new ZoomPager());
mViewPager.setCurrentItem(3);

// 2.设置页与页之间的间距  
mViewPager.setPageMargin(10);  
// 3.将父类的touch事件分发至viewPgaer，否则只能滑动中间的一个view对象  
container.setOnTouchListener(new View.OnTouchListener() {  
    @Override  
    public boolean onTouch(View v, MotionEvent event) {  
        return mViewPager.dispatchTouchEvent(event);  
    } 
});