爱天气App实战开发

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

2019-03-20  本文已影响0人  jingz课程

在布局中嵌入ViewPager

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

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

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

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

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


本小节修改的文件:

modified:   app/src/main/res/layout/activity_main.xml
上一篇下一篇

猜你喜欢

热点阅读