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

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

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

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

安卓使用DrawerLayout实现左右划效果(抽屉动画)以及简单布局_第1张图片 安卓使用DrawerLayout实现左右划效果(抽屉动画)以及简单布局_第2张图片 安卓使用DrawerLayout实现左右划效果(抽屉动画)以及简单布局_第3张图片

创建程序

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

 

以下是activity_main.xml完整代码:



    
        
            
        
        
        
        
        
            
        




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

运行程序

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

功能拓展

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

安卓使用DrawerLayout实现左右划效果(抽屉动画)以及简单布局_第4张图片 安卓使用DrawerLayout实现左右划效果(抽屉动画)以及简单布局_第5张图片 安卓使用DrawerLayout实现左右划效果(抽屉动画)以及简单布局_第6张图片

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

以下是activity_main.xml完整代码:



    

        
            
            
                
                
            
            
                
                
            
            

作者:苏洋龙 原文地址

你可能感兴趣的:(安卓使用DrawerLayout实现左右划效果(抽屉动画)以及简单布局)