android 使用底部导航选择器的带有navhost的设置片段

hs1rzwqc  于 2023-04-04  发布在  Android
关注(0)|答案(1)|浏览(96)

我有一个使用navhost控制器的标准底部导航选择器。我想添加一个将全屏显示的PrefencesFragment。我的问题是,如果我使用navcontroller,它将使用navhost片段,该片段下面有底部导航,这看起来很奇怪。
我知道我必须按照文档使用全局目标--〉https://developer.android.com/guide/navigation/navigation-global-action
但是我如何让它替换整个布局而不仅仅是navhost片段呢?
我几乎希望我可以启动一个活动并把片段放在那里。这会是非常糟糕的风格吗?
这是我的布局

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <androidx.constraintlayout.widget.ConstraintLayout
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <com.google.android.material.appbar.AppBarLayout
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent">

            <com.google.android.material.appbar.MaterialToolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="?attr/colorPrimary"
                android:minHeight="?attr/actionBarSize"
                android:theme="?attr/actionBarTheme"
                app:logo="@drawable/baseline_post_add_24"
                app:logoDescription="Postering With Passion"
                app:title="Postering With Passion"
                app:titleCentered="true"
                app:titleTextColor="@color/white"
                tools:layout_editor_absoluteX="0dp"
                tools:layout_editor_absoluteY="0dp" >

            <ProgressBar
                android:id="@+id/toolbar_progress_bar"
                android:layout_width="36dp"
                android:layout_height="36dp"
                android:indeterminateTint="#cccccc"
                android:indeterminateTintMode="src_in"
                android:indeterminate="true"
                android:layout_marginRight="4dp"
                android:layout_gravity="right"
                android:visibility="visible"
                />

            </com.google.android.material.appbar.MaterialToolbar>

        </com.google.android.material.appbar.AppBarLayout>

    <androidx.coordinatorlayout.widget.CoordinatorLayout
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        app:layout_constraintBottom_toTopOf="@+id/bottom_navigation_view"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_height="0dp"
        tools:context="com.plcoding.posterpalfeature.ui.activity.MainActivity">

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/constraintLayout"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <fragment
                android:id="@+id/navHostFragment"
                android:name="androidx.navigation.fragment.NavHostFragment"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:defaultNavHost="true"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toTopOf="parent"
                app:navGraph="@navigation/job_nav_graph" />

        </androidx.constraintlayout.widget.ConstraintLayout>

        <include
            android:id="@+id/bottom_sheet"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/background_bottom_sheet"
            app:layout_anchorGravity="bottom"
            app:layout_behavior="com.google.android.material.bottomsheet.BottomSheetBehavior"
            layout="@layout/layout_bottom_sheet"></include>

    </androidx.coordinatorlayout.widget.CoordinatorLayout>

        <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/bottom_navigation_view"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:menu="@menu/bottom_navigation_menu"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:labelVisibilityMode="labeled"
            app:contentInsetEnd="0dp"
            app:contentInsetStart="0dp"/>

        </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

这是我的菜单XML。我还没有添加任何东西

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item  android:id="@+id/jobsListFragment"
        android:title="All Jobs List"
        android:icon="@drawable/baseline_add_box_24"/>
    <item  android:id="@+id/jobDetailFragment"
        android:title="Job Details"
        android:icon="@drawable/baseline_assignment_24"/>
    <item  android:id="@+id/mapFragment"
        android:title="Postering Map"
        android:icon="@drawable/baseline_map_24"/>
</menu>

这是导航图

<?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/job_nav_graph"
    app:startDestination="@id/jobsListFragment">

        <fragment
            android:id="@+id/jobsListFragment"
            android:name="com.plcoding.posterpalfeature.ui.fragments.JobsListFragment"
            android:label="JobsListFragment"
            tools:layout="@layout/fragment_job_list">
            <action
                android:id="@+id/action_jobsListFragment_to_mapFragment"
                app:destination="@id/mapFragment"
                app:enterAnim="@anim/slide_in_left"
                app:exitAnim="@anim/slide_out_right"
                app:popEnterAnim="@anim/slide_in_left" />
            <action
                android:id="@+id/action_jobsListFragment_to_jobDetailFragment"
                app:destination="@id/jobDetailFragment"
                app:popUpTo="@id/jobsListFragment"
                app:popUpToInclusive="true" />
            <action
                android:id="@+id/action_jobsListFragment_to_settings_graph"
                app:destination="@id/settings_graph" />
        </fragment>
        <fragment
            android:id="@+id/jobDetailFragment"
            android:name="com.plcoding.posterpalfeature.ui.fragments.JobDetailFragment"
            android:label="JobDetailFragment"
            tools:layout="@layout/fragment_job_detail">
            <argument
                android:name="jobId"
                android:defaultValue="1"
                app:argType="integer" />
        </fragment>
        <fragment
            android:id="@+id/mapFragment"
            android:name="com.plcoding.posterpalfeature.ui.fragments.MapFragment"
            android:label="MapFragment"
            tools:layout="@layout/fragment_map_detail" />

        <include app:graph="@navigation/settings_graph"/>

</navigation>

和设置图表

<?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"
             android:id="@+id/settings_graph"
    app:startDestination="@id/settingsFragment">

    <fragment
        android:id="@+id/settingsFragment"
        android:name="com.plcoding.posterpalfeature.ui.activity.SettingsFragment"
        android:label="SettingsFragment" />
</navigation>

我可以导航到一个虚拟片段并隐藏底部视图,但当我在设置片段中时,我看不到返回或主页按钮。当我在该片段中单击设置图标时,我也会崩溃。
最后,当我使用

setupActionBarWithNavController(navController, AppBarConfiguration(navController.graph))

我看到了后退按钮,但我无法控制箭头的颜色,点击它也没有任何效果
我总是可以创建一个新的菜单,但感觉我做错了什么
感谢您花时间阅读我的问题!

hivapdat

hivapdat1#

要隐藏导航视图(BottomNavigation,Toolbar等),请添加OnDestinationChangedListener,当导航主机更改其片段时,您将获得调用。然后您可以根据显示的片段显示或隐藏导航视图。
还有一件事,如果你的bottom_sheet并不总是可见的,你不需要在你的布局中定义它。它可以在NavController中显示为带有dialog标签的BottomsheetDialog

相关问题