0

ボトムバーとフローティング ボタンの位置をカスタマイズしようとしていますが、行き詰まっており、その方法がわかりません。

今のところ、下部のバーと fab は次のようになっています。

ここに画像の説明を入力

ファブの中心は下のバーの上部に揃えられていますが、一番上のバーではなく、下部のバーの中央に配置したいと考えています。

以下はコードです：

<androidx.coordinatorlayout.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".ui.activities.HomeActivity">

        <fragment
            android:id="@+id/nav_host_fragment_home"
            android:name="androidx.navigation.fragment.NavHostFragment"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:defaultNavHost="true"
            app:navGraph="@navigation/nav_home_graph" />

        <com.google.android.material.bottomappbar.BottomAppBar
            android:id="@+id/bottomAppBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            app:fabCradleMargin="10dp"
            app:fabCradleRoundedCornerRadius="20dp"
            app:fabCradleVerticalOffset="0dp">

            <com.google.android.material.bottomnavigation.BottomNavigationView
                android:id="@+id/bottom_navigation_bar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginEnd="16dp"
                android:background="@android:color/transparent"
                app:menu="@menu/nav_bottom_bar" />
        </com.google.android.material.bottomappbar.BottomAppBar>

        <com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/floating_action_upload"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:contentDescription="add"
            app:fabSize="mini"
            app:srcCompat="@drawable/ic_nav_upload"
            app:layout_anchor="@id/floating_action_video"
            app:layout_anchorGravity="center"/>

        <com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/floating_action_video"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:contentDescription="add"
            app:fabSize="mini"
            app:srcCompat="@drawable/ic_nav_video"
            app:layout_anchor="@id/floating_action_button"
            app:layout_anchorGravity="center"/>

        <com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/floating_action_button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:contentDescription="add"
            app:srcCompat="@drawable/ic_nav_add"
            app:layout_anchor="@id/bottomAppBar"
            app:layout_anchorGravity="center"/>
    </androidx.coordinatorlayout.widget.CoordinatorLayout>

また、それをクリックすると、次のようなメニューが開きます。

ここに画像の説明を入力

「+」ボタンに接続されているように見えるカメラアイコンとlibアイコンを背景に設定したいと思います。したがって、3 つのボタンは同じ背景を共有します。すべてを含む一種のレイアウト

何か案が ？

4

0 に答える 0