Android：创建更大图标的更大浮动操作按钮

Question

我想创建一个更大的浮动操作按钮（FAB），比通常的56 dp更多，里面有一个更大的图标。（出于我的目的，图标永远不会是不言自明的，所以我将创建一个包含短文本的png文件，并将此png用作图标。

增加晶圆厂的大小效果很好：＜br＞因为我不使用迷你浮动操作按钮，所以我重新定义了迷你按钮的大小
在我的布局xml中，我指定：

<android.support.design.widget.FloatingActionButton
    ...
    app:fabSize="mini"
    ....

并且在尺寸上。xml i重新定义了小型晶圆厂的大小：

<dimen name="fab_size_mini">80dp</dimen>

然而，我没有设法在FAB上获得更大的图标。我尝试了来自材质图标库的不同dp的图标——没有成功。在FAB布局上设置填充也不起作用。

有什么建议吗？谢谢！

Answer 1

用于更改晶圆厂尺寸的使用

app:fabCustomSize="70dp"

以及图标大小

app:maxImageSize="50dp"

例

        <com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/button_start"
            style="@style/Widget.MaterialComponents.FloatingActionButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:backgroundTint="@android:color/holo_blue_bright"
            app:fabCustomSize="70dp"
            app:layout_anchor="@id/bottom_app_bar"
            app:rippleColor="@android:color/holo_blue_dark"
            app:srcCompat="@drawable/ic_play"
            app:layout_anchorGravity="center|top"
            android:focusable="true"
            app:maxImageSize="40dp"
            app:tint="@color/white_overlay_1"
            />

Answer 2

我偶然发现了这一点，然后通过反复试验找到了答案。如果将 layout：width 和 layout：height 都设置为match_parent并将浮动操作按钮包装在 FrameLayout 中，则似乎可以增加浮动操作按钮的大小（不一定是，但这样做是有意义的，因为您只想设置按钮的大小）。

然后将“框架布局”的宽度和高度设置为所需的任何宽度和高度。

我赞成Grace Coder的答案，因为它肯定解决了这个问题，但我认为这种方法更安全，可能更可取。

<FrameLayout
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_below="@+id/chronometer"
    android:layout_centerHorizontal="true">

    <android.support.design.widget.FloatingActionButton
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/chronometer"
        android:layout_centerHorizontal="true"
        android:layout_gravity="bottom"
        android:clickable="true"
        android:src="@android:drawable/ic_btn_speak_now"
        android:id="@+id/record_fab" />
</FrameLayout>

您可以在我拍摄的屏幕截图中看到差异：

顶部FAB使用我的代码/解决方法，而底部FAB使用标准（大部分不可更改）尺寸。

Answer 3

您可以尝试在＜code＞dimensions.xml＜code＞中重新定义晶圆厂图像大小的最大大小：

<resources xmlns:tools="http://schemas.android.com/tools">
    <dimen name="design_fab_size_mini" tools:override="true">80dp</dimen>
    <dimen name="design_fab_content_size" tools:override="true">48dp</dimen>
</resources>

必须确保您覆盖了设计库中的原始资源。如果这对您不起作用，请尝试design_fab_image_size而不是design_fab_content_size。

小心使用，因为这是一个黑客而不是实际的解决方案。如果在未来的设计库版本中更改了资源的名称，解决方案可能不起作用。我的意见是坚持设计库中定义的大小，因为它是基于材质设计的推荐设计指南，它使您的整个应用程序看起来很好。