android - FAB，里面有用户的个人资料，Android 中没有任何填充

Question

我正在尝试在我的一个 FAB 中添加用户的个人资料图片。我尝试了一种厚颜无耻的方式，给晶圆厂一个负填充，但它不起作用。仍然有填充。我如何删除该填充并填充 FAB？

这是我的工厂:

<android.support.design.widget.FloatingActionButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|start"
            android:src="@drawable/testpropic"
            android:padding="-50dp"
            android:elevation="0dp"
            android:id="@+id/profileFAB"
            android:stateListAnimator="@null"
            app:pressedTranslationZ="12dp"
            android:visibility="gone"
            />

This is what I am getting :

Answer 1

有两种方法可以达到你想要的效果:

1. 只需覆盖 Android 支持的原始尺寸通过添加库:

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

   到您的 dimens.xml，这将自动覆盖 design_fab_image_size由图书馆设置(可能不适用于第三方图书馆)，如 How to remove auto padding of FAB button in android? 中所述

注意:本例中的 48dp 是 float 操作按钮的宽度。

1. 使用 ImageView 和 Circle Transformation，使用 Picasso 库而不是 FloatingActionButton。您将失去简单的 Fab 功能和动画，但可以更灵活地正确设置图像。当您在按下按钮时为 FAB 设置动画(即显示所有四个 float 操作按钮，用具有相同尺寸和属性的 ImageView 替换它，很容易在您的 XML 中更改为)<

类的一个例子是:

public class CircleTransform implements Transformation {
    @Override
    public Bitmap transform(Bitmap source) {
        int size = Math.min(source.getWidth(), source.getHeight());

        int x = (source.getWidth() - size) / 2;
        int y = (source.getHeight() - size) / 2;

        Bitmap squaredBitmap = Bitmap.createBitmap(source, x, y, size, size);
        if (squaredBitmap != source) {
            source.recycle();
        }

        Bitmap bitmap = Bitmap.createBitmap(size, size, source.getConfig());

        Canvas canvas = new Canvas(bitmap);
        Paint paint = new Paint();
        BitmapShader shader = new BitmapShader(squaredBitmap,
                BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP);
        paint.setShader(shader);
        paint.setAntiAlias(true);

        float r = size / 2f;
        canvas.drawCircle(r, r, r, paint);

        squaredBitmap.recycle();
        return bitmap;
    }

    @Override
    public String key() {
        return "Circle";
    }
}

将这种技术与 Picasso 一起使用的示例是:

Picasso.with(context).load(imageUri).transform(new CircleTransform()).into(imageView);

注意:.load() 可以接受字符串 URL 或资源 ID

更新:如果您想要圆 FloatingActionButton 内的圆图像，请使用这两种技术，但改用您的 FloatingActionButton。转换图像，然后使用 Picasso 将其设置为您的 FloatingActionButton。