Android ViewPager画廊效果详解及实例

 更新时间:2016年12月27日 11:16:14   投稿:lqh  
这篇文章主要介绍了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); 
  } 
});

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

相关文章

  • android开发环境搭建详解(eclipse + android sdk)

    android开发环境搭建详解(eclipse + android sdk)

    这篇文章主要介绍了android开发环境搭建详解(eclipse + android sdk),需要的朋友可以参考下
    2014-05-05
  • Android设备获取扫码枪扫描内容

    Android设备获取扫码枪扫描内容

    这篇文章主要为大家详细介绍了Android设备获取扫码枪扫描内容,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Android弹出窗口实现方法

    Android弹出窗口实现方法

    这篇文章主要介绍了Android弹出窗口实现方法,涉及Android TextView及鼠标事件的响应相关技巧,需要的朋友可以参考下
    2016-01-01
  • Android中自定义Checkbox组件实例

    Android中自定义Checkbox组件实例

    这篇文章主要介绍了Android中自定义Checkbox控件实例,本文使用两张图片来美化Checkbox组件,需要的朋友可以参考下
    2015-01-01
  • 深踩Android Studio 缓存的坑及解决方法

    深踩Android Studio 缓存的坑及解决方法

    这篇文章主要介绍了深踩Android Studio 缓存的坑及解决方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • android实现ViewPager的Indicator的实例代码

    android实现ViewPager的Indicator的实例代码

    本篇文章主要介绍了android实现ViewPager的Indicator的实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • Android ListView自动生成列表条目的实例

    Android ListView自动生成列表条目的实例

    下面小编就为大家分享一篇Android ListView自动生成列表条目的实例,具有很好的 参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • flutter开发的app项目 打包成web

    flutter开发的app项目 打包成web

    如果你的Flutter版本低于2.0,请先升级Flutter版本,创建一个web文件夹来存放web相关的资源,使用HTML渲染器打包,该渲染器提供的打开速度最快,并且具有良好的浏览器兼容性,使用默认设置进行打包,提供的打开速度为一般,但依然保持良好的浏览器兼容性
    2024-08-08
  • 详解Android创建Handler的必备知识点

    详解Android创建Handler的必备知识点

    本篇文章主要介绍Handler中需要了解的几个必备知识点,比如Handler创建、异步Handler是个啥及如何创建,感兴趣的小伙伴快跟随小编一起学习一下
    2022-10-10
  • Ubuntu16.04 LTS 下安装 Android Studio 2.2.2 的详细步骤

    Ubuntu16.04 LTS 下安装 Android Studio 2.2.2 的详细步骤

    这篇文章主要介绍了Ubuntu16.04 LTS 下安装 Android Studio 2.2.2 的详细步骤,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-11-11

最新评论