【Android开源控件】drawerlayout侧滑菜单(抽屉效果)【转载】

·  阅读 56

【Android开源控件】 drawerlayout侧滑菜单(抽屉效果)


官网:Drawerlayout | Android 开发者 | Android Developers (google.cn)

1. 更改布局为drawerlayout

首先我们不再使用约束布局作为根布局,使用drawerlayout布局,并为其创建id属性

在这里插入图片描述

在其中嵌套两个同级的约束布局,此时嵌套的两个子约束布局是重叠在一起的
在这里插入图片描述
image-20220513160423848

为做区分我们给两个约束布局上分别添加一个Button,因为两个布局层叠再一起所以建议使用代码的方式直接添加Button

image-20220515154201709

完整代码如下所示:

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:id="@+id/drawerLayout">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="328dp"
            android:text="Button"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintHorizontal_bias="0.791"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        
    </androidx.constraintlayout.widget.ConstraintLayout>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        
        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginStart="4dp"
            android:text="new Button"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintVertical_bias="0.472" />

    </androidx.constraintlayout.widget.ConstraintLayout>

</androidx.drawerlayout.widget.DrawerLayout>

2. 使用layout_gravity设置布局相对位置

关键的步骤来了:为任意一个嵌套子布局添加如下一行代码,可见子布局就跑到预览屏幕的左边(改成right就到右边去了)的黑色区域,只能看到一圈蓝色虚线框(除此之外我还给给个布局加了一个背景色以示区别)

Tips::layout_gravity的参数其实官方推荐使用start(从左向右滑出)和end(从右向左滑出),不推荐left和right

<androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/purple_200"
        android:layout_gravity="left">

image-20220515154627683

运行虚拟机查看效果,可以看到右滑出来的布局并没有覆盖整个屏幕,而且后面的布局自动变成的灰色

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GDESQkE7-1653063918737)(https://raw.githubusercontent.com/starrylixu/pictureBed/master/20220515155620.gif)]

3. 事件监听唤出抽屉

我们尝试使用按钮监听点击事件将侧滑菜单召唤出来
请添加图片描述

drawerLayout为我们提供了openDrawer(Gravity.LEFT);closeDrawers()方法用于打开和关闭侧滑菜单

请添加图片描述

MainActivity中完整代码如下:


public class MainActivity extends AppCompatActivity {

    //viewBinding
    //自动将xml文件生成java类  类的名字以xml的名字+Binding
    ActivityMainBinding activityMainBinding;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        //改造activity
        activityMainBinding= ActivityMainBinding.inflate(getLayoutInflater());
        setContentView(activityMainBinding.getRoot());

        activityMainBinding.button.setOnClickListener(new View.OnClickListener(){

            @Override
            public void onClick(View view) {
                activityMainBinding.drawerLayout.openDrawer(Gravity.LEFT);
            }
        });

        activityMainBinding.button2.setOnClickListener(
                view->{
                    activityMainBinding.drawerLayout.closeDrawers();
                }
        );

    }
}

本文转自 blog.csdn.net/weixin_5346…,如有侵权,请联系删除。

分类:
Android
标签:
分类:
Android
标签:
收藏成功!
已添加到「」, 点击更改