Android：为带导航抽屉的ActionBar添加带角标的购物车按钮

问题根源 #

• 导航抽屉菜单与ActionBar菜单共用同一个menu_entries.xml文件，导致购物车项被NavigationView和ActionBar同时加载，因此出现在抽屉中。
• 抽屉菜单项未设置showAsAction，ActionBar无法全部显示，故出现永久三点菜单。

具体修复步骤 #

1. 拆分菜单文件 #

• 保留导航抽屉菜单：修改menu_entries.xml，移除购物车项：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/navMenu"
    tools:ignore="HardcodedText">
    <item
        android:id="@+id/navMenuCocktail"
        android:title="Cocktail" />
    <item
        android:id="@+id/navMenuFrullati"
        android:title="Frullati" />
    <item
        android:id="@+id/navMenuSuggested"
        android:title="Suggeriti" />
    <item
        android:id="@+id/navMenuLogout"
        android:title="Logout"/>
</menu>

• 新建ActionBar专属菜单：创建menu_actionbar.xml，仅包含购物车项：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/navMenuActionCart"
        android:title="Cart"
        android:icon="@drawable/ic_action_cart"
        app:actionLayout="@layout/cart_item_layout"
        app:showAsAction="always"/>
</menu>

2. 确认NavigationView菜单引用 #

layout_home.xml中NavigationView保持引用抽屉菜单即可：

<com.google.android.material.navigation.NavigationView
    android:id="@+id/navViewMenu"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    app:menu="@menu/menu_entries"/>

3. 修复Activity菜单加载逻辑 #

修改ControllerHome.java的onCreateOptionsMenu，加载ActionBar专属菜单并修正角标绑定：

@Override
public boolean onCreateOptionsMenu(@NonNull Menu menu){
    // 加载ActionBar菜单，而非抽屉菜单
    getMenuInflater().inflate(R.menu.menu_actionbar, menu);
    MenuItem cartItem = menu.findItem(R.id.navMenuActionCart);
    View actionView = cartItem.getActionView();
    
    // 从actionView中绑定角标TextView，避免全局查找错误
    cartBadge = actionView.findViewById(R.id.cart_badge);
    cartBadge.setVisibility(View.GONE);
    
    // 绑定购物车按钮点击事件
    actionView.setOnClickListener(v -> {
        currentHomeState = HomeState.HOME_CART;
        // 这里添加切换到购物页面的逻辑，比如更新RecyclerView内容
        updateUIForCurrentState();
    });

    productQuantityListener = // 保留原有逻辑
    
    return true;
}

4. 添加角标更新方法 #

新增方法用于更新购物车角标数量：

private void updateCartBadge() {
    if (numberOfItemsInCart > 0) {
        cartBadge.setVisibility(View.VISIBLE);
        cartBadge.setText(String.valueOf(Math.min(numberOfItemsInCart, MAX_NUMBER_OF_CART_ITEMS_DISPLAYED)));
    } else {
        cartBadge.setVisibility(View.GONE);
    }
}

购物车数量变化时调用此方法即可更新角标。

注意事项 #

• 移除原购物车项的android:enabled="false"，确保按钮可点击。
• 确保cart_item_layout中包含id为cart_badge的TextView组件。

内容的提问来源于stack exchange，提问作者randomdood1923