viewpager实现画廊(一屏多个Fragment)效果

转载自：http://www.trinea.cn/android/viewpager-multi-fragment-effect/

本文主要介绍如何利用ViewPager实现Gallery的画廊效果，即一屏显示多个Fragment

示例APK可从这些地址下载：Google Play, 360手机助手, 百度手机助手, 小米应用商店, 豌豆荚(其中的ViewPager Multi Fragment Demo)

示例代码可见ViewPager MultiFragmentDemo

效果图如下：

在使用Gallery的时候大家会发现有几个问题(1). 无法控制每次滑动只滑动一页, (2). Gallery默认第一个item居中，无法修改它与Gallery的左间距。ViewPager可以方便的解决上面两个问题，但默认却无法在屏幕上显示多个Fragment。
下面介绍如何利用ViewPager及android:clipChildren属性解决这个问题。
1、定义xml

Java

                           1                            2                            3                            4                            5                            6                            7                            8                            9                            10                            11                            12                            13                            14                            15                            16                 

                           <?          xml           version          =          "1.0"                     encoding          =          "utf-8"          ?>                            <          RelativeLayout           xmlns          :          android          =          "http://schemas.android.com/apk/res/android"                                      android          :          id          =          "@+id/pager_layout"                                      android          :          layout_width          =          "match_parent"                                      android          :          layout_height          =          "match_parent"                                      android          :          clipChildren          =          "false"                                      android          :          layerType          =          "software"                     >                                                                  <          android          .          support          .          v4          .          view          .          ViewPager                                      android          :          id          =          "@+id/view_pager"                                      android          :          layout_width          =          "250dp"                                      android          :          layout_height          =          "450dp"                                      android          :          layout_gravity          =          "center"                                      android          :          clipChildren          =          "false"                     /          >                                                        <          /          RelativeLayout          >                 

发现上面的RelativeLayout(可以用其它layout替换)和ViewPager的android:clipChildren都设置为了false。

android:clipChildren表示是否限制子View在其范围内，在animations动画以及本文的情况下可以发挥很大的作用。默认为true。

2、Java部分
这里我们主要完成
(1). ViewPager设置
需要setOnPageChangeListener，在onPageScrolled(int position, float positionOffset, int positionOffsetPixels)函数中不断刷新layout。
还可以

Java

1 2	viewPager . setOffscreenPageLimit ( TOTAL_COUNT ) ; viewPager . setPageMargin ( getResources ( ) . getDimensionPixelSize ( R . dimen . page_margin ) ) ;

setOffscreenPageLimit表示设置缓存，这样左右拖动即可看见后面的Fragment。setPageMargin表示设置Fragment之间的间距

(2). FrameLayout设置
需要setOnTouchListener函数中将滑动滑动事件传递给viewPager，否则只有viewPager中间的view可以滑动，设置后整个viewPager都可以滑动。
具体代码如下：

Java部分实现

可能运行后出现viewpager的部分Fragment无法看见或是突然消失的问题，请确保RelativeLayout和ViewPager的android:clipChildren都设置为了false并且viewPager.setOffscreenPageLimit(TOTAL_COUNT);其中TOTAL_COUNT大于0. 当然子Fragment本身不能是match_parent的。viewpager设置了paddingTop也会导致无法实现画廊而只是显示一屏。

更多相关文章

随机推荐