在布局中嵌入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