NavigationView：如何使用app:actionLayout自定义项目布局？

Question

根据最近Ian Lake的发布，如果您还没有关注NavigationView，那么请注意，在版本23.1.0 [1]中，它得到了相当大的更新，并增加了app:actionLayout支持自定义视图。如何在NavigationView中使用app:actionLayout？请参考以下方法：

<group android:checkableBehavior="single">
    <item
        android:id="@+id/navigation_drawer_item_1"
        android:icon="@drawable/ic_menu_1"
        android:title="@string/navigation_drawer_item_1"
        app:actionLayout="@layout/menu_test_1"
        />
    <item
        android:id="@+id/navigation_drawer_item_2"
        android:icon="@drawable/ic_menu_2"
        android:title="@string/navigation_drawer_item_2"
        app:actionLayout="@layout/menu_test_1"
        />
</group>

使用

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

它不起作用了。 它在项目的右侧显示actionLayout。 同时删除android:icon和android:title似乎也没有效果。

我应该如何修复它呢？

谢谢 祝好

- Rino

---

你得到解决方案了吗？我也在尝试自定义操作布局中的菜单项，但似乎不起作用。 - Nitin Mesta

很遗憾，我还没有解决方案...我认为我们应该将自定义回收视图放在NavigationView中... - Rino

缺少 app:showAsAction="always" 属性？ - jiawen

我已经尝试过了，但它不起作用。 - Rino

Answer 1

我通过删除android:title中的任何文本来解决了这个问题。

NavigationView：

<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" />

菜单代码（activity_main_drawer）：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <group android:checkableBehavior="single">
        <item android:id="@+id/nav_item1"
            app:showAsAction="always"
            android:title=""
            app:actionLayout="@layout/menu_item_layout" />
    </group>
</menu>

菜单项布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView android:id="@+id/item_text"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center_vertical"
        android:text="Item text" />
</RelativeLayout>

- Alexandr Shutko

---

在Java中如何更改计数器的文本，在oncreate中使用.setText()无法更改。 - Codelaby

请参考以下链接更新计数器 https://dev59.com/9VoU5IYBdhLWcg3wTVke#37613942 - Zar E Ahmer

@Webserveis - 希望这可以帮助 - https://stablekernel.com/using-custom-views-as-menu-items/ - pravingaikwad07

Answer 2

试试这个

<group
        android:id="@+id/group2"
        android:checkableBehavior="none">
        <item
            android:id="@+id/nav_build_info"
            android:icon="@null"
            android:title="@null"
            app:actionLayout="@layout/layout"
            app:showAsAction="always" />
    </group>

同时将 actionLayout 的布局设置为 android:layout_width="wrap_content"

- Avinash Tilekar