时间戳

首页 > 解决方案 > 工具栏小部件、NavHostFragment 和 bottomNavigationView - Android

android - 工具栏小部件、NavHostFragment 和 bottomNavigationView - Android

问题描述

我通过在我的项目中添加 NAVHostFragment 在我的 android 项目中实现了喷气背包导航 ui。我还有一个用于底部菜单栏的“bottomnavigationview”小部件。我的所有片段中都有一个自定义标题工具栏，但是，我决定使用 android“工具栏”小部件。所以我将工具栏小部件添加到我的 main_activity.xml 中。现在，问题是添加工具栏小部件后，我看不到我的主页片段，页面似乎是空白的。如果我删除工具栏小部件，那么它很好，我可以看到主页片段（这是我的 navigation.xml 中提到的第一个片段）。知道为什么会发生这种情况以及如何让导航 ui 像以前一样工作并且仍然能够使用工具栏小部件吗？

这是我的 main_activity.xml

<LinearLayout 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"
    android:orientation="vertical">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        android:elevation="4dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:title="Some Title"
        app:titleTextColor="@color/colorWhite" />

    <fragment
        android:id="@+id/mainFrame"
        android:name="androidx.navigation.fragment.NavHostFragment"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        app:defaultNavHost="true"
        app:navGraph="@navigation/main_activity_navigation" />

    <android.support.design.widget.BottomNavigationView
        android:id="@+id/bottom_navigation_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:menu="@menu/menu_bottom_navigation" />
</LinearLayout>

这就是我实现导航 ui 的方式

private NavHostFragment navHostFragment;
@BindView(R.id.bottom_navigation_view)
    BottomNavigationView bottomNavigationView;
@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main_activity);
        unbinder = ButterKnife.bind(this);
        navHostFragment = (NavHostFragment) getSupportFragmentManager().findFragmentById(R.id.mainFrame);
        NavigationUI.setupWithNavController((BottomNavigationView) findViewById(R.id.bottom_navigation_view), navHostFragment.getNavController());
    }

这是我的 menu_bottom_navigation.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/departmentsFragment"
    android:icon="@drawable/baseline_home_black_18"
    android:title="Home" />
    <item android:id="@+id/favoritesFragment"
    android:icon="@drawable/baseline_star_border_black_18"
    android:title="Favorite" />
</menu>

标签： androidnavigationtoolbar

解决方案

我的片段布局有一些问题，这就是它是空白的原因。我修复了这个问题，并且我在 MainActivity.java 中添加了以下内容并且它有效！

private NavHostFragment navHostFragment;

    @BindView(R.id.bottom_navigation_view)
    BottomNavigationView bottomNavigationView;
    @BindView(R.id.appBar)
    Toolbar toolbar;
    private Unbinder unbinder;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        auth = new AuthenticationWrapper(this, new SimpleIdentityParser());
        setContentView(R.layout.main_activity);
        unbinder = ButterKnife.bind(this);
        navHostFragment = (NavHostFragment) getSupportFragmentManager().findFragmentById(R.id.mainFrame);
        setSupportActionBar(toolbar);
        NavigationUI.setupActionBarWithNavController(this, navHostFragment.getNavController());
        NavigationUI.setupWithNavController(bottomNavigationView, navHostFragment.getNavController());
    }

推荐阅读