将边距设置为导航抽屉的默认分隔线

Question

我尝试将边距设置为默认导航抽屉的“divider”属性。我在 Stackoverflow 形式中发现了许多方法，但没有一个答案是充分的。

我可以在不使用 /menu/activity_main_drawer.xml 的情况下创建自定义抽屉式导航列表。这看起来像我想要的。但我担心应用程序的性能。

我想将 margin 添加到 默认分隔符。有没有办法自定义默认导航抽屉分隔线？

这是我定制的分隔线。一切都很完美。

这是默认导航抽屉的分隔线，我无法提供任何边距。

style.xml

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
    <item name="android:listDivider">@color/colorAccent</item>
...
</style>

divider_layout.xml

<inset xmlns:android="http://schemas.android.com/apk/res/android"
    android:insetLeft="60dp"
    android:insetRight="8dp" >

    <shape>
        <solid android:color="#c0c0c0" />
    </shape>

</inset>

activity_main_drawer.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group android:checkableBehavior="single">
        <item
            android:id="@+id/nav_camera"
            android:icon="@drawable/rakipicon"
            android:title="Import" />
        <item
            android:id="@+id/nav_gallery"
            android:icon="@drawable/ic_menu_gallery"
            android:title="Gallery" />
        <item
            android:id="@+id/nav_slideshow"
            android:icon="@drawable/ic_menu_slideshow"
            android:title="Slideshow" />
        <item
            android:id="@+id/nav_manage"
            android:icon="@drawable/ic_menu_manage"
            android:title="Tools" />
    </group>

    <item android:title="Communicate">
        <menu>
            <item
                android:id="@+id/nav_share"
                android:icon="@drawable/ic_menu_share"
                android:title="Share" />
            <item
                android:id="@+id/nav_send"
                android:icon="@drawable/ic_menu_send"
                android:title="Send" />
        </menu>
    </item>
</menu>

activity_main.xml

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <include
        layout="@layout/app_bar_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <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:divider="@drawable/divider_layout"
        app:menu="@menu/activity_main_drawer" />    
</android.support.v4.widget.DrawerLayout>

Answer 1

我知道这已经有一段时间了，但是对于任何可能偶然发现此问题的人，我遇到了同样的问题并像这样解决了它。 在定义导航视图的地方，您可以只设置水平填充，这将为整个导航视图设置填充。这也适用于分隔线。

    <com.google.android.material.navigation.NavigationView
    android:id="@+id/navigationView"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:paddingHorizontal="24dp">

Answer 2

您可以在资源文件夹中创建一个名为 menu_divider.xml 的可绘制对象：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item
    android:drawable="#c0c0c0"
    android:left="16dp"
    android:right="16dp" />

并设置您的导航视图以使用它：

<style name="ThemeOverlay.App.NavigationView" parent="">
    <item name="android:listDivider">@drawable/menu_divider</item>
</style>

Answer 3

使用这个

<android.support.design.internal.NavigationMenuItemView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="?attr/listPreferredItemHeightSmall"
android:paddingLeft="?attr/listPreferredItemPaddingLeft"
android:paddingRight="?attr/listPreferredItemPaddingRight"
android:foreground="?attr/selectableItemBackground"
android:focusable="true"/>

覆盖 listPreferredItemPaddingLeft 属性

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

<!-- HERE-->
<item name="listPreferredItemPaddingLeft">18dp</item>
</style>

根据需要设置 listPreferredItemPaddingLeft。