在工具欄中顯示帶有文本的圖標

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 圖標隆起文本替換菜單中的圖標。 並將保留標題為空。 它的測試技術！