【问题标题】:Stopping a FAB from changing its size阻止 FAB 更改其大小
【发布时间】:2017-10-31 04:51:46
【问题描述】:

我已将浮动操作按钮锚定到折叠工具栏。当我的活动开始时,我的 FAB 是正常大小并固定在右下角。

当我折叠工具栏时,FAB 消失了。

我更愿意保留 FAB,而不是在工具栏折叠时让它消失。我不知道该怎么做。任何人都可以帮助我如何做到这一点?

我的布局:

 <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_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/background_light"
    android:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/main.appbar"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        android:fitsSystemWindows="true"
        >
        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/main_collapsing"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="?attr/colorPrimary"
            >

            <ImageView
                android:id="@+id/photo"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                android:fitsSystemWindows="true"
                app:layout_collapseMode="parallax"
                />

            <android.support.v7.widget.Toolbar
                android:id="@+id/main.toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                app:layout_collapseMode="pin"
                />
        </android.support.design.widget.CollapsingToolbarLayout>
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        >

        <TextView
            android:id="@+id/article_body"
            style="?android:attr/textAppearanceMedium"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="16dp"
            android:textSize="20sp"
            android:lineSpacingMultiplier="@fraction/detail_body_line_spacing_multiplier" />
    </android.support.v4.widget.NestedScrollView>

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/share_fab"
        android:stateListAnimator="@anim/fab_state_list_anim"
        android:background="@drawable/add_fab_background"
        android:layout_marginRight="@dimen/fab_margin"
        android:layout_width="56dp"
        android:layout_height="56dp"
        android:src="@drawable/ic_share"
        android:elevation="@dimen/fab_elevation"
        android:contentDescription="@string/action_share"
        app:layout_anchor="@id/main.appbar"
        app:layout_anchorGravity="bottom|right|end"/>

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

【问题讨论】:

  • 尝试将您的 FloatingActionButtonandroid:id="@+id/main.appbar" 更改为 android:id="@+id/main_collapsing"

标签: android android-coordinatorlayout floating-action-button


【解决方案1】:

试试这个,对你的 FloatingActionButton

做些小改动
<android.support.design.widget.FloatingActionButton
        android:id="@+id/share_fab"
        android:stateListAnimator="@anim/fab_state_list_anim"
        android:background="@drawable/add_fab_background"
        android:layout_marginRight="@dimen/fab_margin"
        android:layout_width="56dp"
        android:layout_height="56dp"
        android:src="@drawable/ic_share"
        android:elevation="@dimen/fab_elevation"
        android:contentDescription="@string/action_share"
        app:layout_anchor="@id/main_collapsing"
        app:layout_anchorGravity="bottom|right|end"/>

【讨论】:

  • 很高兴帮助你@RoryMcGurty 享受编码
猜你喜欢
  • 2017-04-01
  • 2018-12-11
  • 1970-01-01
  • 2019-12-12
  • 2017-03-19
  • 2015-12-15
  • 1970-01-01
  • 2021-08-25
  • 1970-01-01
相关资源
最近更新 更多