动态更改 MainActivity for Android 中的 FAB

问题描述

我有以下 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 图标不会更改为齿轮，背景颜色也不会变红了！？

谁能告诉我我做错了什么？

解决方法

使用 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;
            }
        });