在导航视图中仅折叠一个片段的工具栏

Question

我有一个抽屉菜单，里面有不同的片段。每个片段都应该使用一个默认工具栏，除了一个片段需要折叠工具栏。

如何在碎片的工具栏之间切换？

Answer 1

您可以轻松地从片段中获取工具栏，然后在片段中修改或更改该工具栏的某些属性。

要从您的< code>Activity中获取< code >工具栏,您可以考虑使用此。

Toolbar toolbar = (Toolbar) getActivity().findViewById(R.id.toolbar);

现在，您需要在< code>onResume函数中的< code>Toolbar上进行更改，然后在每次从< code>onStop函数内的< code>Fragment返回时撤消更改。否则，当从导航抽屉切换到其他< code >片段时，在< code >片段中所做的更改也将延续到其他片段。

但在您的情况下，我建议每个Fragment都应该有自己的Toolbar，这样它们就不会相互冲突，并且可以根据需要进行修改。是的，从活动中删除工具栏。

因此，将＜code＞工具栏＜/code＞添加到＜code＞片段＜/code〕的布局中，如下所示。

<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimaryDark"/>

然后在片段中找到它

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.fragment, container, false);
    Toolbar toolbar = (Toolbar) view.findViewById(R.id.toolbar);

    // Modify your Toolbar here. 
    // ... 
    // For example. 
    // toolbar.setBackground(R.color.red);

    // Create home button
    AppCompatActivity activity = (AppCompatActivity) getActivity();
    activity.setSupportActionBar(toolbar);
    activity.getSupportActionBar().setDisplayHomeAsUpEnabled(true);
}

并覆盖 onOptionsItemSelected 函数。

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch(item.getItemId()){
        case android.R.id.home:
            getActivity().onBackPressed();
    }
    return super.onOptionsItemSelected(item);
}

Answer 2

我发现最好的解决方案很容易崩溃，锁定它（保持在折叠模式）并解锁折叠工具栏。

private void collapseAppBar() {
    // Collapse the AppBarLayout with animation
    mAppBarLayout.setExpanded(false, true);
}

private void lockAppBar() {
    /* Disable the nestedScrolling to disable expanding the
     appBar with dragging the nestedScrollView below it */
    ViewCompat.setNestedScrollingEnabled(nestedScrollView, false);

    /* But still appBar is expandable with dragging the appBar itself
    and below code disables that too
     */
    CoordinatorLayout.LayoutParams params = (CoordinatorLayout.LayoutParams) mAppBarLayout.getLayoutParams();
    AppBarLayout.Behavior behavior = (AppBarLayout.Behavior) params.getBehavior();
    behavior.setDragCallback(new AppBarLayout.Behavior.DragCallback() {
        @Override
        public boolean canDrag(AppBarLayout appBarLayout) {
            return false;
        }
    });
}

private void unLockAppBar() {
    ViewCompat.setNestedScrollingEnabled(nestedScrollView, true);

    CoordinatorLayout.LayoutParams params = (CoordinatorLayout.LayoutParams) mAppBarLayout.getLayoutParams();
    AppBarLayout.Behavior behavior = (AppBarLayout.Behavior) params.getBehavior();
    if (behavior != null) {
        behavior.setDragCallback(new AppBarLayout.Behavior.DragCallback() {
            @Override
            public boolean canDrag(AppBarLayout appBarLayout) {
                return true;
            }
        });
    }
}

我以这种方式使用这些函数：

    Fragment fragment = null;
    Class fragmentClass;
    switch (menuItem.getItemId()) {
        case R.id.fragment1:
            unLockAppBar();
            fragmentClass = first_Fragment.class;
            break;
        case R.id.fragment2:
            collapseAppBar();
            lockAppBar();
            fragmentClass = second_Fragment.class;
            break;
        case R.id.fragment3:
            collapseAppBar();
            lockAppBar();
            fragmentClass = third_Fragment.class;
            break;

Answer 3

看来你想实现这样的目标。

我做了一个带有公共工具栏的活动。切换到折叠工具栏片段时，我使工具栏透明，片段的工具栏接管。切换到其他片段时，工具栏的颜色保持不变。

这允许您在 xml 中管理完整的折叠工具栏的布局结构，并将逻辑保留在 Fragment 中。

希望这会有所帮助。请参阅链接的gif图。

动图要点