精通ViewPager控件的使用技巧

本项目要实现三个View 之间相互滑动,效果如图6-1 所示。

图6-1　滑动效果

(1)新建项目并引入ViewPager 控件

打开主布局文件activity_main.xml,添加如下代码：

其中<Android. support. v4. view. ViewPager />是ViewPager 对应的组件,将其放到想要滑动的位置。

(2)新建三个layout 用于滑动切换的视图

从效果图中也可以看到,我们的三个视图都非常简单,里面没有任何的控件。 布局代码如下：

layout1.xml：

layout2.xml：

layout3.xml：(www.xing528.com)

(3)打开MainActivity.java 并添加代码

添加代码实现页面切换效果,代码如下：

因为代码量很小,所以全部放在了OnCreate()函数中。

①首先声明全局变量,代码如下：

ViewPager 对应<android. support. v4. view. ViewPager/>控件;view1,view2,view3 对应三个layout,即layout1.xml, layout2.xml, layout3.xml; viewList 是一个View 数组,盛装上面的三个View。

②对变量初始化,代码如下：

③编写PageView 的适配器,代码如下：

保存项目,在模拟器中预览,向左右滑动屏幕便可看到如图6-1 所示的效果。