BottomNavigationView 在视图模型中的数据绑定

Question

布局：

<android.support.design.widget.BottomNavigationView
                android:id="@+id/navigation"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom"
             app:onNavigationItemSelected="@{viewModel.onNavigationItemSelected}"
                android:background="?android:attr/windowBackground"
                app:menu="@menu/menu_home_tab" />

代码：

@BindingAdapter("onNavigationItemSelected")
    public static void setOnNavigationItemSelected(
            BottomNavigationView view, BottomNavigationView listener) {
        view.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull MenuItem item) {

                switch (item.getItemId()) {
                    case R.id.navigation_dashboard:
                        Log.d("test","test1");
                        return true;
                    case R.id.navigation_notifications:
                        Log.d("test","test2");
                        return true;

                }
                return false;
            }

        });

    }

这returns一个错误

Error:(183, 49) Could not find accessor viewmodel.onNavigationItemSelected

我正在尝试在我的 bottomnavigationview 上实现数据绑定

Answer 1

您应该在 viewModel 中声明 onNavigationItemSelected() class:

class ViewModel {

    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem item) {
        switch (item.getItemId()) {
            case R.id.navigation_dashboard:
                Log.d("test","test1");
                return true;
            case R.id.navigation_notifications:
                Log.d("test","test2");
                return true;
        }
        return false;
    }
}

在你的xml中，使用方法参考：

app:onNavigationItemSelected="@{viewModel::onNavigationItemSelected}"

Answer 2

可能对某些人有帮助，在 xml 中设置所选项目的已接受答案的详细补充。

绑定适配器:

public class BindingAdapters {
    @BindingAdapter("onNavigationItemSelected")
    public static void setOnNavigationItemSelected(
            BottomNavigationView view, BottomNavigationView.OnNavigationItemSelectedListener listener) {
        view.setOnNavigationItemSelectedListener(listener);
    }

    @BindingAdapter("selectedItemPosition")
    public static void setSelectedItemPosition(
            BottomNavigationView view, int position) {
        view.setSelectedItemId(position);
    }
}

ViewModel:

public class ViewModel implements BottomNavigationView.OnNavigationItemSelectedListener {

    @Override
    public boolean onNavigationItemSelected(@NonNull MenuItem item) {
        switch (item.getItemId()) {
            case R.id.navigation_favourites:
                Log.d("testTag","Selected favourites");
                return true;
            case R.id.navigation_photos:
                Log.d("testTag","Selected photos");
                return true;
            case R.id.navigation_info:
                Log.d("testTag","Selected info");
                return true;
        }
        return false;
    }
}

布局 BottomNavigationView:

<?xml version="1.0" encoding="utf-8"?>
<layout 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=".views.MainActivity">

    <data>
        <import
            type="com.test.R"/>
        <variable
            name="viewModel"
            type="com.test.viewmodels.ViewModel"/>
    </data>

    <android.support.constraint.ConstraintLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.BottomNavigationView
            android:id="@+id/nav_view"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginStart="0dp"
            android:layout_marginEnd="0dp"
            android:background="?android:attr/windowBackground"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:menu="@menu/bottom_nav_menu"
            app:selectedItemPosition="@{R.id.navigation_photos}"
            app:onNavigationItemSelected="@{viewModel::onNavigationItemSelected}"/>

    </android.support.constraint.ConstraintLayout>
</layout>

Answer 3

对于那些在 Kotlin 中苦苦挣扎并且在创建 Binding Adapter 时遇到困难的人，可以这样做：

 import androidx.databinding.BindingAdapter
 import com.google.android.material.bottomnavigation.BottomNavigationView

 class BindingAdapters {
     companion object{
         @JvmStatic
         @BindingAdapter("onNavigationItemSelected")
         fun setOnNavigationItemSelectedListener(view: BottomNavigationView, listener: BottomNavigationView.OnNavigationItemSelectedListener?) {
            view.setOnNavigationItemSelectedListener(listener)
         }
     }
 }

并在您的 XML 文件中，引用您在 ViewModel 中创建的方法：

<com.google.android.material.bottomnavigation.BottomNavigationView
            android:id="@+id/bottomNavView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/colorPrimary"
            android:layout_gravity="bottom"
            app:itemTextColor="@color/orange"
            app:onNavigationItemSelected="@{viewModel::onBottomMenuClicked}"
            app:menu="@menu/bottom_nav_menu"/>

并且在 ViewModel Class:

fun onBottomMenuClicked(item: MenuItem): Boolean {
        when (item.itemId) {
            R.id.navigation_home->{
                ...
                return true
            }
            R.id.navigation_search->{
                ...
                return true
            }
        }
        return false
    }

Answer 4

我看到的答案中没有一个让我满意，因为我希望 ViewModel 保存一个变量来反映所选菜单项。这样我不仅可以在需要时通过视图模型以编程方式更改所选项目，还可以获取所选项目的 ID。我尝试使用 InverseBindingAdapter 进行双向数据绑定，但有时运行进入循环更新循环。我终于完成了这个工作正常的解决方案。

@BindingAdapter("navItemSelectedHandler")
fun BottomNavigationView.setNavItemSelectedHandler(
        listener: BottomNavigationView.OnNavigationItemSelectedListener
) = setOnNavigationItemSelectedListener(listener)

@BindingAdapter("selectedMenuItemId")
fun BottomNavigationView.setSelectedMenuItemId(menuItemId: Int) {
    if (menuItemId != selectedItemId) {
        selectedItemId = menuItemId
    }
}

在视图模型中：

val selectedMenuItemId = MutableLiveData(R.id.nav_menu_home)
val navItemSelectedHanlder = BottomNavigationView.OnNavigationItemSelectedListener { item ->
    // ...
    if (selectedMenuItemId.value != item.itemId) {
        selectedMenuItemId.postValue(item.itemId)
    }
    true
}

并在 xml 中：

    app:selectedMenuItemId="@{viewModel.selectedMenuItemId}"
    app:navItemSelectedHandler="@{viewModel.navItemSelectedHanlder}"

我认为使用 InverseBindingAdapter 可能有更好的方法，但我还需要在 OnNavigationItemSelectedListener.

中添加一些其他自定义处理程序

BottomNavigationView 在视图模型中的数据绑定

BottomNavigationView on databinding inside viewmodel

android

mvvm

android-layout

android-databinding

bottomnavigationview