在浮动操作按钮中仅显示图标

Question

我只想在 FloatingActionButton 中显示我的可绘制图标（至少 14 API 级别和更高级别）。我尝试使用 src、背景、更改背景色调、边框宽度等各种东西，但没有任何帮助。即使改变我的drawable的大小也不会改变它的显示大小。它很小，被按钮背景包围。我希望它更大而且没有背景。

附言。不想用 ImageView 做这件事并失去 FloatingActionButton 提供的所有功能。

 <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="20dp"
        android:layout_marginRight="20dp"
        android:layout_marginBottom="20dp"
        android:src="@drawable/ic_add_circle"
        app:borderWidth="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintRight_toRightOf="parent" />

Answer 1

试试这个：

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/faBtn"

    android:layout_width="wrap_content"
    android:layout_height="wrap_content"

    android:layout_marginEnd="20dp"
    android:layout_marginRight="20dp"
    android:layout_marginBottom="20dp"

    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintRight_toRightOf="parent"


    android:src="@drawable/ic_add_circle"

    app:fabCustomSize="@dimen/fabSize"
    app:fabSize="normal"
    app:maxImageSize="@dimen/fabImageSize"

    android:background="@null"
    android:backgroundTint="@null"

    app:backgroundTint="@null"
    app:elevation="0dp"
    android:elevation="0dp"
/>

为了使工厂不投射阴影，您需要将高度设为 0；没找到其他办法。

祝你有美好的一天。

Answer 2

只需使用类似的东西：

  <com.google.android.material.floatingactionbutton.FloatingActionButton
      android:id="@+id/fab_test"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"

      app:srcCompat="@drawable/baseline_search_24"
      app:tint="@color/selector_button"
      app:backgroundTint="@android:color/transparent"
      app:elevation="0dp"
      app:maxImageSize="@dimen/design_fab_size_mini"
      app:pressedTranslationZ="0dp"
      ../>

• app:srcCompat 添加图标（而不是 android:src）
• app:backgroundTint 为您的背景定义透明颜色
• app:elevation="0dp" 删除海拔
• app:pressedTranslationZ="0dp" 按下时删除 FAB 的 TranslationZ
• app:maxImageSize 定义图标的最大尺寸。您可以使用自定义值或标准值，如 design_fab_size_mini = 40dp 或 design_fab_size_normal= 56dp
• app:tint：定义图标的颜色。您可以使用选择器来处理按下状态。

类似：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:color="@color/mycolor" android:state_enabled="true" android:state_pressed="true"/>
  <item android:color="@color/myPrimaryColor" android:state_enabled="true"/>
  <item android:alpha="0.12" android:color="?attr/colorOnSurface"/>
</selector>

正常和按下状态结果：