Android 可检查菜单项

Question

我的 Android 应用程序中有以下菜单布局：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/item1" 
          android:titleCondensed="Options"
          android:title="Highlight Options" 
          android:icon="@android:drawable/ic_menu_preferences" />

   <item android:id="@+id/item2" 
         android:titleCondensed="Persist"
         android:title="Persist" 
         android:icon="@android:drawable/ic_menu_preferences" 
         android:checkable="true" />
</menu>

我的问题是，当我在 Android 模拟器中运行我的应用程序时，第二个菜单项似乎不是“可检查的”。该项目应该有一个绿色的勾号，对吗？表明其可检查。

我做错了什么吗？

Answer 1

布局看起来不错。但您必须在代码中选中和取消选中菜单项。

来自文档：

当选择了可检查的项目时，系统会调用相应的项目选择回调方法（例如onOptionsItemSelected())。您必须在此处设置复选框的状态，因为复选框或单选按钮不会自动更改其状态。您可以使用 isChecked() 然后使用 setChecked()。

Answer 2

将 item 包裹在 group 元素中，如下所示：

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group android:checkableBehavior="all">
        <item android:id="@+id/item1"
              android:titleCondensed="Options"
              android:title="Highlight Options"
              android:icon="@android:drawable/ic_menu_preferences">
        </item>
        <item android:id="@+id/item2"
              android:titleCondensed="Persist"
              android:title="Persist"
              android:icon="@android:drawable/ic_menu_preferences"
              android:checkable="true">
        </item>
    </group>
</menu>

来自 Android 文档：

android:checkableBehavior 属性接受：

单 - 只能检查组中的一项（单选按钮）

all - 所有项目都可以选中（复选框）

无 - 没有可检查的项目

Answer 3

您可以通过将 actionViewClass 设置为可检查的小部件（如 android.widget.CheckBox

res/menu/menu_with_checkable_menu_item.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_favorite"
        android:checkable="true"
        android:title="@string/action_favorite"
        app:actionViewClass="android.widget.CheckBox"
        app:showAsAction="ifRoom|withText" />
</menu>

---

）来创建可检查的菜单项，并且 布局，您甚至可以将其设置为可检查的星形

如果您将 actionLayout 设置为具有样式 android.widget.CheckBox res/layout 的
/action_layout_styled_checkbox.xml

<CheckBox xmlns:android="http://schemas.android.com/apk/res/android"
    style="?android:attr/starStyle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

res/menu/menu_with_checkable_star_menu_item.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_favorites"
        android:checkable="true"
        android:title="@string/action_favorites"
        app:actionLayout="@layout/action_layout_styled_checkbox"
        app:showAsAction="ifRoom|withText" />
</menu>

---

设置值

menuItem.setChecked(true/false);

获取值

menuItem.isChecked()

---

将 MenuItem 投射到 CheckBox

CheckBox checkBox= (CheckBox) menuItem.getActionView();

Answer 4

我发现最好的解决方案是仅使用我当前 API 的 onOptionsItemSelected() 方法 (27-28)。

@Override
   public boolean onOptionsItemSelected(MenuItem item) 
   {    

//Copy from here...
       int itemId = item.getItemId();

       if(item.isChecked())                          
       { 
           if(R.id.edit_tile_checkbox == itemId)     //Individual checkbox logic
           {   /*TODO unchecked Action*/} 
           item.setChecked(false);                   //Toggles checkbox state.
       }
       else
       {
            if(R.id.edit_tile_checkbox == itemId)    //Individual checkbox logic
            {/*TODO checked Action*/}
            item.setChecked(true);                   //Toggles checkbox state.
       }
//...To here in to your onOptionsItemSelected() method, then make sure your variables are all sweet.

       return super.onOptionsItemSelected(item);
   }

我花了很长时间在这里寻找这个答案。无论出于何种原因，上面的答案都没有帮助（我是一个回归的新手，我确信我可能搞砸了一些东西）。
可能有更好的方法来做到这一点，因此欢迎有帮助的批评。

Answer 5

阅读本文

正如所说，“手动检查”只是冰山一角。它闪现菜单的速度如此之快，用户看不到任何事情发生，而且非常违反直觉，令人沮丧，而且实际上是一派胡言。 REAL TASK（因此）允许用户头脑消化复选框事件。

好消息：这可以做到并且确实有效，这就是您的做法。 @TouchBoarder 做得最好，所以我会复制他的代码。然后开发它。

这个想法是检测复选框是否被单击，然后（并且仅当选中该复选框时）稍微抑制菜单删除，添加一个 500 毫秒的计时器，然后关闭菜单，这给了复选框的“滴答”动画运行时间并创建正确的“感觉”，

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_favorite"
        android:checkable="true"
        android:title="@string/action_favorite"
        app:actionViewClass="android.widget.CheckBox"
        app:showAsAction="ifRoom|withText" />
</menu>

然后您像往常一样使用此方法，但您确保添加所有这些额外的凹凸，

public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the bottom bar and the top bar (weird)
    BottomAppBar bottomBar = findViewById(R.id.bottom_app_bar_help);
    Menu bottomMenu = bottomBar.getMenu();
    getMenuInflater().inflate(R.menu.bottom_nav_menu, bottomMenu);
    for (int i = 0; i < bottomMenu.size(); i++) {
        bottomMenu.getItem(i).setOnMenuItemClickListener(item -> {
            if (item.getItemId()==R.id.action_favorite){
                item.setChecked(!item.isChecked());
                // Keep the popup menu open
                item.setShowAsAction(MenuItem.SHOW_AS_ACTION_COLLAPSE_ACTION_VIEW);
                item.setActionView(new View(frmMain.this));
                item.setOnActionExpandListener(new MenuItem.OnActionExpandListener() {
                    @Override
                    public boolean onMenuItemActionExpand(MenuItem item) {
                        final Handler handler = new Handler();
                        handler.postDelayed(() -> bottomMenu.close(), 500);
                        return false;
                    }

                    @Override
                    public boolean onMenuItemActionCollapse(MenuItem item) {
                        final Handler handler = new Handler();
                        handler.postDelayed(() -> bottomMenu.close(), 500);
                        return false;
                    }
                });
                return false;
            }
            else {
                return onOptionsItemSelected(item);
            }
        });
    }
    return true;
}

其他菜单事件都在这里

public boolean onOptionsItemSelected(MenuItem item) {
    // Bottom Bar item click
    try {
        switch (item.getItemId()) {
            case R.id.mnuExit:
                MenuClick(ClickType.LOGOUT);
                return true;

            case R.id.mnuList:
                MenuClick(ClickType.LIST);
                return true;
            default:
                return super.onOptionsItemSelected(item);
        }
    } catch (Exception e) {
        e.printStackTrace();
    }
    return super.onOptionsItemSelected(item);
}

Answer 6

回答是因为这里的答案看起来又长又复杂。我在这里有一些确切的 Kotlin 代码

覆盖顶部的活动并覆盖 onMenuItemClick 函数，有一个函数来处理按钮单击以打开菜单。

有一个数组或列表来保存选中的值并在重新创建菜单时设置检查

注意：此代码不会使菜单保持打开状态，它仅确保选中的项目保持选中状态。
我注意到有很多关于堆栈溢出的解决方案，所以如果这是您想要的，请看一下它们，

class exampleActivity : AppCompatActivity(), PopupMenu.OnMenuItemClickListener {
   private var checkChecked = arrayListOf(false,false)
   //some code

  fun clickBTN(v: View){
        val popup = PopupMenu(this,v)
        popup.setOnMenuItemClickListener(this)
        popup.inflate(R.menu.yourmenufilename)
        //assuming you have 2 or more menu items
        popup.menu[0].isChecked = checkChecked[0]
        popup.menu[1].isChecked = checkChecked[1]
        popup.show()
  }

  override fun onMenuItemClick(item: MenuItem?): Boolean {
     when(item?.itemID){
        R.id.item0 -> {
                item.isChecked = !item.isChecked
                checkChecked[0] = item.isChecked
                return true
        }
        R.id.item1 -> {
                item.isChecked = !item.isChecked
                checkChecked[1] = item.isChecked
                return true
        }
  }
}

当然在 XML 中您应该设置按钮和菜单。菜单示例在这里

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/item0"
        android:title="@string/hi"
        android:checkable="true"/>
    <item android:id="@+id/item1"
        android:title="@string/yo"
        android:checkable="true"/>
</menu>

Answer 7

这可能取决于主题，但我的菜单没有显示复选框。我发现这个：

注意：图标菜单中的菜单项无法显示复选框或单选框
按钮。如果您选择使图标菜单中的项目处于可勾选状态，则
您必须亲自通过交换图标和/或
每次状态在打开和关闭之间变化时显示文本。

Answer 8

对于以编程方式添加菜单项，

@Override
public boolean onCreateOptionsMenu(Menu menu) {

    menu.add("Item1").setActionView(R.layout.action_layout_checkbox).setCheckable(true);
    return super.onCreateOptionsMenu(menu);
}

res/layout /action_layout_checkbox.xml

<CheckBox xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

Answer 9

我在菜单中有两个项目，并在 menu.xml 文件中设置为可检查，如下所示

    <item
        android:id="@+id/A"
        android:title="A"
        app:showAsAction="never"
        android:checkable="true"/>
    <item
        android:id="@+id/B"
        android:title="B"
        app:showAsAction="never"
        android:checkable="true"/> 

，菜单复选框的逻辑如下。

@Override
public boolean onOptionsItemSelected(@NonNull MenuItem item) {

    switch (item.getItemId()) {
        case R.id.A:
           //logic goes here


            if(item.isChecked())
            {
             //logic is it is checked
             item.setChecked(false);
            }
            else
            {
               //logic is it is not checked
                item.setChecked(true);
            }
            return true;
        case R.id.B:
         //logic for second checkbox goes here


            if(item.isChecked())
            {
             //logic is it is checked
                item.setChecked(false);
            }
            else
            {
             //logic is it is not checked
                item.setChecked(true);
            }
            return true;
        default:
            return super.onOptionsItemSelected(item);
    }