Как настроить представления в панели приложения Material Bottom?

Question

Я настраиваю Material Bottom App Bar в моем приложении, все нормально нормально.Я могу настроить Menu, Fab и некоторые настройки Bottom App Bar в соответствии с документацией.Но моя проблема заключается в том, как я могу настроить представления в макете нижней панели приложения?Ниже мой макет xml.

 <?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout
        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:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    <com.google.android.material.appbar.AppBarLayout
            android:id="@+id/appbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fitsSystemWindows="true">

        <androidx.appcompat.widget.Toolbar
                app:titleTextAppearance="@style/AppToolbarAppearance.Main"
                android:background="@color/colorPrimary"
                android:id="@+id/toolbar"
                app:titleTextColor="@android:color/white"
                app:title="Job Detail"
                app:navigationIcon="@drawable/ic_material_left_white"
                android:layout_width="match_parent"
                app:layout_scrollFlags="scroll|enterAlways"
                android:layout_height="?attr/actionBarSize"
        />

    </com.google.android.material.appbar.AppBarLayout>

    <include layout="@layout/layout_job_detail"
             android:id="@+id/main_layout"
             android:layout_width="match_parent"
             android:layout_height="match_parent"/>

    <com.google.android.material.bottomappbar.BottomAppBar
            tools:backgroundTint="@color/colorPrimary"

            app:fabCradleVerticalOffset="8dp"
            app:fabCradleRoundedCornerRadius="8dp"
            app:fabAlignmentMode="end"
            app:fabCradleMargin="4dp"

            style="@style/bottom_bar"
            android:layout_width="match_parent"
            android:layout_gravity="bottom"
            app:backgroundTint="@color/grey_100"
            app:hideOnScroll="true"
            android:id="@+id/bottomappbar"
            android:layout_height="?attr/actionBarSize"/>

    <com.google.android.material.floatingactionbutton.FloatingActionButton
            app:srcCompat="@drawable/ic_star_solid"
            app:fabSize="normal"
            app:layout_anchor="@id/bottomappbar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
    />

</androidx.coordinatorlayout.widget.CoordinatorLayout> 

Что я действительно хочу сделать, это как на картинке ниже

Я просто хочу сделать, как,Примените кнопку на левой стороне и два меню на правой стороне, в нижней панели приложения.

Answer 1

Попробуйте это

<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="120dp"
    android:layout_gravity="bottom">


    <com.google.android.material.bottomappbar.BottomAppBar
        android:id="@+id/bar"
        android:layout_width="match_parent"
        android:layout_height="58dp"
        android:layout_gravity="bottom"
        android:backgroundTint="@color/colorPrimaryDark">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <TextView
                style="?android:attr/borderlessButtonStyle"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentStart="true"
                android:layout_centerInParent="true"
                android:background="?android:attr/selectableItemBackground"
                android:gravity="center"
                android:text="Apply"
                android:textColor="#FFFFFF" />

            <ImageView
                android:id="@+id/ivOne"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:layout_marginStart="10dp"
                android:layout_marginEnd="10dp"
                android:layout_toStartOf="@id/ivTwo"
                android:contentDescription="@string/app_name"
                android:src="@drawable/ic_drawer" />

            <ImageView
                android:id="@+id/ivTwo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentEnd="true"
                android:layout_centerInParent="true"
                android:layout_marginStart="10dp"
                android:layout_marginEnd="10dp"
                android:contentDescription="@string/app_name"
                android:src="@drawable/ic_favorite" />

        </RelativeLayout>

    </com.google.android.material.bottomappbar.BottomAppBar>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

OUTPUT