关于viewpager的简单实现引导页

实现简单引导页流程并不复杂,简单分为几个部分:

1.viewpager控件使用

2.viewpager各个页面滑动监听

3.viewpager底部圆点指示器监听

几个需要注意一下的点:viewpager的适配器选择,一般的引导页面存放的都是图片,所以可以重写一个继承PagerAdapter的类即可满足需求,不过值得注意的是在继承类中,除了默认实现的两个方法外还应实现页面生成与销毁的两个方法

关于viewpager的简单实现引导页_第1张图片

如果此时指示器采取画小圆点来标记,则需要写出两个小圆点的形状代码以及选择器控制其颜色:

在drawable文件夹中新建两个shape文件表示其不同状态下的颜色:

关于viewpager的简单实现引导页_第2张图片

其次还有一个状态选择器以供不同状态的颜色替换:

关于viewpager的简单实现引导页_第3张图片

状态选择器的小圆点取决于背景数量,因此最好采用动态创建的方式:

关于viewpager的简单实现引导页_第4张图片

这里需要注意一下,在设置圆点左边距的时候,由于控件为动态创建,应当使用图中代码方式获取layoutParams,否则会引起空指针异常!而具体是否为Linearlayout下的layoutparams取决于控件所在第一级父容器的布局方式。然后为其添加点击事件可以控制viewpager显示页面,可以通过为其设置tag标识而无需添加控件id。

关于viewpager的简单实现引导页_第5张图片

最后就是页面滑动变化监听来改变指示器的状态代码:

关于viewpager的简单实现引导页_第6张图片

你可能感兴趣的:(关于viewpager的简单实现引导页)