Question

我正在开发一个应用程序，我使用新设计支持库的导航视图控制器来进行抽屉菜单。一切都很好。我使用app:menu属性设置了导航视图的项目。项目完美展示。现在我为这些项目添加了app:actionLayout，它也会被添加，但问题是它会在视图的右侧显示。

我的活动XML

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        app:popupTheme="@style/AppTheme.PopupOverlay">

        <afour.com.uniapp.customwidgets.CustomTextView
            android:id="@+id/text_toolbarTitle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:gravity="start"
            android:text="@string/app_name"
            android:textColor="@android:color/white"
            android:textSize="20sp"
            app:FontName="@string/type_face_splash" />
    </android.support.v7.widget.Toolbar>


    <FrameLayout
        android:id="@+id/frame_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/toolbar" />

        </RelativeLayout>

<android.support.design.widget.NavigationView
    android:id="@+id/navigation_view"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:background="@android:color/holo_green_dark"
    android:paddingTop="20dp"
    app:headerLayout="@layout/navigation_header_layout"
    app:paddingStart="0dp"
    app:itemBackground="@android:color/holo_green_light"
    app:itemTextColor="@android:color/white"
    app:menu="@menu/main_menu" />

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

我的菜单文件

<?xml version="1.0" encoding="utf-8"?>

<item
    android:id="@+id/nav_about"
    android:title="@string/aboutus"
    app:showAsAction="never" />

<item
    android:id="@+id/nav_logout"
    app:actionLayout="@layout/logout_item_layout"
    app:showAsAction="collapseActionView" />

</menu>

我的动作布局文件

<?xml version="1.0" encoding="utf-8"?>

<ImageButton
    android:layout_width="60dp"
    android:layout_height="60dp"
    android:layout_marginLeft="10dp"
    android:layout_marginStart="10dp"
    android:background="@android:color/transparent"
    android:contentDescription="@string/aboutus"
    android:padding="05dp"
    android:src="@android:drawable/ic_menu_help" />

<afour.com.uniapp.customwidgets.CustomTextView
    android:id="@+id/text_logout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="20dp"
    android:layout_marginStart="20dp"
    android:gravity="start"
    android:text="@string/logout"
    android:textColor="@android:color/white"
    android:textSize="20sp"
    app:FontName="@string/type_face_regular" />

</LinearLayout>

问题的PFA

Answer 1

在您的操作布局xml文件中，您可以修复问题，添加到根视图（在您的情况下为LinearLayout）以下属性：

<LinearLayout
   ...
   android:layout_gravity="start">

但请注意文档中有关actionLayout的内容：

机器人：actionLayout：布局资源。用作动作视图的布局。 https://developer.android.com/guide/topics/resources/menu-resource.html

还有一个actionView：

操作视图是一种在其中提供丰富功能的操作应用栏。例如，搜索操作视图允许用户键入他们在应用栏中的搜索文本，无需更改活动或碎片。 https://developer.android.com/training/appbar/action-views.html

所以，这可能不是在MenuItem中显示自定义视图的最佳方式。

查看代码，为什么不将图标和文本添加到item元素？

<item
    android:id="@+id/nav_logout"
    android:icon="@android:drawable/ic_menu_help"
    android:text="@string/logout" />

但是如果你确实需要它，显示自定义视图的正确方法是使用ViewHolder模式实现ListView。

Answer 2

在您的代码中，我看到您在带有 actionLayout 的项目中没有标题，但现在 Android 需要它。我将它设置为 @null 并修复了设计：

<item
    android:id="@+id/nav_logout"
    title:"@null"
    app:actionLayout="@layout/logout_item_layout"
    app:showAsAction="collapseActionView" />

导航视图项的ActionLayout显示在右侧

2 个答案: