首页 > 解决方案 > 与 CoordinatorLayout 交互和滚动时,如何让 ExtendedFloatingActionButton 的行为类似于 FloatingActionButton?

问题描述

尝试使用新的ExtendedFloatingActionButton. ExtendedFloatingActionButton默认情况下,它的行为似乎FloatingActionButton与与CoordinatorLayout. 请参见此处,红色的是典型FloatingActionButton的,而黑色的 2 个是ExtendedFloatingActionButton完全相同的设置(颜色和文本除外)。我需要的是让黑色的隐藏起来,就像红色的一样。

文本

这是布局:

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.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:fitsSystemWindows="true"
    tools:context=".ScrollingActivity">

    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="@dimen/app_bar_height"
        android:fitsSystemWindows="true"
        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:fitsSystemWindows="true"
            app:contentScrim="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:toolbarId="@+id/toolbar">

            <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>

    <include layout="@layout/content_scrolling" />

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/fab_margin"
        app:layout_anchor="@id/app_bar"
        app:layout_anchorGravity="bottom|end"
        app:srcCompat="@android:drawable/ic_dialog_email" />

    <com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
        android:theme="@style/Theme.MaterialComponents.NoActionBar"
        android:id="@+id/exfab1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/fab_margin"
        app:layout_anchor="@id/app_bar"
        app:layout_anchorGravity="bottom|start"
        app:strokeColor="#ffff00"
        app:strokeWidth="4dp"
        app:iconTint="#ffff00"
        android:text="txt"
        android:textColor="#ffff00"
        android:backgroundTint="#000000"
        app:icon="@android:drawable/ic_dialog_email" />

    <com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
        android:theme="@style/Theme.MaterialComponents.NoActionBar"
        android:id="@+id/exfab2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/fab_margin"
        app:layout_anchor="@id/app_bar"
        app:layout_anchorGravity="bottom|center"
        app:strokeColor="#ffff00"
        app:strokeWidth="4dp"
        app:iconTint="#ffff00"
        android:textColor="#ffff00"
        android:backgroundTint="#000000"
        app:icon="@android:drawable/ic_dialog_email" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

我在源代码中看到有一个嵌套类ExtendedFloatingActionButton.ExtendedFloatingActionButtonBehavior,它似乎有一些可能有用/与此相关的属性,例如autoHideEnabledautoShrinkEnabled但该类受到保护,我无法弄清楚它是如何被访问的。请帮忙。

标签: androidfloating-action-buttonmaterial-componentscoordinator-layout

解决方案


推荐阅读