DrawerLayout 的使用

预备知识:

这里写图片描述
这里写图片描述

运行结果
这里写图片描述

这里写图片描述

详细代码:

Activity_main.xml :

<?xml version="1.0" encoding="utf-8"?>
<!--ctrl+/可以添加注释-->
<!--引入DrawerLayout作为根布局-->
<android.support.v4.widget.DrawerLayout
    android:id="@+id/drawerlayout"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.victor.a1000phone.day03_demo1_drawerlayout.MainActivity">

    <!--可以包含两个子布局-->
    <!--第一个布局代表内容页-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:onClick="show"
            android:text="hello drawerlayout"/>
    </LinearLayout>

    <!--第二个布局代表抽屉页-->
    <!--layout_gravity属性可以是right或者left
        表示从右边拉出还是从左边拉出-->
    <!--需要加上属性clickable=true: 否则点击事件会透过主界面-->
    <LinearLayout
        android:layout_width="200dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:background="#69f"
        android:clickable="true"
        android:orientation="vertical">

        <Button
            android:id="@+id/btn_close"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="关闭抽屉"/>
    </LinearLayout>
</android.support.v4.widget.DrawerLayout>

MainActivity.java :

package com.victor.a1000phone.day03_demo1_drawerlayout;

import android.os.Bundle;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;


public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    private static final String TAG = "sha1607";
    private DrawerLayout mDrawerLayout;
    private Button btn_close;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    initView();
}

private void initView() {
    mDrawerLayout = (DrawerLayout) findViewById(R.id.drawerlayout);
    btn_close = (Button) findViewById(R.id.btn_close);
    btn_close.setOnClickListener(this);
    //添加抽屉的监听的方法
    mDrawerLayout.addDrawerListener(new DrawerLayout.DrawerListener() {
        @Override
        public void onDrawerSlide(View drawerView, float slideOffset) {

        }

        //抽屉打开时候
        @Override
        public void onDrawerOpened(View drawerView) {
            Log.i(TAG, "onDrawerOpened");
        }

        //抽屉关闭时候
        @Override
        public void onDrawerClosed(View drawerView) {
            Log.i(TAG, "onDrawerClosed");
        }

        @Override
        public void onDrawerStateChanged(int newState) {

        }
    });
}

public void show(View v) {
    Toast.makeText(MainActivity.this, "我是主界面", Toast.LENGTH_SHORT).show();
    //通过方法打开抽屉: 参数Gravity.LEFT / Gravity.RIGHT
    mDrawerLayout.openDrawer(Gravity.LEFT);
}

@Override
public void onClick(View view) {
    switch (view.getId()) {
        case R.id.btn_close:
            mDrawerLayout.closeDrawers();//关闭当前显示的抽屉
            break;
    }
}

}

状态栏显示 :

这里写图片描述

以下是使用Android Studio中的DrawerLayout布局的步骤: 1.在XML布局文件中添加DrawerLayout布局,将主要内容放在其中。例如: ```xml <androidx.drawerlayout.widget.DrawerLayout android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent"> <!-- 主要内容 --> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent"> <!-- 在这里添加你的主要内容 --> </RelativeLayout> <!-- 左侧菜单 --> <LinearLayout android:id="@+id/left_menu" android:layout_width="240dp" android:layout_height="match_parent" android:layout_gravity="start" android:background="#ffffff" android:orientation="vertical"> <!-- 在这里添加你的左侧菜单 --> </LinearLayout> <!-- 右侧菜单 --> <LinearLayout android:id="@+id/right_menu" android:layout_width="240dp" android:layout_height="match_parent" android:layout_gravity="end" android:background="#ffffff" android:orientation="vertical"> <!-- 在这里添加你的右侧菜单 --> </LinearLayout> </androidx.drawerlayout.widget.DrawerLayout> ``` 2.在Java代码中设置DrawerLayout的开关按钮。例如: ```java // 找到左侧菜单按钮并设置点击事件 findViewById(R.id.leftmenu).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { mDrawerLayout.openDrawer(Gravity.LEFT); } }); // 找到右侧菜单按钮并设置点击事件 findViewById(R.id.rightmenu).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { mDrawerLayout.openDrawer(Gravity.RIGHT); } }); ``` 3.在Java代码中设置DrawerLayout的监听器,以便在打开或关闭菜单时执行相应的操作。例如: ```java mDrawerLayout.addDrawerListener(new DrawerLayout.DrawerListener() { @Override public void onDrawerSlide(@NonNull View drawerView, float slideOffset) { // 当菜单滑动时执行的操作 } @Override public void onDrawerOpened(@NonNull View drawerView) { // 当菜单打开时执行的操作 } @Override public void onDrawerClosed(@NonNull View drawerView) { // 当菜单关闭时执行的操作 } @Override public void onDrawerStateChanged(int newState) { // 当菜单状态改变时执行的操作 } }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值