教你最简单的实现ViewPager一屏显示多页的内容

前言
以前在使用viewpager的时候都是结合fragment和tablayout使用,也会当做banner来使用,但这些都是一些基本使用,很少涉及到动效或者其他。不过前段时间项目中有个需求是顶部一个轮播图,但是这个轮播图要在当前页能看到前后两页的部分内容,咋一看,jing到我了,这咋整,好像有点迷,一下子感觉好难啊。相信很多童鞋一开始接触的时候都有跟我一样的想法,但其实不然,只要你接着读下去就会发现,我丢,什么玩意儿,这么简单的吗?嘻嘻!

无图无真相,小二,上图:
效果演示图
这里写图片描述
接下来具体介绍咋个实现
1.首先我们要了解一个属性:android:clipChildren;这个属性表示是否限制子View在其范围内,默认是true,即限制子View在其范围内,所以很明显,当前页要显示前后两页的内容,就要在XML文件中将其父布局的这个属性值设置为false,当然也可以在代码中设置:setClipChildren(false)。

2.通过设置 ViewPager 的 layout_marginLeft 和 layout_marginLeft 两个属性以及通过setPageMargin(int marginPixls)方法,可以设置其他页面(非当前页面)的显示大小,setPageMargin(int marginPixls)方法的作用是设置两个page的间距。

需要注意:
setClipChildren(false)在3.0以上版本,开启了硬件加速后将不能正常生效,需要将其父布局设置成软件加速。设置软件加速的方法是setLayerType(View.LAYER_TYPE_SOFTWARE, null); 也可以在布局文件中添加 android:layerType=“software”。

好啦!要实现viewpager一屏多页的效果就只需上面几小步咯,噫~~ 怎么bb了这么久都没有一行代码的呢?各位看客们骚安勿躁,马上呈现完整代码,走起:

XML布局文件:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"<
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值