模块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的布局文件。查看文件内容如下：

main_drawer_layout.xml

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

整理后的布局文件

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

设置根元素id

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

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

使用含有抽屉的新布局

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