开发环境为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完整代码:
作者:苏洋龙 原文地址