web-dev-qa-db-ja.com

新しいNavigationViewにカスタムビューを追加する方法

NavigationView のようなメニュー項目としてスイッチを追加しようとしています

enter image description here

ActionViewClass属性を使用しましたが、タイトルのみを表示しています。

<item
Android:id="@+id/navi_item_create_notifications_sound"
Android:title="Notifications Sounds"
xmlns:app="http://schemas.Android.com/apk/res-auto"
app:actionViewClass="Android.support.v7.widget.SwitchCompat"
app:showAsAction="always" />
androidnavigationviewandroid-navigationview
38
atabouraya

新しいサポートライブラリ23.1

app：actionLayoutまたはMenuItemCompat.setActionView（）を使用して、ナビゲーションビューのアイテムにカスタムビューを使用できます。

enter image description here

SwitchCompatを表示する方法は次のとおりです。

menu_nav.xml

<?xml version="1.0" encoding="utf-8"?>

<group
    Android:id="@+id/first"
    Android:checkableBehavior="single">

    <item
        Android:id="@+id/navi_item_1"
        Android:icon="@drawable/ic_feed_grey_500_24dp"
        Android:title="Feed" />
    <item
        Android:id="@+id/navi_item_2"
        Android:icon="@drawable/ic_explore_grey_500_24dp"
        Android:title="Explore" />
    <item
        Android:id="@+id/navi_item_4"
        Android:icon="@drawable/ic_settings_grey_500_24dp"
        Android:title="Settings" />

</group>
<group
    Android:id="@+id/second"
    Android:checkableBehavior="single">
    <item xmlns:app="http://schemas.Android.com/apk/res-auto"
        Android:id="@+id/navi_item_create_notifications_sound"
        Android:title="Notifications Sounds"
        app:actionLayout="@layout/menu_swich"
        app:showAsAction="always" />

</group>

menu_switch.xml

<?xml version="1.0" encoding="utf-8"?>
<Android.support.v7.widget.SwitchCompat xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:app="http://schemas.Android.com/apk/res-auto"
    Android:layout_width="wrap_content"
    Android:layout_height="match_parent"
    Android:gravity="right|center_vertical"
    app:buttonTint="@color/colorPrimary"
    app:switchPadding="@dimen/spacing_small" />

ビューを取得してイベントを割り当てるには、次を実行する必要があります。

SwitchCompat item = (SwitchCompat) navigationView.getMenu().getItem(3).getActionView();
        item.setOnCheckedChangeListener( new CompoundButton.OnCheckedChangeListener(){
            @Override public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                Logr.v(LOG_TAG, "onCheckedChanged" + isChecked);
            }
        });
65
atabouraya

NavigationViewを使用している簡単なソリューション

<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">

    <LinearLayout
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        Android:layout_gravity="bottom"
        Android:orientation="horizontal">

        <Android.support.v7.widget.SwitchCompat
            Android:id="@+id/mSwitch"
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content"
            Android:layout_margin="10dp"
            Android:text="Night Mode" />

    </LinearLayout>

</Android.support.design.widget.NavigationView>
3
Aks4125

[Update 03-03-2017]答えは時代遅れです。これを参照しないでください。受け入れられた答えを参照してください。

残念ながら現在、NavigationViewはカスタマイズを許可していません...

NavigationView内でカスタマイズされたListViewを取得する必要があります。

<Android.support.design.widget.NavigationView
    Android:id="@+id/navView"
    Android:layout_width="wrap_content"
    Android:layout_height="match_parent"
    Android:layout_gravity="start">

    <ListView
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"/>

</Android.support.design.widget.NavigationView>

TextViewを左側に、SwitchCompactを右側に移動して、このリストビューのセルを作成します。

私はそれがあなたを助けることを願っています...

1
Moinkhan

スイッチを別のレイアウトファイルにラップしてみてください。

メニュー：

<menu xmlns:Android="http://schemas.Android.com/apk/res/Android"
xmlns:app="http://schemas.Android.com/apk/res-auto">
<item
    Android:id="@+id/menu_switch"
    Android:title="Switch Title"
    app:actionLayout="@layout/layout_my_switch"
    app:showAsAction="always" />
</menu>

スイッチ：「layout_my_switch.xml」

<RelativeLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:layout_width="match_parent"
Android:layout_height="match_parent">
<Android.support.v7.widget.SwitchCompat
    Android:id="@+id/my_switch"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content"
    Android:layout_centerHorizontal="true"
    Android:layout_centerVertical="true" />
</RelativeLayout>
1
HeW

ナビゲーションビューコードが使用されている引き出しレイアウトで下記レイアウトを使用しました。

<Android.support.design.widget.NavigationView
        Android:id="@+id/navi_view"
        Android:layout_width="wrap_content"
        Android:layout_height="match_parent"
        Android:layout_gravity="start|top"
        Android:background="@color/navigation_view_bg_color"
        app:theme="@style/NavDrawerTextStyle">

        <LinearLayout
            Android:layout_width="match_parent"
            Android:layout_height="match_parent"
            Android:orientation="vertical">

            <include layout="@layout/drawer_header" />

            <include layout="@layout/navigation_drawer_menu" />
        </LinearLayout>
    </Android.support.design.widget.NavigationView>
0
Anshul Agarwal