如何自定义浮动操作按钮形状？

Question

我正在尝试使用自定义形状创建自定义 FAB。 我已经尝试设置android: background以及shapeAppearanceOverlay和shapeAppearance属性，但仍然没有运气。

        <com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/edit_score_fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:shapeAppearance="@drawable/edit_score_fab"
            app:shapeAppearanceOverlay="@drawable/edit_score_fab"
            android:background="@drawable/edit_score_fab"/>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    >
    <size
        android:height="5dp"
        android:width="10dp"/>
    <corners android:bottomLeftRadius="4dp" />
    <solid android:color="@color/color_primary"/>
</shape>

我的结果

我想要的是

Answer 1

您可以使用具有自定义形状外观的ExtendedFloatingActionButton 。
就像是：

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

和：

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

Answer 2

如果你想要一个可扩展的完全可定制的 FAB ：

首先下载我的库Viper Pack并将其安装在您的项目中。

其次，转到您的活动onCreate循环并使用 Lava 类中的Lava.app.addLavaFab(...)方法添加它：

简单的熔岩工厂：

Lava.app.addLavaFab(Context c, int imgres, String text, View.OnClickListener lis)允许您在应用程序中添加一个简单的图像和文本 lava fab，imgres 是来自资源的 fab 图像，而 text 是 fab 文本。

Lava.app.addLavaFab(Context c, int imgres, String text, String gravity, View.OnClickListener lis)让你在你的应用程序中添加一个简单的图像和文本熔岩晶圆厂，重力是晶圆厂的位置，可以是Lava.FabPosition。 LEFT 或 Lava.FabPosition.RIGHT 或 Lava.FabPosition.CENTER，imgres 是来自资源的 fab 图像，而 text 是 fab 文本。

Lava.app.addLavaFab(Context c, Drawable d, String text, View.OnClickListener lis)允许您在应用程序中添加简单的图像和文本 lava fab，d 是作为 drawable 的 fab 图像，text 是 fab 文本。

Lava.app.addLavaFab(Context c, Drawable d, String text, String gravity, View.OnClickListener lis)让你在你的应用程序中添加一个简单的图像和文本熔岩晶圆厂，重力是晶圆厂的位置，它可以是Lava.FabPosition.LEFT或Lava.FabPosition.RIGHT或Lava.FabPosition.CENTER ， d 是可绘制的 fab 图像， text 是 fab 文本。

您可以使用Lava.app.fabtext和Lava.app.fabimage获得简单的 lava fab textview 和 imageview。

定制熔岩工厂：

Lava.app.addLavaFab(Context c, View fixedview, View hiddenview, View.OnClickListener lis)允许你在你的应用程序中添加一个自定义的熔岩晶圆厂，fixedview 是晶圆厂中始终出现的视图，它可以是一个图像，lottie 动画， 任何事物; hiddenview 是只有在用户按下 fab 时才会出现的隐藏视图，它可以是文本或其他任何内容。

Lava.app.addLavaFab(Context c, View fixedview, View hiddenview, String gravity, View.OnClickListener lis)允许你在你的应用中添加一个自定义的熔岩晶圆厂，fixedview 是晶圆厂中始终出现的视图，它可以是一个图像，乐天动画，任何东西； hiddenview 是只有当用户按下 fab 时才会出现的隐藏视图，它可以是文本或其他任何东西，gravity 是 fab 位置，它可以是Lava.FabPosition.LEFT或Lava.FabPosition.RIGHT或Lava.FabPosition.CENTER .

您可以通过Lava.app.fab将熔岩工厂本身作为 LinearLayout Lava.app.fab 。

很容易添加，试一试并分享给其他人:)