Material Components 1.1.0 版在隱藏底部應用欄中的 fab/顯示菜單項時閃爍

Question

當應用程序的fab隱藏在BottomAppBar ，我試圖顯示MenuItem ，並在我顯示fab時使其再次可見。 然而，當我隱藏fab並使MenuItem可見時，前者很快就會閃爍（出現、消失，然后再次出現並停留）。 在我的Manifest的依賴項中，我添加了： implementation 'com.google.android.material:material:1.1.0' 。

對於這個例子，我創建了一個顯示/隱藏fab的按鈕。

我的MainActivity看起來像：

public class MainActivity extends AppCompatActivity {
    private FloatingActionButton fab;
    private MenuItem menuItm;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        BottomAppBar toolbar = findViewById(R.id.bottom_app_bar);
        setSupportActionBar(toolbar);

        fab = findViewById(R.id.fab);
    }

    public void showHideFab(View view) {
        if (fab.isOrWillBeHidden()) {
            fab.show();
            menuItm.setVisible(false);
        } else {
            fab.hide();
            menuItm.setVisible(true);
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onPrepareOptionsMenu(Menu menu) {
        menuItm = menu.findItem(R.id.menu_itm);

        return super.onPrepareOptionsMenu(menu);
    }
}

布局文件activity_main.xml ：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    tools:context=".MainActivity">

    <androidx.coordinatorlayout.widget.CoordinatorLayout
        android:id="@+id/coord"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <com.google.android.material.bottomappbar.BottomAppBar
            android:id="@+id/bottom_app_bar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            app:backgroundTint="@color/colorPrimary"
            app:fabAlignmentMode="end" />

        <com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:layout_anchor="@id/bottom_app_bar"
            app:srcCompat="@android:drawable/ic_dialog_alert" />

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="35dp"
            android:onClick="showHideFab"
            android:text="Show/Hide Fab" />

    </androidx.coordinatorlayout.widget.CoordinatorLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

我的menu/menu_main.xml ：

<menu 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"
    tools:context="com.teka.loulis.print.MainActivity">
    <item
        android:id="@+id/menu_itm"
        android:icon="@android:drawable/ic_dialog_alert"
        android:visible="false"
        app:showAsAction="always" />
</menu>

我的styles.xml ：

<resources>
    <style name="AppTheme" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorSecondary">@color/colorAccent</item>
    </style>

    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>
</resources>

以及Manifest MainActivity的聲明：

<activity android:name=".MainActivity"
    android:theme="@style/AppTheme.NoActionBar">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>

在 1.0.0 版本中，此問題不存在。 我做錯了什么，還是圖書館的錯誤/功能？ 謝謝！

編輯：我注意到當fab在中心對齊時（通過從activity_main布局文件中刪除app:fabAlignmentMode="end" ），這個問題就消失了。 最后對齊的時候，還存在其他問題，例如，如果我讓fab和菜單項同時可見，菜單項有時會繪制在fab之上！ 對我來說更像是一個錯誤。

Answer 1

添加了 1.3.0-alpha02 setFabAlignmentModeAndReplaceMenu() 。

bottomAppBar.setFabAlignmentModeAndReplaceMenu(BottomAppBar.FAB_ALIGNMENT_MODE_END, R.menu.sample)

使用這個，我不再遇到閃爍的效果。

這是GitHub 上的commit:d4a5702 ：material-components-android以獲取更多信息。