使用DrawerLayout完成滑动菜单的示例代码

2023-07-18 19:35:04 77

用Toolbar编写自定义导航栏，在AndroidManifest.xml中你要编滑动菜单的界面处加入如下代码

在values下的styles.xml中加入

//隐藏原有导航栏
//以下两条均为颜色的设置
@color/colorPrimary
@color/colorPrimaryDark

新建两个布局文件（用于主布局文件的调用）
important.xml

left.xml

将上面圆形化图片控件的库引入到项目中
在app/build.gradle的dependencies闭包中加入如下内容

dependencies{
implementationfileTree(include:['*.jar'],dir:'libs')
implementation'androidx.appcompat:appcompat:1.2.0'
implementation'androidx.constraintlayout:constraintlayout:1.1.3'
implementation'de.hdodenhof:circleimageview:2.1.0'//这是需要添加的
testImplementation'junit:junit:4.12'
androidTestImplementation'androidx.test.ext:junit:1.1.1'
androidTestImplementation'androidx.test.espresso:espressocore:3.2.0'
}

在res目录下新建一个menu文件夹，在menu文件夹下新建一个nav_menu.xml文件，这里的图片是事先准备好的

主布局文件activity_drawer_layout.xml，我们用到了DrawerLayout布局，这里面的NavigationView和上面的将图片圆形化的控件一样也需要将库引入到项目中




//引入上面编好的nav_menu.xml文件

将上面NavigationView的库引入到项目中
在app/build.gradle的dependencies闭包中加入如下内容

dependencies{
implementationfileTree(include:['*.jar'],dir:'libs')
implementation'androidx.appcompat:appcompat:1.2.0'
implementation'androidx.constraintlayout:constraintlayout:1.1.3'
implementation'androidx.navigation:navigation-fragment:2.3.0'//这里是需要添加的
implementation'androidx.navigation:navigation-ui:2.3.0'//这里是需要添加的
implementation'de.hdodenhof:circleimageview:2.1.0'
testImplementation'junit:junit:4.12'
androidTestImplementation'androidx.test.ext:junit:1.1.1'
androidTestImplementation'androidx.test.espresso:espressocore:3.2.0'

在DrawerLayoutActivity.java中编写代码

importandroidx.annotation.NonNull;
importandroidx.appcompat.app.ActionBar;
importandroidx.appcompat.app.AppCompatActivity;
importandroidx.appcompat.widget.Toolbar;
importandroidx.core.view.GravityCompat;
importandroidx.drawerlayout.widget.DrawerLayout;

importandroid.os.Bundle;
importandroid.view.Menu;
importandroid.view.MenuItem;
importandroid.widget.Toast;

importcom.google.android.material.navigation.NavigationView;

publicclassDrawerLayoutActivityextendsAppCompatActivity{
privateDrawerLayoutmDrawerlayout;
privateActionBaractionBar;
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_drawer_layout);
mDrawerlayout=findViewById(R.id.drawer_layout);//得到DrawerLayout实例
NavigationViewnavigationView=findViewById(R.id.nav_view);//获取到NavigationView实例
Toolbartoolbar=findViewById(R.id.toolbar);//找到Toobar控件
setSupportActionBar(toolbar);//用setSupportActionBar方法将导航栏设置为我们自定义的Toolbar
actionBar=getSupportActionBar();//用getSupportActionBar()方法实例化导航栏（这里的导航栏就是我们自定义的Toolbar）
if(actionBar!=null){
actionBar.setDisplayHomeAsUpEnabled(true);//让左上角的导航按钮显示出来
actionBar.setHomeAsUpIndicator(R.drawable.caidan);//设置导航按钮图标（图片是提前准备好的）
}
navigationView.setCheckedItem(R.id.nav_home);//调用NavigationView的setCheckedItem方法将Home菜单设置为默认选中
navigationView.setNavigationItemSelectedListener(newNavigationView.OnNavigationItemSelectedListener(){//设置菜单选中事件的监听器
@Override
publicbooleanonNavigationItemSelected(@NonNullMenuItemmenuItem){
mDrawerlayout.closeDrawers();//选中后关闭菜单
returntrue;
}
});
}
@Override
publicbooleanonOptionsItemSelected(@NonNullMenuItemitem){//加入的导航按钮的点击事件
switch(item.getItemId()){
caseandroid.R.id.home:
mDrawerlayout.openDrawer(GravityCompat.START);//调用DrawerLayout的openDrawer方法将菜单展示出来
actionBar=null;
break;
default:
}
returntrue;
}
}

运行结果展示：

总结

到此这篇关于使用DrawerLayout完成滑动菜单的示例代码的文章就介绍到这了,更多相关DrawerLayout完成滑动菜单内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

使用DrawerLayout完成滑动菜单的示例代码

热门推荐

随机推荐