FAB 的片段布局与 CoordinatorLayout 冲突

Posted 2023-04-15

【中文标题】FAB 的片段布局与 CoordinatorLayout 冲突

【英文标题】：Fragment layout with FAB conflict with CoordinatorLayout

【发布时间】：2016-11-14 19:12:08

【问题描述】：

我将MaterialDrawer 与MainDrawerActivity 一起使用，其中我根据所选项目替换容器 FrameLayout 中的每个片段，但我想添加一个交互的FAB（仅用于此片段）使用CoordinatorLayout，所以它可以处理很酷的动画。

MainDrawer 布局：

<?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"
  android:layout_
  android:layout_>

  <android.support.design.widget.AppBarLayout
    android:id="@+id/appBar"
    android:layout_
    android:layout_
    android:fitsSystemWindows="true"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.v7.widget.Toolbar
      android:id="@+id/toolbar"
      android:layout_
      android:layout_
      android:minHeight="?actionBarSize"
      android:theme="@style/Toolbar"
      app:layout_scrollFlags="scroll|enterAlways" />

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

  <FrameLayout
    android:id="@+id/container"
    android:layout_
    android:layout_
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

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

我如何替换每个片段：

try 
  supportFragmentManager.beginTransaction().replace(R.id.container, FeedFragment()).commit()
 catch (e: IllegalStateException) 
  Timber.i(e, "Fragment is still there.")

片段布局：

<FrameLayout 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_
  android:layout_>

  <android.support.v7.widget.RecyclerView
    android:id="@+id/recyclerView"
    android:layout_
    android:layout_
    android:scrollbarAlwaysDrawVerticalTrack="true"
    android:scrollbars="vertical"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:listitem="@layout/feed_item" />

  <android.support.design.widget.FloatingActionButton
    android:layout_
    android:layout_
    android:layout_gravity="bottom|right"
    android:layout_marginBottom="@dimen/spacing_medium"
    android:layout_marginRight="@dimen/spacing_medium"
    android:elevation="@dimen/elevation_little"
    app:fabSize="normal"
    app:layout_anchor="@+id/container"
    app:layout_anchorGravity="bottom|right"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    app:srcCompat="@drawable/ic_add_white_18dp" />

</FrameLayout>

但结果是 FAB 按钮位于底栏后面：

我正在尝试设置协调器布局属性（layout_anchor 和那些）以匹配主要布局 ID，但它不起作用... 为什么？

【问题讨论】：

我也有同样的问题。你修好了吗？

是的，您需要在主布局中有 FAB，应该是协调器布局的直接子级才能工作

【参考方案1】：

在 Activity 中定义浮动操作按钮 - 目前 Fragment 的容器被视为父级。

FAB 应该是 CoordinatorLayout 的直接子代

【讨论】：

我不想做那些事件，我将不得不在 Fragments 上调用 onFabButton

您的 FloatingActionButton 可以在 Fragment 之外进行膨胀/构造。只要您引用 FAB 所在的上下文 - 您就可以保持相同的功能。在您的片段中，创建一个成员变量 FloatingActionButton mFAB; 并在 onCreateView 中对其进行初始化：mFAB = (FloatingActionButton) container.findViewById(R.id.floating_action_button);

在 onCreateView 中无法找到 (FloatingActionButton) container.findViewById(R.id.floating_action_button);。它只是片段容器，而不是活动布局。

从活动中获取fab的最好方法是在onActivityCreated中初始化fab。可以使用requireActivity().findViewById(R.id.fab) 来完成； （基于this 答案的解决方案）。例如，它也可以在 Fragment 的 onCreate 中工作，但仅在您旋转屏幕之前。 （Fragment的onCreate在Activity的onCreate之前被调用）