点击后图标消失答案

【问题标题】：Fab Icon disappers after click点击后图标消失
【发布时间】：2018-09-02 03:56:28
【问题描述】：

我有一个可折叠的工具栏布局和一个 FAB。我在点击时动态更改 FAB 图标。它运作良好。但是当工具栏再次折叠并展开时。单击 FAB 会使图标消失。当我再次折叠展开时，图标出现了，图标也变了！

layout.xml

<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:fitsSystemWindows="true">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="@dimen/app_bar_height"
        android:fitsSystemWindows="true"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.design.widget.CollapsingToolbarLayout
            app:expandedTitleMarginStart="16dp"
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            app:collapsedTitleTextAppearance="@style/AppTheme.ToolbarTitleCollapsed"
            app:expandedTitleTextAppearance="@style/AppTheme.ToolbarTitle"
            app:contentScrim="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|exitUntilCollapsed|snap">

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

            <View
                android:layout_width="match_parent"
                android:layout_height="160dp"
                android:layout_gravity="bottom"
                android:background="@drawable/scrim" />

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

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

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

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

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:clickable="true"
        android:focusable="true"
        android:src="@drawable/ic_favorite_black_24dp"
        app:fabSize="normal"
        android:layout_margin="16dp"
        app:layout_anchor="@+id/appbar"
        app:layout_anchorGravity="bottom|right|end" />

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

切换 FAB 图标的 Java 代码

final FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
if (isSelected) {  
 fab.setImageDrawable(ContextCompat.getDrawable(MyActivity.this,R.drawable.ic_favorite_border_black_24dp));
    fab.setColorFilter(Color.WHITE);
    } else {      fab.setImageDrawable(ContextCompat.getDrawable(MyActivity.this,R.drawable.ic_favorite_black_24dp));
      fab.setColorFilter(Color.WHITE);
    }
    isSelected = !isSelected;
    }
    });

【问题讨论】：

IMO，问题出在 setColorFilter... 改为设置背景色调并尝试..
@UmangBurman 试过了，还是一样的问题。
你的 if 和 else 块代表相同的代码，这是为什么呢？
不，drawables不同
发现问题了！显然支持库 28.0.0-rc02 中存在错误已更改为 sdk 27 并且工作正常

标签： android floating-action-button

【解决方案1】：

这是材料设计库 28.0 中的一个错误，已报告

https://issuetracker.google.com/issues/111316656

【讨论】：

我会回应这一点，因为我昨天浪费了很多时间试图解决它，但我会补充一点，如果您同时需要解决方法，您可以使用 LevelListDrawable（或<level-list>)，然后间接选择drawable。

【解决方案2】：

工厂隐藏在<include layout="@layout/content"/> 布局后面。您应该在内容布局中使用app:layout_behavior="@string/appbar_scrolling_view_behavior"。试试这个，然后告诉我。

【讨论】：