如何在片段中实现导航抽屉

Question

我在 Activity 上实现了 TabLayout 和 ViewPager。在选择不同的选项卡时，Viewpager 将页面替换为片段。但是，现在我的用例是在Fragment.xml 内实现一个导航抽屉，但我无法做到。

当我将DrawerLayout 作为Fragment.xml 中的根布局编写时，子布局是AppBarLayout 和FrameLayout。

结构：

<DrawerLayout>
    <AppBarLayout><ToolBarLayout/><AppBarLayout>
    <FrameLayout/>
    <Navigation Menu/>
</DrawerLayout>

来自不同选项卡的所有工具栏都在屏幕上方，它的高度不在 actionBarSize 高度，ToolBar 高度缩小，TabLayout 缩小。

Answer 1

了解抽屉布局将放置在片段内，然后只需通过 xml 布局访问该片段并将抽屉内部添加到布局中。

我将遵循的结构如下（伪代码）：

<relativelayout>
name:outside-container-for-drawerlyout
height: ... and width: ...
 <relativelayout>
  name:actual-continer-for-drawerlayout
  height: ... and width: ...
  <!-- place drawer layout code here -->
  <drawerayout>
  height: ... and width: ...
   <!-- nest navigation view code here -->
   <navview>
    height: ... and width: ...
   </navview>
  </drawerlayout>
 </relativelayout>
</relativelayout>

查看文档，android documentation reference for navigation drawer 类似。 这将确保您将抽屉及其布局放置在您已经看到的选项卡式布局下方。

然后，在 java 中的片段上：

@Override
public View onCreateView(...) {
...
rootView = inflater.inflate(R..., container, false);
handleAccountNavigator();
return rootView;
}
private void handleAccountNavigator(){
this.mDrawerLayout = this.rootView.findViewById(R.id.drawer_layout);
this.mNavigationView = this.rootView.findViewById(R.id.nav_view);
new Handler().post(new Runnable()... to handle drawer actions.
}