Нижняя панель навигации - кнопка действия прямоугольника

Question

Использование google.android.material:

1. Возможно ли сделать кнопку действия прямоугольной?
2. Можно ли переместить ее немного выше / ниже?

Я говорю о кнопке среднего круга.

Answer 1

Вы можете использовать атрибут app:shapeAppearanceOverlay, чтобы получить квадратную кнопку, и атрибут app:fabCradleVerticalOffset, чтобы изменить расстояние FAB до BottomAppBar.

Что-то вроде:

  <com.google.android.material.bottomappbar.BottomAppBar
         app:fabCradleVerticalOffset="16dp"
         app:fabCradleRoundedCornerRadius="0dp"
         app:fabCradleMargin="0dp"
          ..>


      <com.google.android.material.floatingactionbutton.FloatingActionButton
          app:shapeAppearanceOverlay="@style/SquareFloatingShapeOVerlay"
          ../>

с:

  <style name="SquareFloatingShapeOVerlay" parent="">
    <item name="cornerSize">0dp</item>
  </style>

Если вы хотите прямоугольник angular форма, которую вы можете использовать ExtendedFloatingActionButton вместо FloatingActionButton.

Что-то вроде:

  <com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
      app:layout_anchor="@id/bottom_app_bar"
      app:shapeAppearanceOverlay="@style/ShapeAppearanceOverlayExtended"
      ../>

с:

  <style name="ShapeAppearanceOverlayExtended" parent="">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSize">0dp</item>
  </style>

Примечание: требуется версия 1.1.0 библиотеки компонентов материала.

Answer 2

Чтобы изменить форму кнопки плавающего действия, вы можете создать отдельный файл ресурсов в папке для рисования, например: shape.xml as-

<?xml version="1.0" encoding="utf-8"?>
<shape 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:shape="rectangle">

<solid android:color="@color/colorAccent" />

, а затем в Плавающая кнопка действия добавляет следующее свойство:

 android:background="@drawable/shape"

Кроме того, вы можете использовать маржу, чтобы переместить ее выше.

Answer 3

Используйте атрибут elevation для FAB

<android.support.design.widget.BottomNavigationView
        android:id="@+id/bottomNavigationView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:background="?android:attr/windowBackground"
        app:menu="@menu/nav_items" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/floatingActionButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|center_horizontal"
        android:layout_marginBottom="40dp"
        android:clickable="true"
        app:elevation="8dp"
        app:srcCompat="@android:drawable/ic_input_add" />

Answer 4

Попробуйте: если вы используете FloatingActionButton

app:borderWidth="0dp"

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_add"
    android:layout_marginRight="20dp"
    app:fabSize="normal"
    android:elevation="@dimen/fab_elevation"
    android:background="#000000"
    app:borderWidth="0dp"
    android:stateListAnimator="@animator/fab_anim"
    android:layout_gravity="center_horizontal"
    android:layout_alignParentBottom="true"
    android:layout_alignParentEnd="true" />

Надеюсь, это поможет!