【问题标题】:Toolbar menu item text gets chopped off工具栏菜单项文本被截断
【发布时间】:2017-01-13 05:25:52
【问题描述】:

我有一个工具栏,里面有几个菜单项。一些菜单项显示清晰,但很少有被砍掉。已尝试支持:清单中的任何密度,但它也不起作用。我没有以编程方式应用任何填充。这是我的工具栏当前 在横向模式下的屏幕截图。工具栏的左侧看起来不错,但右侧的文本和图像似乎有一些填充。

这是肖像模式的截图。

我的工具栏布局文件是,

<android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

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

菜单项文件是,

<menu 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">
    <item
        android:id="@+id/action_search"
        android:title="Search"
        android:icon="@drawable/search"
        app:actionViewClass="android.support.v7.widget.SearchView"
        app:showAsAction="ifRoom"/>
    <item
        android:id="@+id/waiter_name"
        android:title="Waiter Name"
        app:showAsAction="ifRoom"/>

    <item
        android:id="@+id/refresh_table"
        android:title="Refresh Table"
        android:visible="false"
        android:icon="@android:drawable/ic_menu_rotate"/>
    <item
        android:id="@+id/refresh_product"
        android:title="Refresh Menu"
        android:visible="false"
        android:icon="@android:drawable/ic_menu_rotate"/>
    <item
        android:id="@+id/action_change_password"
        android:onClick="changePassword"
        android:title="Change Password"/>

    <item
        android:id="@+id/action_change_passcode"
        android:title="Change Passcode"
        android:onClick="changePasscode"/>
    <item
        android:id="@+id/action_select_printer"
        android:title="Select Printer"/>
    <item
        android:id="@+id/action_settings"
        android:title="Settings"
        android:icon="@android:drawable/ic_menu_preferences"/>
    <item
        android:id="@+id/action_update"
        android:title="Check for updates"
        android:visible="false"
        android:icon="@android:drawable/ic_menu_preferences"/>

    <item android:id="@+id/about_us"
        android:icon="@android:drawable/ic_dialog_info"
        android:onClick="aboutUs"
        android:title="About Us"/>
</menu>

我浏览过 stackoverflow 中的一些帖子,但没有一个对我有帮助。

提前致谢,

【问题讨论】:

    标签: android menuitem android-toolbar


    【解决方案1】:

    将 showAsAction 添加到所有项目,并指定何时显示图标,例如“ifRoom”或“always”

    【讨论】:

      【解决方案2】:

      如果房间是一个选项,由于空间可用性问题,它有时可能不会显示。始终使用,以便您可以强制项目显示在工具栏上。

         <item
                      android:id="@+id/action_search"
                      android:title="Search"
                      android:icon="@drawable/search"
                      app:actionViewClass="android.support.v7.widget.SearchView"
                      app:showAsAction="always"/>
                  <item
                      android:id="@+id/waiter_name"
                      android:title="Waiter Name"
                      app:showAsAction="always"/>
      

      【讨论】:

      • 感谢您的建议。但我已经尝试过了,它对我没有帮助
      【解决方案3】:
      ?attr/actionBarSize is 46 dp.
      

      但新工具栏的默认高度是 56dp。因此,将您的工具栏高度更新为 56dp。

      指标

      默认工具栏高度:

      • 移动横向:48dp
      • 手机纵向:56dp
      • 平板电脑/台式机:64dp

      More here.

      【讨论】:

      • 我已经尝试过使用 70dp 的硬编码尺寸。甚至更多.. 工具栏的大小似乎没有问题。
      【解决方案4】:

      检查您的图标大小和图标填充。

      工具栏图标大小为 48dp

      视口 24dp

      可点击区域48dp

      【讨论】:

      • 我使用的是 24dp 图标。
      猜你喜欢
      • 1970-01-01
      • 2018-01-28
      • 1970-01-01
      • 1970-01-01
      • 2017-09-02
      • 2015-06-17
      • 1970-01-01
      • 2016-07-13
      • 1970-01-01
      相关资源
      最近更新 更多