为 Android 动态更改 MainActivity 中的 FAB

Question

我有以下 XML 布局

<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"
    tools:context=".MainActivity">

    <FrameLayout
        android:id="@+id/fragment_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />


    <com.google.android.material.bottomappbar.BottomAppBar
        android:id="@+id/bottomAppBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:fabCradleMargin="20dp"
        app:fabCradleVerticalOffset="10dp"
        app:fabCradleRoundedCornerRadius="20dp"
        android:layout_gravity="bottom">

        <com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/bottomNavigationView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginEnd="16dp"
            android:background="@android:color/transparent"
            app:menu="@menu/bottom_nav_menu" />

    </com.google.android.material.bottomappbar.BottomAppBar>

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


</androidx.coordinatorlayout.widget.CoordinatorLayout>

关联的 Java 文件如下：

public class MainActivity extends AppCompatActivity {

    BottomNavigationView bottomNavigationView;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        bottomNavigationView = findViewById(R.id.bottomNavigationView);


        FloatingActionButton fab = findViewById(R.id.fab);
      
        fab.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View view) {
                
                Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
                    .setAction("Action", null).show();
            

        }

    });

}

我的问题是，我想根据用户所在的导航片段动态分配图像源以及操作。

因此，当应用程序打开时，它将默认为带有“+”的 fab 按钮，允许用户将项目添加到列表。

如果他们点击设置导航按钮，我希望图像成为齿轮，如果按下它会打开用户设置首选项。

我只是不确定如何实现这个？

更新：

if (bottomNavigationView.getMenu().findItem(R.id.miHome).isChecked()) {

    // Set icon image for FAB
    fab.setImageResource(R.drawable.ic_add);

} else if (bottomNavigationView.getMenu().findItem(R.id.miSettings).isChecked()) {

    fab.setImageResource(R.drawable.ic_settings);

    fab.setBackgroundColor(Color.RED);

}

行为是它会在加载时显示 + 号，因为仪表板是应用程序启动时的默认设置，但是当我点击设置导航按钮时，FAB 图标不会更改为齿轮和背景颜色不会变红！？

谁能告诉我做错了什么？

Answer 1

使用if (bottomNavigationView.getMenu().findItem(R.id.miHome).isChecked())条件只会触发一次，但是需要注册一个监听bottomNavigationView生命周期所有者的生命周期，即MainActivity。

这通常是 OnNavigationItemSelectedListener

bottomNavigationView.setOnNavigationItemSelectedListener(
        new BottomNavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {
                if (item.getItemId() == R.id.miHome) {
                    fab.setImageResource(R.drawable.ic_add);
                    
                } else if (item.getItemId() == R.id.miSettings) {
                    fab.setImageResource(R.drawable.ic_settings);
                    fab.setBackgroundColor(Color.RED);
                }
                return true;
            }
        });

为 Android 动态更改 MainActivity 中的 FAB

Dynamically change the FAB in MainActivity for Android

android

floating-action-button

android-navigation-bar

android-bottomnavigationview

更新：