Android开发实战（二十一）：浅谈android:clipChildren属性 - Android

TOP

Android开发实战（二十一）：浅谈android:clipChildren属性(二)

2017-10-13 10:35:58 【大中小】浏览:6925次

Tags：Android 开发实战二十一浅谈 android:clipChildren 属性

布局文件里对ViewPager控件和它对应的根控件添加 android:clipChildren="false"属性

第二步：

设置ViewPager的左右margin属性

android:layout_marginRight="80dp"

android:layout_marginLeft="80dp"

设置这两个属性的目的是什么呢？

首先，我们正常设置ViewPager控件的宽度都是

android:layout_width="match_parent"

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

再加上第一步的设置

最终就出现这样的情况：一个界面我们可以看到至少2个起的viewpager中的子View（橙色，蓝色View视图）

注意点：该做法会有一个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);

ViewPager滚动效果：

ViewPager切换动画（3.0版本以上有效果）

效果图：

布局文件代码：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:background="#fff"
    android:id="@+id/ly"
    android:clipChildren="false"
    tools:context="com.xqx.com.treat.ViewPagerActivity">

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:clipChildren="false"
        android:layout_marginRight="80dp"
        android:layout_marginLeft="80dp"
        ></android.support.v4.view.ViewPager>


</RelativeLayout>

View Code

首页上一页 1 2 下一页尾页 2/2/2
【大中小】【打印】【繁体】【投稿】【收藏】【推荐】【举报】【评论】【关闭】【返回顶部】

上一篇：Android添加图片到ListView或者 R..	下一篇：Android-正方形的容器