在工具栏中显示带有文本的图标

Question

如何在 Android 的底部导航中显示图标和文本。 非常感谢！

单击此处查看图像

Answer 1

这看起来像一个CardView包装一BottomNavigationView 。

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

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:cardCornerRadius="24dp"
        android:layout_gravity="bottom"
        android:layout_margin="16dp">

        <android.support.design.widget.BottomNavigationView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:menu="@menu/menu_main"/>

    </android.support.v7.widget.CardView>

</FrameLayout>

<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/lorem"
        android:icon="@drawable/ic_archive"
        android:title="Lorem"/>

    <item
        android:id="@+id/ipsum"
        android:icon="@drawable/ic_archive"
        android:title="Ipsum"/>

    <item
        android:id="@+id/dolor"
        android:icon="@drawable/ic_archive"
        android:title="Dolor"/>

</menu>

Answer 2

您可以用您自己的 png 图标隆起文本替换菜单中的图标。 并将保留标题为空。 它的测试技术！