爱天气App实战开发

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

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

新建抽屉布局

运用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,而其中包含的主视图和抽屉视图却并没有布置。接下来就来完成这项工作。

上一篇下一篇

猜你喜欢

热点阅读