模块4：主视图UI布局 - 使用ViewPager(2)

在布局中嵌入ViewPager

ViewPager类似于显示生活中的滚动广告箱，可以在指定的一组页面中按顺序切换。
首先我们将其嵌入到主视图的适当位置。分析如下的页面设计效果演示：

可以观察到，作为容纳滚动页面的容器，ViewPager本身在视图中具有以下特点：

• 充满全屏幕
• 衬托于Toolbar的下方

我们根据这两个基本特点来设置其布局参数。打开主视图布局文件activity_main.xml查看——目前页面中仅有一个由RelativeLayout包裹Toolbar及其内部成分。我们需要使新加入的ViewPager在视图中衬托于Toolbar下方，则应当在布局文件中使其位于Toolbar的上方，如图：

添加ViewPager视图元素，设置其充满父视图，同时设定其id为viewpager：

布局修改完成，接着进行下一步——定义需要在ViewPager中展示的Fragment类。

---

本小节修改的文件：

modified:   app/src/main/res/layout/activity_main.xml