如何实现“BottomNavigationView”但在文本旁边使用图标而不是堆叠？

Question

我正在开发一个应用程序，并且在我的“activity_main.xml”布局中实现了一个 BottomNavigationView，但是在看到Material.io的指导方针之后，我注意到文本旁边有一个带有图标的图像，而不是堆叠在一起。

我想知道是否可以像这样实现我的底部导航。

我尝试访问 BottomNavigationMenuView，但我仍在学习 Java 类。

这是我的 activity_main.xml 布局代码

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

<androidx.constraintlayout.widget.ConstraintLayout 

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"

android:id="@+id/tab_layout"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity">

<com.errorerrorerror.espledwifi.CurvedBottomNavigationView

    android:id="@+id/customBottomBar"

    android:layout_width="match_parent"

    android:layout_height="120dp"

    android:theme="@style/Widget.BottomNavigationView"

    app:itemBackground="@drawable/image_icon_font_bottom_view"

    app:itemIconTint="@color/color_font_icon_bottom_nav"

    app:itemTextColor="@color/color_font_icon_bottom_nav"

    app:labelVisibilityMode="selected"

    app:layout_constraintBottom_toBottomOf="parent"

    app:menu="@menu/bottom_nav_menu" />

</androidx.constraintlayout.widget.ConstraintLayout>

这是我在 MainActivity.java 中的代码。我为我的 BottomNavigation 创建了一个自定义类。

package com.errorerrorerror.espledwifi;

import android.graphics.Color;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import android.util.DisplayMetrics;

import android.util.TypedValue;

import android.view.Menu;

import android.view.View;

import android.view.ViewGroup;

import android.view.ViewOutlineProvider;

import com.errorerrorerror.espledwifi.R;

import 

com.google.android.material.bottomnavigation.BottomNavigationMenuView;

Answer 1

我发现这个库实现了水平字体和图标，它很棒。这是链接。