Android

关注公众号 jb51net

关闭
首页 > 软件编程 > Android > Android ViewPager显示多个图片

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

作者:shineflowers

这篇文章主要为大家详细介绍了Android画廊效果之ViewPager显示多个图片,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android 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); 
 } 
});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文