模块3:建立主界面UI框架 - 使用抽屉导航(2)
新建抽屉布局
运用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
的布局文件。查看文件内容如下:
文件中各元素的排列有点不利于阅读。Android Studio提供了代码整理功能。在主菜单上选择Code
-> Reformat code
。代码整理后如下:
另外,我们之后应当会在Java代码中对DrawerLayout
布局对象进行操作。为了能够找到它,需要为它添加一个id。我们将这个id直接命名为drawer
,如下:
接下来,我们将新的布局文件关联主界面MainActivity
,从而替换原有的activity_main.xml
。打开MainActivity.java
文件,找到如下红色方框标出的语句:
将setContentView()
方法的参数中所引用的布局修改为我们新建的布局:
在虚拟设备上运行程序查看效果。可以发现除了主界面里的文字已经没了,并有其它的任何变化。这是肯定的,因为我们仅仅将布局根元素设为了DrawerLayout
,而其中包含的主视图和抽屉视图却并没有布置。接下来就来完成这项工作。