Android Studio:浮动操作按钮:提升效果有效,但效果不佳

Android Studio: Floating Action Button: elevation works, but not as it should

我需要版本 >=16 的带阴影(高程)的 Circle ImageView,我决定尝试 FAB。

问题: If fabsize - normal

如果您选择 fabCustomSize(75dp)>fabsize(normal) - 有效,但图像太小: fabcustomsize 75dp

XML:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorBlueLightLight"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:orientation="horizontal">

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/floatingActionButton"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_weight="1"
            android:clickable="true"
            app:backgroundTint="#C4C4C4"
            app:borderWidth="0dp"
            app:elevation="4dp"
            app:fabCustomSize="75dp"
            app:fabSize="normal"
            app:rippleColor="#25FAFAFA"
            app:srcCompat="@drawable/mute_2"
            app:useCompatPadding="false" />
    </LinearLayout>

另外两个按钮代码相同

解决方案 1

此解决方案仅适用于 AndroidX,您可以阅读 迁移到 AndroidX。在你的 fab 中使用 app:maxImageSize="50dp"

解决方案 2

如果您暂时不想使用 AndroidX,请将此维度放入您的 dimens.xml

<dimen name="design_fab_image_size" tools:override="true">70dp</dimen>

更新

如果要设置 app:fabCustomSize,请不要设置 android:layout_widthandroid:layout_height。这样你的fab就不会像正方形了