Android画廊效果之ViewPager显示多个图片
2016-11-14 16:41
1411 查看
首先来看下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结合Fragment进行无限滑动
- Android中TabLayout+ViewPager 简单实现app底部Tab导航栏
- Android自定义ViewPagerIndicator实现炫酷导航栏指示器(ViewPager+Fragment)
- Android ViewPager实现轮播图效果
- Android实现基于ViewPager的无限循环自动播放带指示器的轮播图CarouselFigureView控件
- Android ViewPager加载图片效果
- Android中ViewPager获取当前显示的Fragment
- 详解Android_性能优化之ViewPager加载成百上千高清大图oom解决方案
- Android实现Tab布局的4种方式(Fragment+TabPageIndicator+ViewPager)
- Android使用自定义PageTransformer实现个性的ViewPager动画切换效果
相关文章推荐
- Android 使用ViewPager实现类似gallery画廊的效果(画廊效果之ViewPager显示多个图片)
- Android 画廊效果之ViewPager显示多个图片
- 【转】Android 使用ViewPager实现类似gallery画廊的效果(画廊效果之ViewPager显示多个图片)
- android,侧滑栏SlidingLayout、ViewPager实现画廊、简单用viewpager实现画廊、圆形图片、简单的跑马灯动画效果、可拖拽的弹簧式水泡动画集合
- viewpager实现画廊(中间图片全部显示,左右显示一部分b布局)无限轮播效果
- Android开发学习之基于ViewPager实现Gallery画廊效果
- Android 自定义 ViewPager 打造千变万化的图片切换效果
- android viewflipper 左右滑动切换显示图片效果
- Android照片墙加强版,使用ViewPager实现画廊效果
- android ViewPager在拖拽到左边和右边的时候,禁止显示黄色或者蓝色的渐变图片的解决方法
- Android ViewPager+Fragment 实现画廊效果(一屏多Fragment)
- Android Viewpager实现图片轮播(仿优酷效果)
- Android 图片混排效果和ViewPager的使用
- Android照片墙加强版,使用ViewPager实现画廊效果
- Android 自定义 ViewPager 打造千变万化的图片切换效果
- Android 自定义 ViewPager 打造千变万化的图片切换效果
- Android 自定义 ViewPager 打造千变万化的图片切换效果
- Android Viewpager实现图片轮播(仿优酷效果)
- android 界面开发: 图片、界面滑动翻页效果(ViewPager)
- Android照片墙加强版,使用ViewPager实现画廊效果