防止FloatingActionButton在CollapsingToolbarLayout上消失

Question

防止FloatingActionButton在CollapsingToolbarLayout上消失

androidfloating-action-buttonandroid-coordinatorlayoutandroid-collapsingtoolbarlayout

3

我有一个详情片段，显示所选项目的信息。图像嵌入在一个CoordinatorLayout和CollapsingToolbarLayout中。行为符合预期：当滚动图像时，FloatingActionButton随着CollapsingToolbarLayout的末尾向上滚动。然后，当它完全折叠时，FloatingActionButton消失了。我希望发生的是此按钮永远不会消失。它固定到工具栏是可以的，但是在查看文档和本站后，我无法找到如何使其可见的方法。任何提示将不胜感激！

这是我的布局的简化版本：

    <androidx.coordinatorlayout.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <com.google.android.material.appbar.AppBarLayout
            android:id="@+id/app_bar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:theme="@style/AppTheme.AppBarOverlay">

            <com.google.android.material.appbar.CollapsingToolbarLayout
                android:id="@+id/toolbar_layout"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@color/colorPrimaryDark"
                app:contentScrim="@color/colorPrimaryDark"
                app:expandedTitleMarginEnd="64dp"
                app:expandedTitleMarginStart="48dp"
                app:expandedTitleTextAppearance="@android:color/transparent"
                app:layout_scrollFlags="scroll|exitUntilCollapsed"
                app:title="@{movie.title}"
                app:toolbarId="@+id/toolbar">

                <ImageView
                    android:id="@+id/fragment_details_image"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:contentDescription="@string/browse_image_content_description"
                    android:scaleType="centerCrop"
                    app:largeSize="@{true}"
                    app:layout_collapseMode="parallax"
                    app:posterPath="@{movie.posterPath}" />

                <androidx.appcompat.widget.Toolbar
                    android:id="@+id/toolbar"
                    android:layout_width="match_parent"
                    android:layout_height="?attr/actionBarSize"
                    app:layout_collapseMode="pin"
                    app:popupTheme="@style/AppTheme.PopupOverlay" />

            </com.google.android.material.appbar.CollapsingToolbarLayout>

        </com.google.android.material.appbar.AppBarLayout>

        <androidx.core.widget.NestedScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"
            tools:context="com.heiligbasil.movietvdelight.view.DetailsFragment">

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <TextView
                    android:id="@+id/fragment_details_text_title"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="16dp"
                    android:text="@{movie.title}"
                    android:textAlignment="center"
                    app:layout_constraintEnd_toEndOf="parent"
                    app:layout_constraintStart_toStartOf="parent"
                    app:layout_constraintTop_toBottomOf="parent" />

            </RelativeLayout>

        </androidx.core.widget.NestedScrollView>

        <com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="16dp"
            android:elevation="6dp"
            app:borderWidth="0dp"
            app:fabSize="mini"
            app:layout_anchor="@id/app_bar"
            app:layout_anchorGravity="bottom|end"
            app:pressedTranslationZ="10dp"
            app:rippleColor="@color/colorPrimary"
            app:srcCompat="@drawable/ic_save" />

    </androidx.coordinatorlayout.widget.CoordinatorLayout>

- heiligbasil

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- ʍѳђઽ૯ท · Accepted Answer

我想要发生的是这个按钮永远不会消失。

实际上，这是由于app:layout_anchor="@id/app_bar"，您的FloatingActionButton具有特殊关系并受到AppBarLayout滚动时的控制。

要禁用它，请将app:behavior_autoHide="false"设置为您的FloatingActionButton。

此外，您可以使用 setAutoHideEnabled() 进行编程方式实现此操作。这正是您要寻找的：https://dev59.com/8F0Z5IYBdhLWcg3wnBRS#43077760。