如何调整 NavigationView 中图标和标题之间的间距？答案

【问题标题】：How to adjust space between Icon and Title in NavigationView?如何调整 NavigationView 中图标和标题之间的间距？
【发布时间】：2018-07-21 06:42:41
【问题描述】：

如何调整？我正在尝试在我的应用程序中制作导航抽屉，我设法在项目之间添加水平线，但我想调整图标和标题之间的空间。

【问题讨论】：

您可以像这样使用自定义导航stackoverflow.com/a/51094894/7666442
material.io/design/components/navigation-drawer.html#specs
试试app:itemIconPadding

标签： android android-layout navigation-drawer

【解决方案1】：

对于正确的间距：

在dimens.xml 中设置design_navigation_icon_padding 是最惯用的方法。

/values/dimens.xml

<dimen name="design_navigation_icon_padding" tools:override="true">10dp</dimen>

对于左间距：

在styles.xml:

<style name="MyNavigationViewItemStyle" parent="AppTheme">
    <item name="listPreferredItemPaddingLeft">0dp</item>
</style>

在布局中xml:

<android.support.design.widget.NavigationView
    ...
    app:theme="@style/MyNavigationViewItemStyle"/>

【讨论】：

我们可以使用：0dp

【解决方案2】：

最好的方法是在 NavigationDrawer 中使用 RecyclerView。您始终可以自定义 recyclerView 项目（即在不同元素之间提供间隙）。

【讨论】：

【解决方案3】：

另一种实现方式，，像这样使用导航栏

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="end"
        app:headerLayout="@layout/drawer_header"
        android:background="#00fdfdfd"
        app:itemIconTint="@android:color/white"
        app:itemTextColor="@android:color/white">
<LinearLayout
    android:animateLayoutChanges="true"
    android:layout_marginTop="45dp"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:id="@+id/pull_navBar"
        android:layout_width="35dp"
        android:layout_height="match_parent">
        <ImageView
            android:layout_marginTop="105dp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_double_arrow_left"/>
    </LinearLayout>
<LinearLayout
    android:background="@color/grey"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:padding="2dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:weightSum="2">
        <TextView
            android:textColor="@android:color/holo_blue_light"
            android:text="Date"
            android:textSize="16dp"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="wrap_content" />
        <TextView
            android:textColor="@android:color/holo_blue_light"
            android:text="Session Name"
            android:layout_weight="1"
            android:textSize="16dp"
            android:layout_width="0dp"
            android:layout_height="wrap_content" />
    </LinearLayout>
        <android.support.v7.widget.RecyclerView
            android:id="@+id/rec_sessionList"
            android:layout_width="match_parent"
            android:layout_height="fill_parent"/>
</LinearLayout>
</LinearLayout>
    </android.support.design.widget.NavigationView>

您可以在导航中放置任何根布局并获得任何视图

【讨论】：

【解决方案4】：

在 style.xml 中添加这段代码

<style name="NavStyle" parent="Base.TextAppearance.AppCompat">
    <item name="android:textSize">14sp</item>
    <item name="android:textStyle">bold</item>
    <item name="android:textColor">@color/candidate_title</item>
    <item name="android:padding">0dip</item>
</style>

并在 NavigationView 中设置 app:itemIconPadding="@dimen/activity_margin_10dp" app:itemTextAppearance="@style/NavStyle"

【讨论】：

您的意思是在 Drawer.Navigator 参数中？第二部分去哪了？为什么还需要第一部分？
第二部分进入第一部分不是必需的。它仅用于样式......