安卓使用DrawerLayout实现左右划效果（抽屉动画）以及简单布局

安卓使用DrawerLayout实现左右划效果（抽屉动画）以及简单布局

开发环境为Android 3.3.1 模拟设备：3.7 WVGA (Nexus One) API 28

在android 5.0 中新增了 DrawerLayout控件，此控件可以实现抽屉动画，展现侧滑效果。侧滑包括了左侧滑和右侧滑。在qq，酷狗音乐等都可以看到抽屉动画的应用

创建程序

首先我们可以创建一个名为DrawerLayout的程序。在界面布局文件activity_main.xml中引入DrawerLayout控件。DrawLayout控件需要使用全路径名称

以下是activity_main.xml完整代码：

从以上代码可以发现，在DrawerLayout标签中创建3个LinearLayout线性布局，分别为主界面布局，左侧侧滑界面，右侧侧滑界面。其中比较重要的是后两个LinearLayout布局的第一行的layout_width属性，可以用来设置界面划出的宽度。layout_gravity属性可以设置该布局的方位，left为左侧滑界面，right为右侧滑界面

运行程序

DrawerLayout控件在布局文件中引入就可以了，不用写其他的用户交互代码就可以有侧滑效果。修改完activity_main.xml文件后运行程序就可出现文章开头的效果。

功能拓展

我们可以利用抽屉动画模拟QQ界面，效果如下：

主界面使用ImageView插入图片，图片放在app-res-drawable中，可直接从剪贴板粘贴添加图片，注意图片命名。接下来两个LinearLayout线性布局实现账号密码输入，每个LinearLayout包含TextView文本控件和EditText文本编辑控件，下方添加一个Button按钮提交登录信息。
左侧界面线性布局和表格布局结合。每一行是一个LinearLayout，每个LinearLayout包含一个TableLayout，每个TableLayout包含3个文本框，文本框的宽度由每个文本框的layout_weight按比例控制。
右侧界面插入一张图片，方法同上。使用ImageView，background属性会根据ImageView的大小进行伸缩。若把background改成src则会以原图大小显示

以下是activity_main.xml完整代码：

作者：苏洋龙 原文地址