如何自定义FloatingActionButton的大小

问题描述 投票:11回答:4

FloatingActionButton默认有两种尺寸(普通和迷你)。我需要另一个(比正常大)。

来自xml的app:fabSize参数在private int mSize;类中成为FloatingActionButton变量。实际大小将由此函数确定:

final int getSizeDimension() {
    switch(this.mSize) {
    case 0:
    default:
        return this.getResources().getDimensionPixelSize(dimen.fab_size_normal);
    case 1:
        return this.getResources().getDimensionPixelSize(dimen.fab_size_mini);
    }
}

因为它被宣布为最终我无法扩展它。有任何想法吗?可能我可以在我的应用程序中重新定义dimen.fab_size_mini资源吗?

android android-resources android-design-library
4个回答
12
投票

因为我没有使用mini尺寸的FAB,所以我重新定义了这个尺寸。

dimens.xml:

<resources>
    <dimen name="design_fab_size_mini">100dp</dimen>
</resources>

layout.xml(第一个FAB将大于第二个):

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/addPhoto"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        app:fabSize="mini"
        android:layout_marginBottom="@dimen/fab_margin_bottom"
        android:layout_marginRight="@dimen/fab_margin_right"
        android:src="@drawable/ic_photo_camera_white_24dp"

        />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/addPicture"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:layout_alignParentBottom="true"
        android:layout_toLeftOf="@id/addPhoto"
        android:layout_marginBottom="@dimen/fab_margin_bottom"
        android:layout_marginRight="0dp"
        android:src="@drawable/ic_photo_white_24dp"
        />

6
投票

您可以通过这种方式定义自定义FloatingActionButton

public class CustomSizeFloatingActionButton extends FloatingActionButton {

    public CustomSizeFloatingActionButton(Context context) {
        super(context);
    }

    public CustomSizeFloatingActionButton(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomSizeFloatingActionButton(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int width = getMeasuredWidth();
        int height = getMeasuredHeight();
        setMeasuredDimension((int) (width * 1.5f), (int) (height * 1.5f));
    }

}

而不是1.5f你可以定义设置你的乘数。 这样,您无需重新定义可能影响应用程序其他部分的资源。


5
投票

从支持库27.1.0开始,有一个attribute

只需设置app:fabCustomSize


0
投票

您可以通过以下方式设置自定义尺寸

**根据自己设置高度或宽度match_parent和另一个**

<android.support.design.widget.FloatingActionButton
    android:id="@+id/addPhoto"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    />
© www.soinside.com 2019 - 2024. All rights reserved.