ViewPager显示多个图片

来源:互联网 发布:鸟哥的linux私房菜豆瓣 编辑:程序博客网 时间:2024/05/11 23:08

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


以画廊的显示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);      } });



0 0