如何在工具栏中显示图标而不是文本

Question

我正在尝试使用以下菜单在工具栏中显示一些图标，但在输出中 而不是图标，只显示文本。如何显示图标而不是文本

菜单.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
android:id="@+id/toEditName"
android:title="@string/buttonEditName"
app:showAsAction="ifRoom"
tools:icon="@drawable/ic_edit_name" />
<item
android:id="@+id/toHistory"
android:title="@string/buttonHistory"
app:showAsAction="ifRoom"
tools:icon="@drawable/ic_history" />
</menu>

预览图像

实际输出图像

Answer 1

你必须使用android:icon属性而不是tools:icon试试这个

<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
android:id="@+id/toEditName"
android:title="@string/buttonEditName"
app:showAsAction="ifRoom"
android:icon="@drawable/ic_edit_name" />
<item
android:id="@+id/toHistory"
android:title="@string/buttonHistory"
app:showAsAction="ifRoom"
android:icon="@drawable/ic_history" />
</menu>

Answer 2

您的图标不会显示，因为您正在使用 tools 属性，当您在 android 工作室工作时，该属性会显示图标。如果运行应用，则不会显示图标。

<?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">
<item
android:id="@+id/toEditName"
android:icon="@drawable/ic_edit_name"
android:title="@string/buttonEditName"
app:showAsAction="ifRoom" />
<item
android:id="@+id/toHistory"
android:icon="@drawable/ic_history"
android:title="@string/buttonHistory"
app:showAsAction="ifRoom" />
</menu>

我希望它有所帮助。

Answer 3

有点晚了，但工具属性通常用于在Android Studio xml预览中显示某些内容。这就是为什么您的图标不显示的原因。

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

<item
android:id="@+id/multi_select_reply"
android:title="@string/reply"
android:icon="@drawable/ic_reply_svg"   <--- change tools:icon to android:icon
android:iconTint="@color/colorWhite"
app:showAsAction="ifRoom"/>
</menu>

希望对您有所帮助！