drawerLayout重叠片段

Question

我在这个问题上已经有一段时间了

我相信这是因为drawerLayout实现有些地方不正确，即使是我跟踪开发人员站点来实现它。

我有一个活动，目前有3个框架，mangaSearch( mS )(recyclerView)，profile，settings是开始片段，当我转到抽屉菜单并选择profile或settings时，片段将绘制在mS片段之上。当我按回击时，mS片段将按照预期再次显示为正常。

我已经在google/堆栈上看过了，但是没有找到解决这个问题的方法，所以我在这里寻求帮助。

Update --我抽屉里有错误的id，我必须将它们更改为导航nav_graph布局中的id。

mainActivity

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.view.GravityCompat;
import androidx.drawerlayout.widget.DrawerLayout;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.navigation.NavController;
import androidx.navigation.Navigation;
import androidx.navigation.ui.AppBarConfiguration;
import androidx.navigation.ui.NavigationUI;

import android.os.Bundle;
import android.view.MenuItem;
import android.widget.Toast;

import com.google.android.material.navigation.NavigationView;

import Classes.LoggedInUser;

public class MainActivity extends AppCompatActivity {

    private DrawerLayout drawer;
    private AppBarConfiguration appBarConfig;

    public static LoggedInUser loggedInUser;
    FragmentManager fm;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        loggedInUser = LoggedInUser.getInstance();
        fm = getSupportFragmentManager();

        androidx.appcompat.widget.Toolbar toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        drawer = findViewById(R.id.drawer_layout);

        appBarConfig = new AppBarConfiguration.Builder(R.id.nav_graph_manga_book_details,
                R.id.nav_graph_mangas_search_souce, R.id.nav_graph_profile,
                R.id.nav_graph_settings).setDrawerLayout(drawer).build();

        NavController navController = Navigation.findNavController(this, R.id.main_content);

        NavigationView navigationView = findViewById(R.id.nav_view);
        NavigationUI.setupActionBarWithNavController(this, navController, appBarConfig);
        //NavigationUI.setupWithNavController(navigationView, navController);


        DrawerLayout drawerL = findViewById(R.id.drawer_layout);

        NavigationUI.setupActionBarWithNavController(this, navController, drawerL);
        NavigationUI.setupWithNavController(navigationView, navController);
        navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {


                                                             @Override
                                                             public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                                                                 int id = item.getItemId();
                                                                 switch (id) {
                                                                     case R.id.nav_manga_books_source:
                                                                         fm.beginTransaction().replace(R.id.main_content, new MangasSearchFragment(), "mangaBookSource").commit();
                                                                         break;
                                                                     case R.id.nav_user_profile:
                                                                         //check if person is logged in?
                                                                         fm.beginTransaction().replace(R.id.main_content, new ProfileFragment(), "profile").commit();
                                                                         break;

                                                                     case R.id.nav_settings:
                                                                         fm.beginTransaction().replace(R.id.main_content, new SettingsFragment(), "settings").commit();
                                                                         break;
                                                                     case R.id.nav_settings_temp:
                                                                         Toast.makeText(MainActivity.this, "Settings Temp works", Toast.LENGTH_SHORT).show();
                                                                         break;

                                                                 }
                                                                 drawer.closeDrawer(GravityCompat.START);
                                                                 return true;

                                                             }
                                                         });

    }

    @Override
    public boolean onSupportNavigateUp() {
            NavController navController = Navigation.findNavController(this, R.id.main_content);
            return NavigationUI.navigateUp(navController, appBarConfig) || super.onSupportNavigateUp();

    }

    @Override
    public void onBackPressed() {
        if (drawer.isDrawerOpen(GravityCompat.START)) {
            drawer.closeDrawer(GravityCompat.START);
        }
       else {
            super.onBackPressed();
        }
    }
}

布局文件

<androidx.drawerlayout.widget.DrawerLayout 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/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:orientation="vertical"
tools:openDrawer="start">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/colorPrimary"
        android:elevation="4dp"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

    <FrameLayout
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <fragment
            android:id="@+id/main_content"
            android:name="androidx.navigation.fragment.NavHostFragment"
            app:navGraph="@navigation/navigation_graph"
            app:defaultNavHost="true"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />



    </FrameLayout>

</LinearLayout>

<com.google.android.material.navigation.NavigationView
    android:id="@+id/nav_view"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    app:headerLayout="@layout/nav_header"
    app:menu="@menu/drawer_menu" />




</androidx.drawerlayout.widget.DrawerLayout>

布局drawer_menu

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:showIn="navigation_view">
    <group android:checkableBehavior="single">

        <item
            android:id="@+id/nav_user_profile"
            android:icon="@drawable/ic_user_profile"
            android:title="Profile" />

        <item
            android:id="@+id/nav_manga_books_source"
            android:icon="@drawable/ic_manga_books_of_source"
            android:title="Manga's"/>

        <item
            android:id="@+id/nav_settings"
            android:icon="@drawable/ic_settings"
            android:title="Settings"/>
    </group>
    <item android:title="new group">
        <menu>
            <item
                android:id="@+id/nav_settings_temp"
                android:icon="@drawable/ic_settings"
                android:title="Settings temp" />
        </menu>
    </item>

</menu>

后面添加的导航组件是由某人推荐的。问题已经存在，这并没有修复它，因为它并不打算作为一个修复，但它可能与mainActivity代码相关。

<?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/nav_graph_mangas_search_souce">

    <fragment
        android:id="@+id/nav_graph_mangas_search_souce"
        android:name="com.example.what2watchmangareader.MangasSearchFragment"
        android:label="start fragment"
        tools:layout="@layout/fragment_mangas_to_search" />

    <fragment
        android:id="@+id/nav_graph_profile"
        android:name="com.example.what2watchmangareader.ProfileFragment"
        android:label="profile page"
        tools:layout="@layout/fragment_profile" />


    <fragment
        android:id="@+id/nav_graph_settings"
        android:name="com.example.what2watchmangareader.SettingsFragment"
        android:label="Settings Page"
        tools:layout="@layout/fragment_settings" />

    <fragment
        android:id="@+id/nav_graph_manga_book_details"
        android:name="com.example.what2watchmangareader.MangaBookFragment"
        android:label="Manga detail"
        tools:layout="@layout/fragment_manga_book_info" />

    //Add your other fragments here.
</navigation>

Answer 1

根据文档，您不需要运行任何FragmentTransactions，也不需要在使用setupWithNavController()时手动实现OnNavigationItemSelectedListener。相反，您只需要在导航图和菜单项之间匹配android:id。