如何自定义浮动操作按钮形状? [英] How do I customize a Floating Action Button shape?

问题描述

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

I am trying to create a custom FAB with a custom shape. I have tried setting the android: background along with the shapeAppearanceOverlay and shapeAppearance property and still no luck.

        <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>

我的结果

我想要的

推荐答案

您可以使用具有自定义形状外观的 ExtendedFloatingActionButton.
类似的东西:

You can use the ExtendedFloatingActionButton with a custom shape appearance.
Something like:

<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>

这篇关于如何自定义浮动操作按钮形状?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！