美文网首页爱天气App实战开发
模块4:主视图UI布局 - 使用ViewPager(2)

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

作者: jingz课程 | 来源:发表于2019-03-20 10:20 被阅读0次

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

相关文章

网友评论

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

    本文链接:https://www.haomeiwen.com/subject/fzammqtx.html