0

我正在为我的 android studio 项目使用 Material Design io 网站的底部应用栏。但是，我的底部应用程序栏中的图标无法正确和均匀地排列。看起来是这样的（如图），请指教。

我使用 bottomAppBar.replacemenu 将图标加载到应用栏

    private void initialiseComponents(){
    myBottomAppBar.replaceMenu(R.menu.mainmenu);
}

我的 mailmenu.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/main_book"
        android:icon="@drawable/home_48"
        android:enabled="true"
        android:title="@string/home"
        app:showAsAction="always"/>

    <item
        android:id="@+id/main_board"
        android:icon="@drawable/board_48"
        android:enabled="true"
        app:showAsAction="always"
        android:title="@string/board"
        />

    <item
        android:id="@+id/main_feeds"
        android:icon="@drawable/feed_48"
        android:enabled="true"
        app:showAsAction="always"
        android:title="@string/feeds" />

    <item
        android:id="@+id/main_settings"
        android:icon="@drawable/settings_48"
        android:enabled="true"
        app:showAsAction="always"
        android:title="@string/settings" />
</menu>

底部应用栏：

    <android.support.design.bottomappbar.BottomAppBar
        android:id="@+id/bottomBar"
        style="@style/Widget.MaterialComponents.BottomAppBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:backgroundTint="@color/colorPrimary"
        app:elevation="5dp"
        app:menu="@menu/mainmenu"
        app:fabAlignmentMode="center"
        android:elevation="5dp"
        >
    </android.support.design.bottomappbar.BottomAppBar>

图片

4

0 回答 0