【转】Android 使用ViewPager实现类似gallery画廊的效果(画廊效果之ViewPager显示多个图片)

最新推荐文章于 2023-11-28 05:15:00 发布

转载最新推荐文章于 2023-11-28 05:15:00 发布 · 958 阅读

文章标签：

#android #viewpager #gallery

android 专栏收录该内容

11 篇文章

订阅专栏

转载于：http://blog.youkuaiyun.com/jdsjlzx/article/details/44840077

这个画廊的效果利用到了View的clipChildren属性，我们在这里要把ViewPager以及它的父窗体都设置为false，如下:

Android:clipChildren=”false”

因为如果clipChildren属性设置为true,就表明我们要将children给clip掉，就是说对于子元素来说，超出当前view的部分都会被切掉，那我们在这里把它设置成false，就表明超出view的部分，不要切掉，依然显示。

xml代码部分：

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

效果就如同e代驾底部这个司机列表（示意图，与文中代码无关）
e代驾