Android делает перекрывающуюся кнопку FloatingActionBottomNavigation

Question

Я хотел бы создать этот макет в своем проекте:

, так как многие Google AFIAK - это какая-то библиотека, которая может спроектировать это на Android, но яя не могу найти его, я делаю этот снимок экрана с сайта материалов Android.Кто-нибудь может помочь мне спроектировать это?заранее спасибо

Answer 1

Внизу страницы дизайна материала есть ссылка на то, как вы можете реализовать это на Android, Flutter, iOS и т. Д.

Что касается Android, вам придетсяиспользуйте виджет BottomAppBar, чтобы достичь того, что вы хотите.Вы также можете прочитать больше об этом в документах .

<android.support.design.widget.CoordinatorLayout
    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">

  <!-- Other components and views -->

  <com.google.android.material.bottomappbar.BottomAppBar
      android:id="@+id/bar"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_gravity="bottom"
      app:navigationIcon="@drawable/ic_menu_24"/>

  <com.google.android.material.floatingactionbutton.FloatingActionButton
      android:id="@+id/fab"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      app:layout_anchor="@id/bar"/>

</android.support.design.widget.CoordinatorLayout>

Взяты с здесь .

Вы можете изменить положение FAB, используяметод setAnchorId(int) со следующими параметрами:

• FAB_ALIGNMENT_MODE_CENTER
• FAB_ALIGNMENT_MODE_END

В качестве альтернативы вы можете установить это в XML с помощью атрибута app:layout_anchor.

PS: Как указано в документации, для изменения фона BottomAppBar используйтеapp:backgroundTint атрибут вместо значения по умолчанию android:background.