Android menu: two unidirectional groups in one menu

Question

My xml code:

<group android:checkableBehavior="single">
    <item android:id="@+id/group_1_box_1"/>
    <item android:id="@+id/group_1_box_2"/>
</group>

<group android:checkableBehavior="single">
    <item android:id="@+id/group_2_box_1"/>
    <item android:id="@+id/group_2_box_2"/>
</group>

The problem I am having is that when I change the status of group_1_box_1 to true, it not only sets group_1_box_2 to false, but also sets the group_2 fields to false.

Edit: Here is my code

public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
    case R.id.group_1_box_1:
        item.setChecked(true);
        return true;
    case R.id.group_1_box_2:
        item.setChecked(true);
        return true;
    case R.id.group_2_box_1:
        item.setChecked(true);
        return true;
    case R.id.group_2_box_2:
        item.setChecked(true);
        return true;
    default:
        return super.onOptionsItemSelected(item);
}

Answer 1

You just need to add unique identifiers to each element groupin the XML file.

<group
    android:id="@+id/menuGroup_1"           <!-- Here -->
    android:checkableBehavior="single">
    <item android:id="@+id/group_1_box_1"/>
    <item android:id="@+id/group_1_box_2"/>
</group>

<group
    android:id="@+id/menuGroup_2"           <!-- And here -->
    android:checkableBehavior="single">
    <item android:id="@+id/group_2_box_1"/>
    <item android:id="@+id/group_2_box_2"/>
</group>

Answer 2

Using:

compile 'com.android.support:appcompat-v7:23.1.0'
compile 'com.android.support:design:23.1.0'