android - 单击后突出显示 ActionMenuView 中的菜单项

Question

我正在使用一个ActionMenuView来显示用户可以选择的一组过滤器。在 中选择一个菜单项后ActionMenuView，我希望突出显示该菜单项，直到选择了另一个菜单项。

单击后如何保持菜单项的突出显示？当我在onMenuItemClick函数中放置断点时，会出现预期的结果，如下所示：

编辑 解决了问题，请参阅下面的答案

Answer 1

我设法通过修改ActionMenuView using的图标来做到这一点layer-list（默认情况下没有突出显示）：

<!-- drawable/filter_trade_requests_sort_by_creation_date.xml -->
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/action_view_menu_base_currency_icon_background">
        <shape android:shape="oval">
            <solid android:color="#00000000" />
            <size
                android:width="100dp"
                android:height="100dp" />
        </shape>
    </item>
    <item
        android:drawable="@drawable/ic_baseline_arrow_upward_24px"
        android:gravity="center" />

</layer-list>

使用以下内容ActionmenuView：

        <com.google.android.material.appbar.AppBarLayout
            android:id="@+id/fragment_trade_requests_app_bar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fitsSystemWindows="true"
            android:theme="@style/AppTheme.AppBarOverlay">

            <androidx.appcompat.widget.ActionMenuView
                android:id="@+id/fragment_trade_requests_action_menu_view"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:popupTheme="@style/AppTheme.PopupOverlay" />

        </com.google.android.material.appbar.AppBarLayout>

选中图标中的图标后ActionMenuView，我清除图标中的所有高亮，ActionMenuView并设置当前选中图标的高亮。方法如下：

private fun setFilterIconHighLight(menuItem: MenuItem?, layerId: Int, color: Int) {
    val icon = menuItem?.icon as? LayerDrawable
    val background =
        icon?.findDrawableByLayerId(layerId) as? GradientDrawable
    background?.setColor(color)
}

private fun clearAllIconHighLights(menu: Menu) {
    for (menuItem in menu.iterator()) {
        val icon = menuItem.icon as? LayerDrawable
        val nrOfLayers = icon?.numberOfLayers
        if (nrOfLayers != null && nrOfLayers > 1) {
            for (i in 0 until nrOfLayers) {
                val layer = icon.getDrawable(i)
                if (layer is GradientDrawable) {
                    layer.setColor(ColorUtils.setAlphaComponent(Color.WHITE, 0))
                }
            }
        }
    }
}

使用上面列出的drawable，用法如下：

private fun updateFilterUI(binding: FragmentTradeRequestsBinding) {
    val actionMenuView = binding.fragmentTradeRequestsActionMenuView.menu
    // Some condition that indicates that we need to highlight
    val menuItem = actionMenuView.findItem(R.id.filter_trade_requests_sort_by_creation_date)
    clearAllIconHighLights(actionMenuView)
    setFilterIconHighLight(
        menuItem,
        R.id.action_view_menu_date_icon_background,
        ColorUtils.setAlphaComponent(Color.WHITE, 50)
    )
}

alpha 值为 50 的颜色被认为是高光，而 alpha 值为 0 的颜色是不可见的，因此会清除高光