【安卓初步】使用DrawerLayout,Toolbar,NavigationView,实现简单的侧滑效果

在这里插入图片描述
在这里插入图片描述

XML布局

主xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    >
    <androidx.appcompat.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="?actionBarSize"
        android:background="@color/colorPrimary"
        style="@style/ThemeOverlay.MaterialComponents.ActionBar"
        android:id="@+id/m_toolbar"/>
    <androidx.drawerlayout.widget.DrawerLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/m_drawer">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        </LinearLayout>
        <com.google.android.material.navigation.NavigationView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/m_nav"
            android:layout_gravity="start"
            app:menu="@menu/menu_nav"
            />
    </androidx.drawerlayout.widget.DrawerLayout>


</LinearLayout>

NavigationView中 android:layout_gravity=“start” 表明是左滑
NavigationView必须是第二个

更改Style

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
改为
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

因为用Toolbar替换了原来的所以要把原来的去掉
menu布局
新建menu文件夹,并在其新建menu_nav.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@+id/item_nav_1" android:title="aaa"/>
<item android:id="@+id/item_nav_2" android:title="bbb"/>
<item android:id="@+id/item_nav_3" android:title="ccc"/>
<item android:id="@+id/item_nav_4" android:title="ddd"/>
</menu>

Activity 代码

package com.aaa_xcdq.fsix;

import androidx.annotation.NonNull;
import androidx.appcompat.app.ActionBarDrawerToggle;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;
import androidx.core.view.GravityCompat;
import androidx.drawerlayout.widget.DrawerLayout;
import androidx.viewpager.widget.ViewPager;

import android.os.Bundle;
import android.view.MenuItem;

import com.google.android.material.navigation.NavigationView;

public class MainActivity extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener {

    private DrawerLayout drawerLayout;
    private Toolbar toolbar;
    private NavigationView navigationView;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initview();
    }

    private void initview() {
        drawerLayout=findViewById(R.id.m_drawer);
        toolbar=findViewById(R.id.m_toolbar);
        navigationView=findViewById(R.id.m_nav);

        //把toolbar替代ActionBar并把右上角的图标显示
        setSupportActionBar(toolbar);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(this, drawerLayout,
                toolbar, 0, 0);
        drawerLayout.addDrawerListener(toggle);
        toggle.syncState();
        
        //设置item的点击事件,
        navigationView.setNavigationItemSelectedListener(this);



    }

    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem menuItem) {

        switch (menuItem.getItemId()){
            case R.id.item_nav_4:
                finish();
                break;
        }
        //关闭drawerLayout
        drawerLayout.closeDrawer(GravityCompat.START);
        return true;
    }
}

给侧滑栏增加效果

发布了136 篇原创文章 · 获赞 18 · 访问量 4192

猜你喜欢

转载自blog.csdn.net/xcdq_aaa/article/details/105081066