Android ViewPager画廊效果详解及实例

Android ViewPager画廊效果详解及实例,第1张

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

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

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

总结

以上是内存溢出为你收集整理的Android ViewPager画廊效果详解实例全部内容,希望文章能够帮你解决Android ViewPager画廊效果详解及实例所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1147351.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存