iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >Android底部导航组件BottomNavigationView怎么使用
  • 847
分享到

Android底部导航组件BottomNavigationView怎么使用

2023-07-05 14:07:12 847人浏览 安东尼
摘要

本篇内容介绍了“Android底部导航组件BottomNavigationView怎么使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Bo

本篇内容介绍了“Android底部导航组件BottomNavigationView怎么使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

BottomNavigationView的简单用法

需求:如上图所示。点击测试一菜单,展示test1fragment。点击测试二菜单,展示test2fragment。点击测试三菜单,展示test3fragment。

第一步,testActivity布局

<?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"  android:id="@+id/container"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:orientation="vertical">  // 容器,承载fragment  <FrameLayout    android:id="@+id/nav_host_fragment"    android:name="androidx.navigation.fragment.NavHostFragment"    android:layout_width="match_parent"    android:layout_height="0dp"    android:layout_weight="1" />  // BottomNavigationView  <com.Google.android.material.bottomnavigation.BottomNavigationView    android:id="@+id/nav_view"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:background="?android:attr/windowBackground"    app:menu="@menu/bottom_nav_menu_test" /></LinearLayout>

第二步,写BottomNavigationView所需要的菜单

<?xml version="1.0" encoding="utf-8"?><menu xmlns:android="http://schemas.android.com/apk/res/android">  <item    android:id="@+id/navigation_test1"    android:icon="@drawable/ic_home_black_24dp"    android:title="测试一" />  <item    android:id="@+id/navigation_test2"    android:icon="@drawable/ic_dashboard_black_24dp"    android:title="测试二" />  <item    android:id="@+id/navigation_test3"    android:icon="@drawable/ic_notifications_black_24dp"    android:title="测试三" /></menu>

第三步,书写testActivity文件。重点是setOnNavigationItemSelectedListener点击事件

public class TestActivity extends AppCompatActivity {  List<Fragment> mFragments = new ArrayList<>();  test1Fragment t1f = new test1Fragment();  test2Fragment t2f = new test2Fragment();  test3Fragment t3f = new test3Fragment();  @Override  protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_test);    BottomNavigationView navView = findViewById(R.id.nav_view);    mFragments.add(t1f);    mFragments.add(t2f);    mFragments.add(t3f);    // navView 点击事件    navView.setOnNavigationItemSelectedListener((item)->{      switchFragment(item.getItemId());      return true;    });  }  private void switchFragment(int id) {    Fragment fragment = null;    switch (id) {      case R.id.navigation_test1:        fragment = mFragments.get(0);        break;      case R.id.navigation_test2:        fragment = mFragments.get(1);        break;      case R.id.navigation_test3:        fragment = mFragments.get(2);        break;      default:        break;    }    if (fragment != null) {      getSupportFragmentManager().beginTransaction().replace(R.id.nav_host_fragment,fragment).commit();    }  }}

“Android底部导航组件BottomNavigationView怎么使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

--结束END--

本文标题: Android底部导航组件BottomNavigationView怎么使用

本文链接: https://www.lsjlt.com/news/352137.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Android底部导航组件BottomNavigationView怎么使用
    本篇内容介绍了“Android底部导航组件BottomNavigationView怎么使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!Bo...
    99+
    2023-07-05
  • Android底部导航组件BottomNavigationView
    目录什么是BottomNavigationViewBottomNavigationView的简单用法什么是BottomNavigationView 底部菜单栏 BottomNavi...
    99+
    2023-03-20
    Android底部导航组件 Android BottomNavigationView
  • Android底部导航栏BottomNavigationView怎么用
    在Android中,可以使用BottomNavigationView来创建底部导航栏。 首先,在xml布局文件中添加BottomNa...
    99+
    2023-10-26
    Android
  • Android BottomNavigationView底部导航效果
    BottomNavigationView 很早之前就在 Material Design 中出现了,但是直到 Android Support Library 25 中才增加了 BottomNavigationView 控件。也就是说如果使用官...
    99+
    2023-05-31
    android bottomnavigationview 底部导航
  • Android 底部导航栏(一、BottomNavigationView+Menu+Fragment)
    现在常用的App主页都会有一个底部导航栏,根据需求也使用过好几种方法进行实现,于是想着还是总结一下,今天还写一个简单的BottomNavigationView方法来实现这个功能 Android 底部导航栏(二、自定义View+Fragmen...
    99+
    2023-10-18
    android java android studio
  • android : 底部导航栏的实现(使用ViewPager和BottomNavigationView)
      本案例中需要用的控件ViewPager和BottomNavigationView ViewPager:主要是页面的切换Fragment:碎片(也就是每个页面的内容)BottomNavigationView:底部导航栏 非常简单,主要就...
    99+
    2023-09-01
    android android studio ide
  • Android使用RadioGroup实现底部导航栏
    RadioGroup实现底部导航栏效果,如图:: 实现可最基本的导航栏功能,不能左右滑动,只能点击内嵌的fragment的布局:<?xml version="1.0" encoding="utf-8"?>...
    99+
    2023-05-30
    radiogroup 导航栏 gr
  • vue 底部footer导航组件问题
    目录Vue底部footer导航组件!!! 判断一定要用路径Vue抽取的footer组件,可复用复用时直接调用组件Vue底部footer导航组件 底部导航一定要用路径!!! 贼关键 举...
    99+
    2024-04-02
  • Android studio中使用ViewPager和BottomNavigationView实现底部导航栏和碎片的同步切换
    前言 通过几次的踩雷和摸索,完成了以上的操作,本教程写的详细全面,包教包会,对新手有好,看了不会的联系我,我倒立洗头给你看。 1.需要了解的一些知识 所需控件: fragment 作为Android中最常用的控件,它有自己的声明周期,...
    99+
    2023-09-26
    开发语言 java android studio 前端 android
  • vue底部footer导航组件问题怎么解决
    这篇文章主要讲解了“vue底部footer导航组件问题怎么解决”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“vue底部footer导航组件问题怎么解决”吧!Vue底部footer导航组件底部...
    99+
    2023-06-29
  • Vue中怎么实现一个底部导航栏组件
    今天就跟大家聊聊有关Vue中怎么实现一个底部导航栏组件,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。<template> <di...
    99+
    2024-04-02
  • uniapp怎么取消底部导航
    随着移动设备的普及,现代应用程序越来越注重 UI/UX 的设计。在这样的潮流下,很多应用程序将其重要功能添加到底部导航条中,以便更便捷地让用户访问。然而,某些情况下,取消底部导航条可能更加合适。本文将讨论在 Uniapp 中如何取消底部导航...
    99+
    2023-05-14
  • Android开发怎么快速实现底部导航栏
    这篇文章主要介绍“Android开发怎么快速实现底部导航栏”,在日常操作中,相信很多人在Android开发怎么快速实现底部导航栏问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Android开发怎么快速实现底部...
    99+
    2023-06-30
  • Android Jetpack组件Navigation导航组件的基本使用
    目录1.Navigation 基本概念2.Navigation 使用入门2.1 添加Navigation依赖2.2 创建导航图2.3 导航图中添加目的地Fragment2.4 Act...
    99+
    2024-04-02
  • CSS怎么固定底部导航栏
    本文小编为大家详细介绍“CSS怎么固定底部导航栏”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS怎么固定底部导航栏”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。首先,在页面中创建一个导航栏;<!DOC...
    99+
    2023-07-04
  • 微信小程序自定义底部导航栏组件
    本文实例为大家分享了微信小程序底部导航栏组件的具体实现代码,供大家参考,具体内容如下 1、在自己项目的公共组件的文件价下新建tabbar.vue(定义的自定义导航栏组件) <...
    99+
    2024-04-02
  • Android 中使用RadioGroup和Fragment实现底部导航栏的功能
    在一些购物商城中经常会遇到这类效果,效果图如下: 先看效果图 步骤一: 完成对主界面main.xml的创建: <?xml version="1.0" enco...
    99+
    2024-04-02
  • 怎么使用Bootstrap5中滑动导航组件
    本篇内容主要讲解“怎么使用Bootstrap5中滑动导航组件”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么使用Bootstrap5中滑动导航组件”吧!Boo...
    99+
    2024-04-02
  • vue的导航链接组件怎么使用
    本篇内容主要讲解“vue的导航链接组件怎么使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue的导航链接组件怎么使用”吧!vue的导航链接组件是“router-link”。“<rout...
    99+
    2023-07-04
  • Android中如何使用RadioGroup和Fragment实现底部导航栏的功能
    小编给大家分享一下Android中如何使用RadioGroup和Fragment实现底部导航栏的功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!在一些购物商城中...
    99+
    2023-06-15
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作