Android画廊效果之ViewPager显示多个图片

概述首先来看下ViewPager显示多个图片效果：从上面的图片可以看到，当添加多张图片的时候，能够在下方形成一个画廊的效果，我们左右拉动图片来看我们添加进去的图片，效果是不是好了很多呢？下面来看看怎么实现吧！

首先来看下VIEwPager显示多个图片效果：

从上面的图片可以看到，当添加多张图片的时候，能够在下方形成一个画廊的效果，我们左右拉动图片来看我们添加进去的图片，效果是不是好了很多呢？下面来看看怎么实现吧！

上面的效果类似AndroID里面VIEwPage的效果，但是跟VIEwPager有所不同，VIEwPager每次只能显示一张图片。

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

androID:clipChildren="false"

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

xml代码部分：

<!-- 配置container和pager的clipChildren=false， 并且指定marginleft 和 marginRight 的值--> <linearLayout  androID:ID="@+ID/container"  androID:layout_wIDth="match_parent"  androID:layout_height="100dp"  androID:clipChildren="false"  androID:gravity="center_horizontal"  androID:layerType="software"  androID:orIEntation="horizontal" >   <androID.support.v4.vIEw.VIEwPager   androID:ID="@+ID/vIEwpager"   androID:layout_wIDth="match_parent"   androID:layout_height="match_parent"   androID:layout_marginleft="110dp"   androID:layout_marginRight="110dp"   androID:clipChildren="false" >  </androID.support.v4.vIEw.VIEwPager> </linearLayout>

Java代码部分：

// 1.设置幕后item的缓存数目 mVIEwPager.setoffscreenPagelimit(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);  } });

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的Android画廊效果之ViewPager显示多个图片全部内容，希望文章能够帮你解决Android画廊效果之ViewPager显示多个图片所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。