记录 DrawerLayout 和Toolbar+NavigationView 使用

本文介绍如何使用Android的DrawerLayout、Toolbar及NavigationView控件实现侧滑菜单功能,并提供了一种屏蔽Toolbar左侧按钮的方法。此外,还讨论了不同Android版本中菜单图标显示的问题及解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

效果图:

这里写图片描述

这里写图片描述

/**
* 用到的 控件
* 1. drawerlayout 侧滑控件
* 2.toolbar 标题栏
* 3.navigationView 侧滑内容区域
* 使用此类屏蔽 toolbar 左侧按钮的功能
* ActionBarDrawerToggle
*
* 注意, toolbar menu 中的 item icon指定 图片在高版本中是不会显示的 也就是手机右角的图片 弹出的item
*
* 在低版本中可以 通过重写onPrepareOptionsPanel 方法 让他显示
* 也有通过onMenuOpened 让 图片显示的,
*
* 但是在 android 7.0 中测试是不能显示的
*/

一定要添加依赖包

compile 'com.android.support:design:24.2.1'
design包最好和你的包一致
compile 'com.android.support:appcompat-v7:24.2.1'

android.support.v4.widget.DrawerLayout 使用 DrawerLayou 必须他是根布局

它可以包含俩个 区域, 一个 内容区, 一个是 策划区域
设置左侧滑
android:layout_gravity=”start”
设置右侧滑
android:layout_gravity=”end”

android.support.design.widget.NavigationView 这个空间就是 侧滑出来的 那一半展示

 app:headerLayout="@layout/layout_navigation_view"
    app:menu="@menu/navigation_menu"
这个控件需要 设置俩个属性,  一个是 头布局, 一个是  menu

项目地址

https://github.com/CaoXiLin/Demoa

package com.example.kucun2; import android.app.ProgressDialog; import android.os.Bundle; import android.os.Looper; import android.util.Log; import android.view.Menu; import android.widget.Toast; import com.example.kucun2.DataPreserver.Data; import com.google.android.material.snackbar.Snackbar; import com.google.android.material.navigation.NavigationView; import androidx.appcompat.app.AppCompatActivity; import androidx.drawerlayout.widget.DrawerLayout; import androidx.navigation.NavController; import androidx.navigation.Navigation; import androidx.navigation.ui.AppBarConfiguration; import androidx.navigation.ui.NavigationUI; import com.example.kucun2.databinding.ActivityMainBinding; public class MainActivity extends AppCompatActivity { private AppBarConfiguration mAppBarConfiguration; private ActivityMainBinding binding; private OnDataLoadListener dataLoadListener; private static String TAG = "MainActivity"; private ProgressDialog progressDialog; // 等待对话框 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_loading); // 初始加载界面 loadAppData(); // 启动数据加载 } private void initUI() { // 确保在主线程执行 if (Looper.myLooper() != Looper.getMainLooper()) { runOnUiThread(this::initUI); return; } // 设置主布局 binding = ActivityMainBinding.inflate(getLayoutInflater()); setContentView(binding.getRoot()); Log.d(TAG, "initUI: setContentView(binding.getRoot());"); // 设置工具栏 setSupportActionBar(binding.appBarMain.toolbar); // FAB按钮点击事件 binding.appBarMain.fab.setOnClickListener(view -> Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG) .setAction("Action", null) .setAnchorView(R.id.fab).show() ); // 导航设置 DrawerLayout drawer = binding.drawerLayout; NavigationView navigationView = binding.navView; // 顶部导航配置 mAppBarConfiguration = new AppBarConfiguration.Builder( R.id.nav_home, R.id.nav_kucun, R.id.nav_add_jinhuo, R.id.nav_diandan) .setOpenableLayout(drawer) .build(); // 导航控制器设置 NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment_content_main); NavigationUI.setupActionBarWithNavController(this, navController, mAppBarConfiguration); NavigationUI.setupWithNavController(navigationView, navController); } @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.main, menu); return true; } @Override public boolean onSupportNavigateUp() { NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment_content_main); return NavigationUI.navigateUp(navController, mAppBarConfiguration) || super.onSupportNavigateUp(); } public interface OnDataLoadListener { void onDataLoaded(); void onDataError(); } public void setOnDataLoadListener(OnDataLoadListener listener) { this.dataLoadListener = listener; } private void loadAppData() { // 创建并显示等待对话框 progressDialog = new ProgressDialog(this); progressDialog.setMessage("数据加载中,请稍候..."); progressDialog.setCancelable(false); // 不可取消 progressDialog.setIndeterminate(true); // 无限循环样式 progressDialog.show(); Log.d(TAG, "loadAppData: 显示等待对话框"); // 根据Data类定义,使用两个Runnable回调 Data.loadAllData(getApplicationContext(), // 成功回调 () -> { runOnUiThread(() -> { if (progressDialog != null && progressDialog.isShowing()) { progressDialog.dismiss(); } initUI(); if (dataLoadListener != null) { dataLoadListener.onDataLoaded(); } Toast.makeText(MainActivity.this, "数据加载成功", Toast.LENGTH_SHORT).show(); Data.startPeriodicSync(MainActivity.this, 5); }); }, // 失败回调 () -> { runOnUiThread(() -> { if (progressDialog != null && progressDialog.isShowing()) { progressDialog.dismiss(); } if (dataLoadListener != null) { dataLoadListener.onDataError(); } Toast.makeText(MainActivity.this, "数据加载失败,请检查网络连接", Toast.LENGTH_LONG).show(); initUI(); // 即使失败也初始化UI }); } ); } @Override protected void onStop() { super.onStop(); if (isFinishing()) { Data.saveAllData(this); } } @Override protected void onDestroy() { super.onDestroy(); // 确保对话框关闭 if (progressDialog != null && progressDialog.isShowing()) { progressDialog.dismiss(); } progressDialog = null; Data.stopPeriodicSync(); // 确保数据保存 if (!isFinishing()) { Data.saveAllData(this); } } }
最新发布
06-29
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值