导航抽屉菜单项目标题Android中的颜色

时间:2016-07-06 04:46:08

标签: android colors navigation-drawer menuitem

我在设置Color的{​​{1}}中更改菜单项标题Navigation Drawer时遇到问题,但它只更改itemTextColor项目Color菜单。

这是我的 的 activity_main.xml中

Title

activity_main_drawer.xml

<?xml version="1.0" encoding="utf-8"?>
<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:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer"
        app:itemTextColor="#ffffff"
        android:background="#283135"
        />


</android.support.v4.widget.DrawerLayout>

检查一下: This is the one i am talking about

6 个答案:

答案 0 :(得分:28)

提供Menutitle colortextSize以此方式创建..

将其添加到您的styles.xml文件中。

 <style name="TextAppearance44">
        <item name="android:textColor">#FF0000</item>
        <item name="android:textSize">20sp</item>
 </style>

现在在activity_main_drawer.xml文件中将id attribute提交给title ..

<item android:title="Tools"
       android:id="@+id/tools">
        <menu>
            <item
                android:id="@+id/nav_settings"
                android:icon="@mipmap/settings"
                android:title="Settings" />
            <item
                android:id="@+id/nav_help"
                android:icon="@mipmap/information"
                android:title="Help" />
            <item
                android:id="@+id/nav_about"
                android:icon="@mipmap/team"
                android:title="About Us" />
        </menu>
    </item>

现在在MainActivity.java文件中使用这种方式..

 NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);

        Menu menu = navigationView.getMenu();

        MenuItem tools= menu.findItem(R.id.tools);
        SpannableString s = new SpannableString(tools.getTitle());
        s.setSpan(new TextAppearanceSpan(this, R.style.TextAppearance44), 0, s.length(), 0);
        tools.setTitle(s);
        navigationView.setNavigationItemSelectedListener(this);

它会将您的tools color更改为RedTextSize更改为20sp ..实施它..

在我的案例中输出:

enter image description here

答案 1 :(得分:13)

您还可以在styles.xml中定义新样式:

<style name="NavigationView">
    <item name="android:textColorSecondary">@color/white</item>
</style>

然后在NavigationView的主题中应用此样式:

<android.support.design.widget.NavigationView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:theme="@style/NavigationView" />

答案 2 :(得分:1)

对于可能偶然发现此问题且找不到像我这样的工作答案的任何人,请在您的<item name="android:textColorSecondary">@color/white</item>AppTheme styles.xml文件中添加AppTheme.NoActionBar,如下所示:

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>

        <item name="android:textColorSecondary">@color/white</item>
    </style>

    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>

        <item name="android:textColorSecondary">@color/white</item>
    </style>
...
</resources>

这应该产生这样的内容:

navigation drawer custom styling

注意:通过在app:itemTextColor="@color/white"内添加NavigationView,使项目文本“共享”或“发送”变为白色。完整的NavigationView代码:

<com.google.android.material.navigation.NavigationView
            android:id="@+id/nav_view"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:fitsSystemWindows="true"
            app:itemTextColor="@color/white"
            android:background="#283135"
            app:headerLayout="@layout/nav_header_main"
            app:menu="@menu/activity_main_drawer"/>

答案 3 :(得分:0)

<style name="AppTheme.NavigationView">
    <item name="android:textColorSecondary">@color/colorPrimaryDark</item>
    <item name="android:textSize">20sp</item>
</style>

如果您也想更改标题大小,请设置textSize

答案 4 :(得分:0)

只需在导航视图标签中添加app:itemTextColor="@color/accent属性,如下所示。

<com.google.android.material.navigation.NavigationView
    android:id="@+id/nav_view"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:backgroundTint="@color/primary"
    android:layout_gravity="start"
    android:fitsSystemWindows="true"
    app:headerLayout="@layout/nav_header_main"
    app:menu="@menu/activity_main_drawer"
    app:itemTextColor="@color/accent"/>

答案 5 :(得分:0)

NavigationView中包含Material Components Library的情况下,您可以使用 app:itemTextColor 定义颜色或选择器,如果需要,可以使用app:itemTextAppearance要自定义使用的TextAppearance。

 <com.google.android.material.navigation.NavigationView    
      app:itemTextColor="@color/colorPrimaryDark"
      app:itemTextAppearance="@style/...."
      ...>

对于颜色,您可以使用类似以下的选择器:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:color="?attr/colorPrimary" android:state_checked="true"/>
  <item android:alpha="0.38" android:color="?attr/colorOnSurface" android:state_enabled="false"/>
  <item android:color="?attr/colorOnSurface"/>
</selector>

enter image description here