Android中ViewPager展示多页

最新推荐文章于 2021-05-27 12:35:05 发布

lplj717

最新推荐文章于 2021-05-27 12:35:05 发布

阅读量742

点赞数

CC 4.0 BY-SA版权

分类专栏： Android自定义控件文章标签： ViewPage显示多页 Android Viewpage

本文链接：https://blog.youkuaiyun.com/lplj717/article/details/99317539

本文介绍了如何在Android中使用ViewPager实现类似魅族Banner效果，即在切换页面时，左右两侧能露出部分边框。主要涉及两个关键点：1) 设置ViewPager父布局的`clipChildren`属性为false，允许超出部分显示；2) 自定义ViewPager.PageTransformer动画以增强视觉效果。此方法适用于希望在项目中创建独特滑动体验的开发者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做了首页的banner，产品设计的UI类似的魅族的效果，就是使用viewpage，然后左右两边都漏出一点边框，大体效果如图所示

一开始的时候感觉好像蛮复杂的样子，当看过一些博客之后感觉还是非常简单的
有两点：
1，clipChildren属性：默认值为true, 子View 的大小只能在父View规定的范围之内，比如父View的高为50，子View的高为60 ,那么多处的部分就会被裁剪。如果我们设置这个值为false的话，那么多处的部分就不会被裁剪了。
这里我们就可以利用这个属性来实现了这个效果了，我们设置ViewPager的父布局的`clipChildren`为false。然后设置ViewPager 左右一定的边距，那么左右就空出了一定的区域，利用`clipChildren` 属性，就能让前后页面的部分显示在当前页了。

            <RelativeLayout
                android:id="@+id/rl_banner"
                android:layout_width="match_parent"
                android:layout_height="@dimen/dp_163"
                android:layout_marginTop="@dimen/dp_7"
                android:clipChildren="false">