带有 Android 设计库的 Square FloatingActionButton [重复]答案

【问题标题】：Square FloatingActionButton with Android Design Library [duplicate]带有 Android 设计库的 Square FloatingActionButton [重复]
【发布时间】：2015-06-08 17:30:01
【问题描述】：

新的 android 设计库提供了android.support.design.widget.FloatingActionButton，以便更轻松地实现浮动操作按钮。

但按钮总是是一个圆圈。

我从公司设计师那里收到了一个方形浮动按钮的概念，但我找不到任何将android.support.design.widget.FloatingActionButton 的背景更改为方形背景的参考。

注意：如果我使用自定义的自定义可绘制对象，则背景仍然有圆圈，如下所示：

<android.support.design.widget.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/button_filter"
    app:layout_anchor="@+id/appbar"
    app:layout_anchorGravity="bottom|right|end" />

我尝试使用简单的Button，但它似乎在折叠时破坏了工具栏大小：

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="5dp"
    android:elevation="10dp"
    android:background="@drawable/button_filter"
    app:layout_anchor="@+id/appbar"
    app:layout_anchorGravity="bottom|right|end" />

是否可以使用FloatingActionButton 与新的 Android 设计库一起使用方形按钮？

【问题讨论】：

标签： android android-design-library

【解决方案1】：

问题是“android:background”，查看下面的模板并注意“app:backgroundTint”，将其用作模板，它应该可以工作：

<android.support.design.widget.FloatingActionButton
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/your_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="@dimen/floating_button_margin_bottom"
        android:layout_marginRight="@dimen/floating_button_margin_right"
        app:elevation="@dimen/floating_button_elevation"
        app:borderWidth="0dp"
        app:rippleColor="@color/your_ripple_color"
        app:backgroundTint="@color/your_bg_color" />

【讨论】：

【解决方案2】：

好的，使用FloatingActionButton中的属性app:borderWidth="0dp"解决了这个问题。

<android.support.design.widget.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/button_filter"
    app:layout_anchor="@+id/appbar"
    app:borderWidth="0dp"
    app:layout_anchorGravity="bottom|right|end" />

【讨论】：