Android ViewPager画廊效果详解及实例

android 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); 
  } 
});

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！