美文网首页爱天气App实战开发
模块3:建立主界面UI框架 - 使用抽屉导航(2)

模块3:建立主界面UI框架 - 使用抽屉导航(2)

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

    新建抽屉布局

    运用Android SDK内部提供的DrawerLayout组件可以方便的实现抽屉导航框架。
    首先为抽屉布局新建一个布局描述文件。在Android Studio界面中左侧的项目视图中找到“res/layout”文件夹,选中并按鼠标右键,在弹出菜单中选择New -> Layout resource file

    新建布局文件

    点击后弹出对话框,需要我们分别填写布局文件名称和布局中的根元素类型。将文件命名为main_drawer_layout,布局根元素类型设置为android.support.v4.widget.DrawerLayout

    新建布局文件

    这么长的名字哪里记得住呢?不必焦虑,只要在Root element编辑框中简单输入"DrawerLayout",Android Studio会自动弹出提示菜单,然后从中选取即可。

    检查无误后点击OK按钮完成创建。

    检查res/layout文件夹,里面应该多了一个名为main_drawer_layout .xml的布局文件。查看文件内容如下:

    main_drawer_layout.xml

    文件中各元素的排列有点不利于阅读。Android Studio提供了代码整理功能。在主菜单上选择Code -> Reformat code。代码整理后如下:

    整理后的布局文件

    另外,我们之后应当会在Java代码中对DrawerLayout布局对象进行操作。为了能够找到它,需要为它添加一个id。我们将这个id直接命名为drawer,如下:

    设置根元素id

    接下来,我们将新的布局文件关联主界面MainActivity,从而替换原有的activity_main.xml。打开MainActivity.java文件,找到如下红色方框标出的语句:

    setContentView()方法的参数中所引用的布局修改为我们新建的布局:

    使用含有抽屉的新布局

    在虚拟设备上运行程序查看效果。可以发现除了主界面里的文字已经没了,并有其它的任何变化。这是肯定的,因为我们仅仅将布局根元素设为了DrawerLayout,而其中包含的主视图和抽屉视图却并没有布置。接下来就来完成这项工作。

    相关文章

      网友评论

        本文标题:模块3:建立主界面UI框架 - 使用抽屉导航(2)

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