常见的底部导航栏

动态效果

实现步骤

1.底部导航栏样式

我们应该在项目的res文件夹下新建一个menu文件夹，用来装menu布局文件

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"><itemandroid:id="@+id/navigation_home"android:icon="@drawable/international_1"android:title="主页" /><itemandroid:id="@+id/navigation_edit"android:icon="@drawable/edit_0"android:title="发布" /><itemandroid:id="@+id/navigation_view"android:icon="@drawable/view_0"android:title="关注" /><itemandroid:id="@+id/navigation_user"android:icon="@drawable/user_0"android:title="我的" />
</menu>

2.新建四个fragment组件

每一个fragment的组件内容相同

四个fragement对应的layout

四个fragment布局文件的内容也相同，写上内容以区别是哪个页面

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"><TextViewandroid:id="@+id/text_home"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginStart="8dp"android:layout_marginTop="8dp"android:layout_marginEnd="8dp"android:textAlignment="center"android:textSize="20sp"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent"android:text="this is homebar"/>
</androidx.constraintlayout.widget.ConstraintLayout>

3.建议navigation布局文件（至关重要）

这个文件指定了页面上显式那些fragment组件

在项目res下新建一个文件夹专门用来存放此文件

id取值一定要与底部导航栏样式里面指定的ID相同，因为android自动根据底部按钮的ID来绑定按钮与fragment

<?xml version="1.0" encoding="utf-8"?>
<navigation 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:id="@+id/mobile_navigation"app:startDestination="@+id/navigation_home"><fragmentandroid:id="@+id/navigation_home"android:name="cn.liuhao.test.fragments.HomeFragment"tools:layout="@layout/fragment_home" /><fragmentandroid:id="@+id/navigation_view"android:name="cn.liuhao.test.fragments.ViewFragment"tools:layout="@layout/fragment_view" /><fragmentandroid:id="@+id/navigation_edit"android:name="cn.liuhao.test.fragments.EditFragment"tools:layout="@layout/fragment_eidt" /><fragmentandroid:id="@+id/navigation_user"android:name="cn.liuhao.test.fragments.UserFragment"tools:layout="@layout/fragment_user" />
</navigation>

4.activity

布局文件

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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:paddingTop="?attr/actionBarSize"><!-- 底部导航栏 --><com.google.android.material.bottomnavigation.BottomNavigationViewandroid:id="@+id/nav_view"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_marginStart="0dp"android:layout_marginEnd="0dp"android:background="?android:attr/windowBackground"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:menu="@menu/bottom_nav_menu" /><!-- 页面中显式fragment的容器--><fragmentandroid:id="@+id/nav_host_fragment"android:name="androidx.navigation.fragment.NavHostFragment"android:layout_width="match_parent"android:layout_height="match_parent"app:defaultNavHost="true"app:layout_constraintBottom_toTopOf="@id/nav_view"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent"app:navGraph="@navigation/mobile_navigation" /></androidx.constraintlayout.widget.ConstraintLayout>

内容（绑定Navigation与BottomNavigationView）

public class Main2Activity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main2);// 获取页面上的底部导航栏控件BottomNavigationView navView = findViewById(R.id.nav_view);// 配置navigation与底部菜单之间的联系// 底部菜单的样式里面的item里面的ID与navigation布局里面指定的ID必须相同，否则会出现绑定失败的情况AppBarConfiguration appBarConfiguration = new AppBarConfiguration.Builder(R.id.navigation_home,R.id.navigation_edit,R.id.navigation_view,R.id.navigation_user).build();// 建立fragment容器的控制器，这个容器就是页面的上的fragment容器NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment);// 启动NavigationUI.setupActionBarWithNavController(this, navController, appBarConfiguration);NavigationUI.setupWithNavController(navView, navController);}}

android底部导航栏相关推荐

android 固定底部导航,如何设置android底部导航栏位置固定在android
请帮我设置底部导航栏位置固定在底部, ,因为我在输入editText字段时遇到问题,底部导航栏向上移动并覆盖其他领域如何设置android底部导航栏位置固定在android 代码: xmlns:and ...
android fragment 底部菜单栏,一句话搞定Android底部导航栏，一键绑定Fragment、ViewPager...
现在大多数App都会用到底部导航栏,比如常见的聊天工具QQ.微信.购物App等等,有了底部导航栏,用户可以随时切换界面,查看不同的内容.它的实现方式也很多,以前大多使用TabHost来实现,但是现在我 ...
转载：Android底部导航栏，三种风格和实现
原文出处标题:Android底部导航栏,三种风格和实现作者:阿飞__ 原文链接:Android底部导航栏,三种风格和实现_阿飞__的博客-CSDN博客_android导航栏一.效果图展示如果动 ...
Android底部导航栏的三种风格实现
一.效果图展示如果动图没有动的话,也可以看下面这个静态图以下挨个分析每个的实现,这里只做简单的效果展示,大家可以基于目前代码做二次开发. 二.BottomNavigationView 这是 Goo ...
Android底部导航栏切换页面填坑
** Android底部导航栏切换页面填坑 ** 这个效果的实现关键点就是给选项赋予两种状态,focused和normal,在主程序中用监听判断是否被选中,就给被选中的选项设focused为true, ...
Android底部导航栏最常用的两种写法
先来看看底部导航栏的效果 Android 底部导航栏有很多种写法,例如: RadioGroup , Tablayout, TabHost , LinearLayout + ImageView + T ...
Android底部导航栏+消息提醒
Android底部导航栏+消息提醒最近想在网上找一些Android底部导航栏切换并能提供消息提醒的案例,虽然有很多案例但都不是我想要的.我就开始自己瞎研究了,废话不多说了,直接上代码. 1.先创建一 ...
Android 底部导航栏添加消息数目提示
效果图写一篇短小精悍,好用的知识积累吧.开发中时常会出现信息提醒,新内容提示等等一堆问题.其实就是在各种控件或者是item上面加"小圆点".网上一搜一大堆...但是感觉说的好多. ...
android底部导航栏_Kotlin实现底部导航栏
在我们开发app过程中,免不了使用底部导航栏,所以今天我们就来看看怎么样用kotlin实现底部导航栏. 新建项目新建一个KotlinBottomNavigationDemo项目. 在gradle中添 ...
android底部导航栏软件,三步搞定android应用底部导航栏
很多android应用底部都有一个底部导航栏,方便用户在使用过程中随意切换.目前常用的做法有三种:一种是使用自定义tabHost,一种是使用activityGroup,一种是结合FrameLayout ...

android底部导航栏

文章目录

常见的底部导航栏

实现步骤

1.底部导航栏样式

2.新建四个fragment组件

四个fragement对应的layout

3.建议navigation布局文件（至关重要）

4.activity

布局文件

内容（绑定Navigation与BottomNavigationView）

android底部导航栏相关推荐

最新文章

热门文章