安卓侧滑菜单DrawerLayout

安卓DrawerLayout简单实现

很简单的一个案例，没啥功能，就能够实现侧滑。
大概介绍一下吧

1.导入

我的是androidx，不用导入，需要导入的在build.gradle中导入

 implementation 'com.android.support:design:28.0.0'

2.介绍

DawerLayout分为侧边菜单和主内容区两部分。

• 主内容区要放在侧边菜单前面，还有就是主内容区最好以DrawerLayout最好为界面的根布局，否则可能会出现触摸事件被屏蔽的问题。
• 侧滑菜单部分的布局必须设置layout_gravity属性，表示侧滑菜单是在左边还是右边，设置了layout_gravity="start/left"的视图才会被认为是侧滑菜单。

3.代码

• 主布局文件activity_main

<?xml version="1.0" encoding="utf-8"?>
<!--以DrawerLayout作为界面的根布局-->
<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:id="@+id/drawerLayout"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
    <!--主界面，主内容区的布局代码要放在侧滑菜单布局的前面-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <!--这里我就放了个自定义的布局，其他啥也没放，所以就只有一个顶部栏-->
        <include layout="@layout/top_view_bar"
            android:id="@+id/top_view_bar"/>
    </LinearLayout>
    <!--侧滑界面,必须设置layout_gravity属性,表示侧滑方向-->
    <LinearLayout
        android:layout_gravity="start"
        android:id="@+id/ll"
        android:background="#FFFF00"
        android:orientation="vertical"
        android:layout_width="300dp"
        android:layout_height="match_parent">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:text="侧滑菜单"/>
    </LinearLayout>

</androidx.drawerlayout.widget.DrawerLayout>

• MainActivity

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final DrawerLayout drawerLayout=findViewById(R.id.drawerLayout);
        //给按钮添加一个监听器
        findViewById(R.id.top_view_left_iv).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //打开侧滑菜单
                drawerLayout.openDrawer(GravityCompat.START);
            }
        });
    }
}

记得在Mainfest文件中设置，传送门

 android:theme="@style/Theme.AppCompat.Light.NoActionBar"

• top_view_bar.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:id="@+id/top_view_bar"
    android:layout_height="32dp">
<ImageView
    android:id="@+id/top_view_left_iv"
    android:layout_gravity="center"
    android:layout_width="24dp"
    android:layout_height="24dp"
    android:src="@mipmap/menu"/>
    <TextView
        android:gravity="center"
        android:text="主内容"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="32dp" />
    <ImageView
        android:layout_width="24dp"
        android:layout_height="24dp"
      />
</LinearLayout>

到这就结束了。

4.后话

1. 可以在主内容区里面再放一个布局，里面放各个fragment，就可以实现每个页面都有侧滑菜单的效果。
2. 侧滑菜单里面的布局可以新建一个xml文件，然后include，可以看起来舒服点吧。
3. 其他的效果后面慢慢来吧。