浅谈android:clipChildren属性

实现ViewPager一屏多个视图滚动

GIF.gif

第一步：
我们只需要在原来基础上在布局文件里对ViewPager控件和它对应的根控件添加 android:clipChildren="false"属性
第二步：
设置ViewPager的左右margin属性

android:layout_marginRight="80dp"android:layout_marginLeft="80dp"

设置这两个属性的目的是什么呢？
首先，我们正常设置ViewPager控件的宽度都是

android:layout_width="match_parent"

而我们设置距离左右控件的距离之后，就会使ViewPager可现实的宽度变窄，如图，蓝色框部分就是viewpager可见部分

Paste_Image.png
再加上第一步的设置
最终就出现这样的情况：一个界面我们可以看到至少2个起的viewpager中的子View（橙色，蓝色View视图）
浅谈android:clipChildren属性_第2张图片

Paste_Image.png
注意点：该做法会有一个bug，就是只能滑动中间的那个View，而如果我们想要点着左边或者右边的View滑动怎么办？
解决办法：将父类的touch事件分发至viewPgaer，R.id.ly是ViewPager控件的父容器

findViewById(R.id.ly).setOnTouchListener(new View.OnTouchListener() {   @Override     public boolean onTouch(View v, MotionEvent event) {     return viewpager.dispatchTouchEvent(event); } });

另外，activity代码中给ViewPager控件动态设置间距也会是效果大大提高

viewpager.setPageMargin(8);

Paste_Image.png

由于ViewPager默认预加载一页，导致，每次滑动时新出现的页面都需要重新加载，可以手动设置

vp.setOffscreenPageLimit(2);

更多相关文章

随机推荐