NavigationViewを使用してNavigationDrawerを実装しようとしています。メニューでグループIDを設定することでセパレータを追加しました。ただし、セパレータが表示されません。セパレータの色が背景と同じだからだと思います。そこで、セパレータの色を変更したいと思います。しかし、それを変更する方法はありません。誰も私を助けることができますか?
スクリーンショットでは、History
とSettings
の間に区切りの余地があるようですが、表示されません。
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>
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"を見ることができます。
ビューとしてメニューを使用する場合の最良かつ簡単な方法は次のとおりです
<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>
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>
完璧な答え:
<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"/>
yasあなたはセパレータとして空白のヘッダーを追加する必要があります。
のような
<group Android:id="@+id/my_id">
<!-- Divider will appear above this item -->
<item ... />
</group>
<!-- 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は、ヘッダーの色を変更します。