Android Design Navigation Drawer - 如何在导航 xml 中添加开关？

Question

我正在使用新的 Android 设计导航抽屉。我想在抽屉里加一个开关。有没有办法实现这个？

这是菜单xml：

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group
        android:id="@+id/nav_view_menu_group_1"
        android:checkableBehavior="single">
        <item
            android:id="@+id/nav_view_menu_item_myschedule"
            android:icon="@drawable/ic_navview_my_schedule"
            android:title="@string/navview_menu_item_myschedule"
            android:titleCondensed="@string/navview_menu_item_myschedule" />
        <item
            android:id="@+id/nav_view_menu_item_iolive"
            android:icon="@drawable/ic_navview_play_circle_fill"
            android:title="@string/navview_menu_item_iolive"
            android:titleCondensed="@string/navview_menu_item_iolive"
            android:visible="false"/>
        <item
            android:id="@+id/nav_view_menu_item_explore"
            android:icon="@drawable/ic_navview_explore"
            android:title="@string/navview_menu_item_explore"
            android:titleCondensed="@string/navview_menu_item_explore" />
        <item
            android:id="@+id/nav_view_menu_item_map"
            android:icon="@drawable/ic_navview_map"
            android:title="@string/navview_menu_item_map"
            android:titleCondensed="@string/navview_menu_item_map"
            android:visible="false"/>
    </group>

</menu>

如何将<item> 更改为开关：

<Switch
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Switch"
        android:id="@+id/switch1"
        android:layout_gravity="center_horizontal" />

我目前使用的是默认布局：

<android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:menu="@menu/activity_main_drawer" />

就像Android通知下的这张图片http://i.stack.imgur.com/M9nD7.png

我非常感谢任何反馈。谢谢。

Answer 1

如果你只想检查开关的变化，你可以像这样只为开关设置onCheckedChangeListener

((Switch) navigationView.getMenu().findItem(R.id.darkModeSwitch).getActionView())
            .setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
            if(isChecked) {
                Toast.makeText(MainActivity.this, "Checked", Toast.LENGTH_SHORT).show();
            } else {
                Toast.makeText(MainActivity.this, "Unchecked", Toast.LENGTH_SHORT).show();
            }
        }
    });

如果你想变酷，请使用 lambda

((Switch) navigationView.getMenu().findItem(R.id.darkModeSwitch).getActionView())
            .setOnCheckedChangeListener((buttonView, isChecked) -> {
                if(isChecked) {
                    Toast.makeText(MainActivity.this, "Checked", Toast.LENGTH_SHORT).show();
                } else {
                    Toast.makeText(MainActivity.this, "Unchecked", Toast.LENGTH_SHORT).show();
                }
            });

Answer 2

我发现这样做的一种方法是在您想要的 menuItem 上使用 setActionView：

    mNavigationView.getMenu().findItem(R.id.nav_connect)
            .setActionView(new Switch(this));

    // To set whether switch is on/off use:
    ((Switch) mNavigationView.getMenu().findItem(R.id.nav_connect).getActionView()).setChecked(true);

可能还需要一个点击监听器来更改 Switch 的状态：

    mNavigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
        @Override
        public boolean onNavigationItemSelected(MenuItem menuItem) {

            switch (menuItem.getItemId()) {
                case R.id.nav_connect:
                    ((Switch) menuItem.getActionView()).toggle();
                    return true;
            }
        }
    }

我没有尝试过，但您可能可以在 xml 中使用 android:actionLayout="@layout/switch_layout" 并指向您创建的自定义布局。

也可以尝试使用ActionProvider，这可能会提供更多的稳健性。不过这个方法我也没试过。

Answer 3

我们可以通过以下方式做到这一点

@Override
public boolean onPrepareOptionsMenu(Menu menu) {

    //Get a reference to your item by id
    MenuItem item = menu.findItem(R.id.menu_pick_color);

    //Here, you get access to the view of your item, in this case, the layout of the item has a FrameLayout as root view but you can change it to whatever you use
    FrameLayout rootView = (FrameLayout)item.getActionView();

    //Then you access to your control by finding it in the rootView
    YourControlClass control = (YourControlClass) rootView.findViewById(R.id.control_id);

    //And from here you can do whatever you want with your control

    return true;
}