当每个片段都有工具栏时如何处理抽屉切换和工具栏答案

【问题标题】：How to handle drawer toggle and toolbar up when having toolbar for each fragment当每个片段都有工具栏时如何处理抽屉切换和工具栏
【发布时间】：2017-12-11 19:25:29
【问题描述】：

我在我的应用程序中使用单一活动和许多片段方法

现在，因为在我的一些片段中，我在工具栏中有自定义视图，所以我决定为每个片段设置单独的工具栏。

如何为每个片段实现单独的工具栏，抽屉布局也在我的活动中

【问题讨论】：

你找到解决办法了吗？
没有找到任何解决方案

标签： android android-fragments android-support-library android-toolbar

【解决方案1】：

我有同样的问题，我将为每个片段添加自定义工具栏视图。

我的实用方法是：

public static View addRemoveViewFromToolbar(FragmentActivity fragmentActivity, int resourceId) {
    Toolbar toolbar = removeViewFromToolbar(fragmentActivity);
    if (resourceId == 0) {
        return null;
    } else {
        View view = LayoutInflater.from(fragmentActivity).inflate(resourceId, toolbar, false);
        toolbar.addView(view);
        return view;
    }
}


public static Toolbar removeViewFromToolbar(FragmentActivity fragmentActivity) {
    Toolbar toolbar = (Toolbar) fragmentActivity.findViewById(R.id.toolbar);
    if (toolbar.getChildCount() > 1) {
        for (int i = 1; i <= toolbar.getChildCount(); i++) {
            toolbar.removeViewAt(1);
        }
    }
    return toolbar;
}

在我的每一个片段中

//Create your custom view based on requirement
    View view = Utility.addRemoveViewFromToolbar(getActivity(), R.layout.toolbar_search_view);
        if (view != null) {
            edtCategory1 = (EditText) view.findViewById(R.id.edtCategory1);
            edtCategory1.setOnClickListener(this);
        }

希望这个解释对你有帮助:)

【讨论】：

【解决方案2】：

我不确定我是否正确理解了你对应用的描述，但我最近做了我认为你描述的事情。我的活动布局是一个 DrawerLayout，其中包含一个带有单个工具栏的 CoordinatorLayout/AppBar 布局，下面是一个 FrameLayout。 menu.xml 包含我在工具栏中为所有片段所需的所有项目。在导航菜单中单击的项目将换出 FrameLayout 中的片段。我的 onNavigationItemSelected() 调用了这个方法来交换片段并处理 backstack：

 public void switchView(int id, int optArg) {
   if (currentView != id) {
     currentView = id; //currentView keeps track of which fragment is loaded
     FragmentTransaction transaction = getFragmentManager().beginTransaction();
     //Fragment contentFragment is the current fragment in the FrameLayout
     switch (id) {
       case 0: //menu item 1
         contentFragment = new Nav_Item1_Fragment();
         transaction.replace(R.id.fragment_container, contentFragment, "");
         break;
       case 1: //menu item 2
         contentFragment = new Nav_Item2_Fragment();
         transaction.replace(R.id.fragment_container, contentFragment, "");
         break;
       case 2: //menu item 3
         contentFragment = new Nav_Item3_Fragment();
         transaction.replace(R.id.fragment_container, contentFragment, "");
       break;
     }
     // Replace whatever is in the fragment_container view with this fragment,
     // and add the transaction to the back stack
     // transaction.replace(R.id.fragment_container, contentFragment);
     transaction.addToBackStack(null);
     // Commit the transaction
     transaction.commit();
   }
 }

在每个片段的 onPrepareOptionsMenu() 中，我 setVisible() 隐藏/显示了工具栏中与该片段相关的菜单项。每个项目在菜单项的 onClick 属性指向的活动中都有一个方法，该方法知道它来自哪个片段以及传递给它的视图。

抽屉是在活动的 onCreate() 中使用 ActionBarDrawerToggle 设置的，如下所示：

drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
        this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
drawer.addDrawerListener(toggle);
toggle.syncState();

活动 xml：

<android.support.v4.widget.DrawerLayout
    android:id="@+id/drawer_layout"
    ...>

    <include
        layout="@layout/app_bar_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        .../>

</android.support.v4.widget.DrawerLayout>

app_bar_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    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:layout_width="match_parent"
    android:layout_height="match_parent"
    ...>

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        ...>

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:gravity="top"
            .../>

    </android.support.design.widget.AppBarLayout>

    <FrameLayout
        android:id="@+id/fragment_container"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">
    </FrameLayout>

</android.support.design.widget.CoordinatorLayout>

所以...一个导航菜单、一个应用程序/工具栏、多个片段

【讨论】：

不，这不是我想要的，我想要每个片段的工具栏，并且想要同时处理抽屉切换

【解决方案3】：

为什么您特别希望每个片段都有一个单独的工具栏？您可以轻松更改每个片段的工具栏视图。

在你的函数中切换片段 -

public void selectDrawerItem(MenuItem item) {
        FragmentManager fragmentManager = getSupportFragmentManager();
        FragmentTransaction fragmentTransaction;
        switch (item.getItemId()) {

                    case R.id.nav_home :
                        getSupportActionBar().setCustomView(R.layout.home_nav_bar);
                        fragmentClass = HomeFragment.class;
                        break;
                    case R.id.nav_settings :
                        getSupportActionBar().setCustomView(R.layout.settings_nav_bar);
                        fragmentClass = SettingsFragment.class;
                        break;

        }
        fragment = (Fragment) fragmentClass.newInstance();
        fragmentManager.popBackStack(null, 
        FragmentManager.POP_BACK_STACK_INCLUSIVE);

        fragmentTransaction = fragmentManager.beginTransaction();
                fragmentTransaction.replace(R.id.fragment_container, fragment);
                fragmentTransaction.addToBackStack(null);
                fragmentTransaction.commit();
}

因此您可以轻松使用相同的工具栏，并根据您对每个片段的要求对其进行自定义。

【讨论】：

我想为每个片段使用单独的工具栏，请再次阅读问题
您能解释一下为什么要使用单独的工具栏吗？使用自定义视图就像使用单独的工具栏。如果您仍然坚持使用单独的工具栏，我能想到的唯一选择是使用您想要的工具栏实例创建多个 ActionBarDrawerToggle 实例 - ActionBarDrawerToggle toggle1 = new ActionBarDrawerToggle( this, drawerLayout, toolbar1, R.string.navigation_open, R.string.navigation_close); 然后在加载您想要的片段之前，drawerLayout.addDrawerListener(toggle1); 这未经测试.所以让我知道它是否有效。

【解决方案4】：

这可以通过一种非常简单的方式来完成。

首先使用drawerlayout 创建一个活动。
第二次在activity里面创建一个容器viewpager来存放 fragments
第三次在 viewpager 上实现一个监听器，它将设置相关的toolbar 基于显示的fragment。

让我通过相关的 XML 和代码来说明

首先是主要活动的Drawerlayout XML

    <?xml version="1.0" encoding="utf-8"?>
    <android.support.v4.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"
        tools:openDrawer="start">
<include
    layout="@layout/app_bar_landing_page"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

<android.support.design.widget.NavigationView
    android:id="@+id/nav_view"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:fitsSystemWindows="true"
    app:headerLayout="@layout/nav_header_landing_page"
    app:menu="@menu/activity_landing_page_drawer" />

</android.support.v4.widget.DrawerLayout>

请注意容器布局app_bar_landing_page。现在是这个的 XML

 <?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="me.veganbuddy.veganbuddy.ui.LandingPage">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <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:logo="@drawable/vegan_buddy_menu_icon"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/container_for_fragments"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />
</android.support.design.widget.CoordinatorLayout>

注意viewpager，它将充当片段的容器。现在查看器上的OnPageChangeListener。

mViewPager = (ViewPager) findViewById(R.id.container_for_fragments);
    mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

        }

        @Override
        public void onPageSelected(int position) {
            switch (position+1){
                case 0:setSupportActionBar(aToolbar);
                    break;
                case 1:setSupportActionBar(bToolbar);
                    break;
                case 2:setSupportActionBar(cToolbar);;
                    break;
                case 3:setSupportActionBar(dToolbar);
                    break;
                default:
                    break;
            }
        }

如果需要进一步说明，请告诉我

【讨论】：

【解决方案5】：

我建议的最简单的方法是对活动使用回调。每当在活动中加载每个片段时，安排对活动的回调并在活动中加载适当的工具栏。

在您的布局文件夹中有单独的工具栏 xml。使用 include 标签将工具栏放入您的活动中。一次只保持 1 个工具栏可见。当片段回调到达您的活动时，使必要的回调可见。

【讨论】：

【解决方案6】：

这很简单。除了类别片段的onclick 操作之外，您还可以进入一个新活动，而不是片段。现在，由于抽屉布局位于具有导航视图且没有toolbar 的父活动中，因此第一个抽屉片段中的tablayout 有四个标签，其中viewpager 和一个toolbar 在顶部和一个标签内，即HOME 是排行榜、类别、编辑。每个toolbar 必须在每个片段布局中实现，而不是在活动布局中实现，因为您希望每个片段都有不同的工具栏。注意 Toolbar 不是 Fragment 的属性，而是ActionBarActivity 或AppCompatActivity 的属性，然后在onCreateView 中，包含 HOME、GAMES、MOVIES、MUSIC 的 Fragment 中，记下这些代码。

    public class Drawer1Fragment extends Fragment{
    public Drawer1Fragment () {}
    TabLayout tabLayout;
    Toolbar toolbar;
    DrawerLayout drawerLayout;
        ViewPager viewPager;
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState){
        View myChildRoot = inflater.inflate(R.layout.child_fragment_attachment, container, false);
        tabLayout = myChildRoot.findViewById(R.id.tab_layout);
        viewPager= myChildRoot.findViewById(R.id.container_viewPager);
        toolbar = myChildRoot.findViewById(R.id.toolbar);
        drawerLayout = getActivity().findViewById(R.id.drawer_layout);
        ((AppCompatActivity)requireActivity()).setSupportActionBar(toolbar);
        ((AppCompatActivity)requireActivity()).getSupportActionBar().setTitle(getActivity().getResources().getString(R.string.app_name));
        ((AppCompatActivity)requireActivity()).getSupportActionBar().setHomeButtonEnabled(true);
        ((AppCompatActivity)getParentFragment().requireActivity()).getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(getActivity(),drawerLayout,toolbar,R.drawable.icons,R.string.app_name);
        drawerLayout.addDrawerListener(toggle);
        toggle.syncState();
// The back arrow of a toolbar in fragment is implemented below
        toolbar.setNavigationOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View view)
            {
                if(!drawerLayout.isDrawerOpen(GravityCompat.START)) {
                    drawerLayout.openDrawer(GravityCompat.START);
                } else {
                    getActivity().finish();
                }
            }
        });
        
        return myChildRoot;
    }
}

【讨论】：