工具栏小部件,NavHostFragment和bottomNavigationView-Android

时间:2018-08-27 15:13:28

标签: android navigation toolbar

我通过在项目中添加NAVHostFragment在我的android项目中实现了jetpacks导航ui。我还有一个用于底部菜单栏的“ bottomnavigationview”小部件。我在所有片段中都有一个自定义的标题工具栏,但我决定使用android“ toolbar”小部件。因此,我将工具栏小部件添加到了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>

这就是我实现导航用户界面的方式

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>

1 个答案:

答案 0 :(得分:0)

我的片段布局有些问题,这就是空白的原因。我解决了这个问题,并且还在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());
    }