博客
关于我
BottomNavigationView+Fragment实现底部导航栏(包含源码)
阅读量:684 次
发布时间:2019-03-17

本文共 4426 字,大约阅读时间需要 14 分钟。

在Android开发中,通过Fragment与BottomNavigationView实现底部导航栏是一种常见的布局方式。本文将从创建项目、设置导航栏内容到实现页面切换的过程详细说明,帮助开发者轻松构建有底部导航栏的Fragment应用。

一、准备工作

首先,确保项目中已经正确配置了Android支持库。Oak中,添加以下依赖项确保版本与现有项目一致:

implementation 'com.android.support:design:28.0.0'
implementation 'com.android.support:support-vector-drawable:28.0.0'

接下来,创建或者重复使用名为menu的资源文件夹,并在其中添加底部导航栏对应的菜单文件navigation.xml。在菜单文件中,定义各导航选项的显示内容,例如:

二、创建主布局

下一步,创建主布局文件start_for_fragment.xml。在布局文件中,添加占位布局和底部导航栏。例代码如下:

这里,LinearLayout用于占位,BottomNavigationView控制底部导航栏的显示内容。

三、添加切换页面的Fragment

为实现页面切换功能,需要创建三组Fragment对应底部导航栏的每个选项。以fragment1.xml为例,示例代码如下:

类似地,分别创建fragment2.xmlfragment3.xml

四、实现Fragment切换逻辑

创建Fragment类并加载相应布局文件。以Fragment1.java为例:

package mystudy.kjpc.fragement;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class Fragment1 extends Fragment {
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment1, container, false);
return view;
}
@Override
public void onActivityCreated(@Nullable Bundle savedInstanceState) {
super.onActivityCreated(savedInstanceState);
}
}

继续创建导航活动类StartForFActivity.java,实现Fragment的切换功能。代码示例如下:

package mystudy.kjpc.fragement;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.design.widget.BottomNavigationView;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.view.MenuItem;
public class StartForFActivity extends AppCompatActivity {
private BottomNavigationView bottomNavigationView;
private Fragment1 fragment1;
private Fragment2 fragment2;
private Fragment3 fragment3;
private Fragment[] fragments;
private int lastFragment;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.start_for_framment);
initFragment();
}
private void initFragment() {
fragment1 = new Fragment1();
fragment2 = new Fragment2();
fragment3 = new Fragment3();
fragments = new Fragment[]{fragment1, fragment2, fragment3};
lastFragment = 0;
getSupportFragmentManager().beginTransaction()
.replace|R.id.lin_lay_fragment
, fragment1)
.show(fragment1)
.commit();
bottomNavigationView = findViewById(R.id.bnv);
bottomNavigationView.setOnNavigationItemSelectedListener(changeFragment);
}
private BottomNavigationView.OnNavigationItemSelectedListener changeFragment = new BottomNavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()) {
case R.id.home_page:
if (lastFragment != 0) {
switchFragment(lastFragment, 0);
lastFragment = 0;
}
return true;
case R.id.setting:
if (lastFragment != 1) {
switchFragment(lastFragment, 1);
lastFragment = 1;
}
return true;
case R.id.mycenter:
if (lastFragment != 2) {
switchFragment(lastFragment, 2);
lastFragment = 2;
}
return true;
}
return false;
}
};
private void switchFragment(int lastFragment, int index) {
FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
transaction.hide(fragments[lastFragment]);
if (!fragments[index].isAdded()) {
transaction.add(R.id.lin_lay_fragment, fragments[index]);
}
transaction.show(fragments[index])
.commitAllowingStateLoss();
}
}

五、集成完成

到这里,底部导航栏和Fragment切换功能均已完成。运行项目,点击导航栏各选项即可切换显示不同的 Fragment内容。

整个实现过程注重细节,通过合理配置和灵活扩展,能够快速集成满足需求的功能模块。

转载地址:http://vvjhz.baihongyu.com/

你可能感兴趣的文章
MySQL5.7新增Performance Schema表
查看>>
Mysql5.7深入学习 1.MySQL 5.7 中的新增功能
查看>>
Webpack 之 basic chunk graph
查看>>
Mysql5.7版本单机版my.cnf配置文件
查看>>
mysql5.7的安装和Navicat的安装
查看>>
mysql5.7示例数据库_Linux MySQL5.7多实例数据库配置
查看>>
Mysql8 数据库安装及主从配置 | Spring Cloud 2
查看>>
mysql8 配置文件配置group 问题 sql语句group不能使用报错解决 mysql8.X版本的my.cnf配置文件 my.cnf文件 能够使用的my.cnf配置文件
查看>>
MySQL8.0.29启动报错Different lower_case_table_names settings for server (‘0‘) and data dictionary (‘1‘)
查看>>
MYSQL8.0以上忘记root密码
查看>>
Mysql8.0以上重置初始密码的方法
查看>>
mysql8.0新特性-自增变量的持久化
查看>>
Mysql8.0注意url变更写法
查看>>
Mysql8.0的特性
查看>>
MySQL8修改密码报错ERROR 1819 (HY000): Your password does not satisfy the current policy requirements
查看>>
MySQL8修改密码的方法
查看>>
Mysql8在Centos上安装后忘记root密码如何重新设置
查看>>
Mysql8在Windows上离线安装时忘记root密码
查看>>
MySQL8找不到my.ini配置文件以及报sql_mode=only_full_group_by解决方案
查看>>
mysql8的安装与卸载
查看>>