Question

我试图在MenuItem中隐藏应用程序的fab时显示BottomAppBar，并在显示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>

以及MainActivity中Manifest的声明：

<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居中对齐时（通过从app:fabAlignmentMode="end"布局文件中删除activity_main来解决此问题）。最后对齐时，还存在其他问题，例如，如果同时显示fab和菜单项，则有时会在fab上方绘制菜单项！对我来说似乎更像是个虫子。

Answer 1

已添加1.3.0-alpha02 setFabAlignmentModeAndReplaceMenu()。

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

使用此功能，我不再体验闪烁效果。

这是commit:d4a5702上的GitHub: material-components-android，以获取更多信息。

在BottomAppBar中隐藏fab / showing菜单项时，Material Components版本1.1.0闪烁

1 个答案: