web-dev-qa-db-ja.com

NavigationViewでセパレータの色を変更するにはどうすればよいですか?

NavigationViewを使用してNavigationDrawerを実装しようとしています。メニューでグループIDを設定することでセパレータを追加しました。ただし、セパレータが表示されません。セパレータの色が背景と同じだからだと思います。そこで、セパレータの色を変更したいと思います。しかし、それを変更する方法はありません。誰も私を助けることができますか?

スクリーンショットでは、HistorySettingsの間に区切りの余地があるようですが、表示されません。

enter image description here

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<Android.support.v4.widget.DrawerLayout
    xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:tools="http://schemas.Android.com/tools"
    xmlns:app="http://schemas.Android.com/apk/res-auto"
    Android:id="@+id/drawer_layout"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:orientation="vertical"
    Android:fitsSystemWindows="true"
    tools:context=".ui.MapActivity">

    <LinearLayout
        Android:id="@+id/main_content"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        Android:orientation="vertical">

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

        <!--main content-->
    </LinearLayout>

    <Android.support.design.widget.NavigationView
        Android:layout_width="wrap_content"
        Android:layout_height="match_parent"
        Android:layout_gravity="start"
        Android:background="@color/navdrawer_background"
        app:insetForeground="#4000"
        app:itemTextColor="@color/navdrawer_item_text_color"
        app:itemIconTint="@color/navdrawer_item_icon_tint"
        app:headerLayout="@layout/drawer_header"
        app:menu="@menu/drawer"/>
</Android.support.v4.widget.DrawerLayout>

draw.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:Android="http://schemas.Android.com/apk/res/Android">
    <group Android:id="@+id/group_feature"
        Android:checkableBehavior="single">
        <item Android:id="@+id/navdrawer_item_map"
            Android:checked="true"
            Android:icon="@drawable/ic_drawer_map"
            Android:title="@string/navdrawer_item_map"/>
        <item Android:id="@+id/navdrawer_item_favourite"
            Android:icon="@drawable/ic_drawer_fav"
            Android:title="@string/navdrawer_item_fav"/>
        <item Android:id="@+id/navdrawer_item_history"
            Android:icon="@drawable/ic_drawer_history"
            Android:title="@string/navdrawer_item_history"/>
    </group>
    <group Android:id="@+id/group_settings"
        Android:checkableBehavior="single">
        <item Android:id="@+id/navdrawer_item_settings"
            Android:icon="@drawable/ic_drawer_settings"
            Android:title="@string/navdrawer_item_settings"/>
        <item Android:id="@+id/navdrawer_item_help"
            Android:icon="@drawable/ic_drawer_help"
            Android:title="@string/navdrawer_item_help"/>
        <item Android:id="@+id/navdrawer_item_about"
            Android:icon="@drawable/ic_drawer_about"
            Android:title="@string/navdrawer_item_about"/>
    </group>
</menu>
38
PageNotFound

style.xmlに次の行を適用するだけです

<item name="Android:listDivider">your_color</item>

以下は単にあなたの知識のための情報です...あなたがデザインサポートライブラリを見たなら..彼らはNavigationView sepratorのために次のレイアウトを使用しています。

<FrameLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
             Android:layout_width="match_parent"
             Android:layout_height="wrap_content">

    <View Android:layout_width="match_parent"
          Android:layout_height="1dp"
          Android:background="?android:attr/listDivider"/>

</FrameLayout>

ここでは、Android:background = "?android:attr/listDivider"を見ることができます。 enter image description here

93
Moinkhan

ビューとしてメニューを使用する場合の最良かつ簡単な方法は次のとおりです

<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"
    Android:theme="@style/ThemeToolbar.NavigationView"
    app:itemTextColor="@color/white"
    app:itemIconTint="@color/white"
    app:headerLayout="@layout/activity_home_nav_header"
    app:menu="@menu/activity_home_drawer" />

ThemeToolbar.NavigatinoView

 <style name="ThemeToolbar.NavigationView" >
    <item name="Android:listDivider">@color/white</item>
    <item name="Android:textColorSecondary">@color/white</item>
</style>

enter image description here

33
turbandroid

Styles.xmlでスタイルを作成します。 Android:listDividerに好みの色を入力します

<style name="NavigationView"  parent="Base.Theme.AppCompat">
    <item name="Android:listDivider">@color/text_lightgray</item>
</style>

ナビゲーションビューのテーマとしてスタイルを参照します。

   <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="false"
    Android:theme="@style/NavigationView"
    app:headerLayout="@layout/nav_header"
    app:menu="@menu/drawer_view"
    app:itemTextColor="@color/text_white"/>

最後に、メニュー内のグループが一意のIDを持っていることを確認してください。グループにid属性がない場合、これは機能しません!

<group Android:checkableBehavior="single"
    Android:id="@+id/group1">
    <item
        Android:id="@+id/item1"
        Android:title="@string/item1" />
</group>
<group Android:checkableBehavior="single"
    Android:id="@+id/group2">

    <item
        Android:id="@+id/item2"
        Android:title="@string/item2" />

</group>
5
mabc21

完璧な答え:

enter image description here

<Android.support.design.widget.NavigationView
    Android:id="@+id/activity_principal_nav_view"
    Android:layout_width="@dimen/size_230"
    Android:layout_height="match_parent"
    Android:layout_gravity="start"
    Android:background="@color/black"
    Android:fitsSystemWindows="true"
    app:insetForeground="@color/white"
    app:menu="@menu/settings_menu"
    app:itemTextColor="@color/white"
    app:itemIconTint="@color/white"
    app:headerLayout="@layout/settings_menu_header"
    Android:theme="@style/NavigationDrawerStyle"/>
0
George Freire

yasあなたはセパレータとして空白のヘッダーを追加する必要があります。

のような

<group Android:id="@+id/my_id">
    <!-- Divider will appear above this item -->
    <item ... />
</group>

元の回答

0
RBK
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="Android:textColorPrimary">@color/menu_text_color</item>
    <item name="Android:textColorSecondary">@color/menu_text_color</item>
</style>

textColorPrimaryは、ヘッダーの色を変更します。

0
Alp Altunel