美文网首页爱天气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