DrawerLayout 重叠片段
Posted
技术标签:
【中文标题】DrawerLayout 重叠片段【英文标题】：drawerLayout overlapping fragments 【发布时间】：2020-11-23 03:42:58 【问题描述】：这个问题我已经有一段时间了
我相信这是因为 DrawerLayout 的实现不正确，即使我遵循开发者网站来实现它。
我有一个活动，现在有 3 个框架，mangaSearch(mS)(recyclerView)、配置文件、设置 mS 是起始片段，当我进入抽屉菜单并选择配置文件或设置时，片段将绘制在 mS 片段上方。当我按预期回击时，mS 片段再次显示正常。
我在 google/stack 上环顾四周，但没有找到解决此问题的方法，因此我在这里寻求帮助。
更新 我的抽屉里有错误的 ID，我不得不将它们更改为导航 nav_graph 布局中的 ID。
主活动
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_
android:layout_
android:fitsSystemWindows="true"
android:orientation="vertical"
tools:openDrawer="start">
<LinearLayout
android:layout_
android:layout_
android:orientation="vertical">
<androidx.appcompat.widget.Toolbar
android:id="@+id/toolbar"
android:layout_
android:layout_
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_
android:layout_ >
<fragment
android:id="@+id/main_content"
android:name="androidx.navigation.fragment.NavHostFragment"
app:navGraph="@navigation/navigation_graph"
app:defaultNavHost="true"
android:layout_
android:layout_ />
</FrameLayout>
</LinearLayout>
<com.google.android.material.navigation.NavigationView
android:id="@+id/nav_view"
android:layout_
android:layout_
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>
【问题讨论】：
当您使用 NavHostFragment 时，您不应该执行任何 FragmentTransactions（您也根本不需要setNavigationItemSelectedListener 调用）。当您完全删除该代码时会发生什么？
这将阻止我访问抽屉菜单中选择的片段，因此抽屉菜单保持打开状态，点击菜单（设置/mS/profile）没有任何反应
您的菜单项android:id 是否与导航图中的the documentation 中的项匹配？看起来他们不匹配。
我把drawer_menu里的改成nav_grap导航里的，现在不需要setOnClickListener了，谢谢指点：）
【参考方案1】：
根据documentation，您不需要运行任何FragmentTransactions，也不需要在使用setupWithNavController() 时手动实现OnNavigationItemSelectedListener。相反，您只需在导航图和菜单项之间匹配android:id。
【讨论】：
以上是关于DrawerLayout 重叠片段的主要内容，如果未能解决你的问题，请参考以下文章
DrawerLayout 的项目点击 - 啥时候更换片段合适？
Android：在drawerlayout中使用地图膨胀片段时出错
如何在导航控件片段中关闭导航 DrawerLayout onBackPressed