android - 如何更改导航 View 项目的文本大小？

Question

谷歌 recently released android.support.design.widget.NavigationView 小部件作为 com.android.support:design:22.2.0 库的一部分，大大简化(和标准化)了创建 NavigationDrawer 的过程。

但是根据 design specs ，列表项应为 Roboto Medium, 14sp, 87% #000000。 NavigationView 没有公开 textSize 或 textStyle 来自定义它。

如果我对使用 Google 提供的 NavigationView(或以任何其他方式对其进行自定义)维护正确的设计规范有什么选择？

Answer 1

在文件 app/src/main/res/values/styles.xml 中创建新样式

<style name="NavigationDrawerStyle">

        <item name="android:textSize">20sp</item><!-- text size in menu-->

        <!-- item size in menu-->
        <item name="android:listPreferredItemHeightSmall">40dp</item>
        <item name="listPreferredItemHeightSmall">40dp</item>

        <!-- item padding left in menu-->
        <item name="android:listPreferredItemPaddingLeft">8dp</item>
        <item name="listPreferredItemPaddingLeft">8dp</item>

        <!-- item padding right in menu-->
        <item name="android:listPreferredItemPaddingRight">8dp</item>
        <item name="listPreferredItemPaddingRight">8dp</item>
    </style>

将其添加到您的 main_layout.xml

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


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

导航项的所有参数(您可以更改)都位于此处(文件路径...\sdk\extras\android\support\design\res\layout\design_navigation_item.xml)

design_navigation_item.xml

<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:drawablePadding="@dimen/navigation_icon_padding"
    android:gravity="center_vertical|start"
    android:maxLines="1"
    android:fontFamily="sans-serif-thin"
    android:textSize="22sp"
    android:textAppearance="?attr/textAppearanceListItem" />

您也可以覆盖 *.xml文件(从 ...\sdk\extras\android\support\design\res\layout\design_navigation_item.xml 复制文件)，就在您的 app/src/main/res/layout 中文件夹创建一个命名相同的布局design_navigation_item.xml .

所有可以被覆盖的布局都在这里...\sdk\extras\android\support\design\res\layout\

design_layout_snackbar.xml
design_layout_snackbar_include.xml
design_layout_tab_icon.xml
design_layout_tab_text.xml
design_navigation_item.xml
design_navigation_item_header.xml
design_navigation_item_separator.xml
design_navigation_item_subheader.xml
design_navigation_menu.xml

[更新] com.android.support:design-{version} 的每个版本lib 有不同的项目要覆盖。检查您需要的所有内容

[2020 年 4 月 14 日更新]

如果您使用的是 com.google.android.material.navigation.NavigationView然后打开类，你会看到:

public NavigationView(@NonNull Context context, @Nullable AttributeSet attrs) {
    this(context, attrs, R.attr.navigationViewStyle);
  }

所以你可以使用 attr navigationViewStyle通过应用的主题为 NavigationView 设置自己的样式:

注意:AppTheme 的父主题应该是 Theme.MaterialComponents

    <style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar.Bridge">
   ...
<item name="navigationViewStyle">@style/AppNavigationViewStyle</item>
   ...
    </style>

<style name="AppNavigationViewStyle" parent="Widget.MaterialComponents.NavigationView">
        <item name="itemTextAppearance">@style/AppNavigationViewItemTextAppearance</item>
   </style>
<style name="AppNavigationViewItemTextAppearance" parent="@style/TextAppearance.MaterialComponents.Subtitle2">
         <item name="android:textSize">18sp</item>
   </style>

只需打开父主题即可查看全部<item name覆盖属性