Question

我正在创建一个需要不规则形状按钮的应用程序。我知道我可以使用图像按钮并将不规则形状设置为图像，但无论图像的形状如何，它总是占据屏幕上的矩形区域。是否可以让按钮单独占据图像的确切形状？我是否需要创建自定义控件或布局才能执行此操作，还是有其他有效方法？如果我需要创建自定义布局，那么如何确保我在布局上放置的所有按钮所包含的空间始终是圆形还是椭圆形？

Answer 1

您必须在需要整形的任何视图中覆盖onDraw方法，请参阅此代码以围绕ImageView

public class RoundedImageView extends ImageView {

public RoundedImageView(Context context) {
        super(context);
        init(context, null, 0);
    }

    public RoundedImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs, 0);
    }

    public RoundedImageView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init(context, attrs, defStyle);
    }

    @SuppressLint("DrawAllocation") @Override
    protected void onDraw(Canvas canvas) {

        Drawable drawable = getDrawable();

        if (drawable == null) {
            return;
        }

        if (getWidth() == 0 || getHeight() == 0) {
            return;
        }
        Bitmap b = null;

        int w = getWidth(), h = getHeight();

        if (drawable instanceof BitmapDrawable) {
            b = ((BitmapDrawable) drawable).getBitmap();
            Bitmap bitmap = b.copy(Bitmap.Config.ARGB_8888, true);
            Bitmap roundBitmap = getCroppedBitmap(bitmap, w);
            canvas.drawBitmap(roundBitmap, 0, 0, null);

        }

        if (drawable instanceof LayerDrawable) {
            b = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);
            ((LayerDrawable) drawable).setBounds(0, 0, w, h);
            ((LayerDrawable) drawable).draw( new Canvas(b));

        }

    }

    public static Bitmap getCroppedBitmap(Bitmap bmp, int radius) {
        Bitmap sbmp;
        if (bmp.getWidth() != radius || bmp.getHeight() != radius)
            sbmp = Bitmap.createScaledBitmap(bmp, radius, radius, false);
        else
            sbmp = bmp;
        Bitmap output = Bitmap.createBitmap(sbmp.getWidth(), sbmp.getHeight(),
                Config.ARGB_8888);
        Canvas canvas = new Canvas(output);

        final int color = 0xffa19774;
        final Paint paint = new Paint();
        final Rect rect = new Rect(0, 0, sbmp.getWidth(), sbmp.getHeight());

        paint.setAntiAlias(true);
        paint.setFilterBitmap(true);
        paint.setDither(true);
        canvas.drawARGB(0, 0, 0, 0);
        paint.setColor(Color.parseColor("#BAB399"));
        canvas.drawCircle(sbmp.getWidth() / 2 + 0.7f,
                sbmp.getHeight() / 2 + 0.7f, sbmp.getWidth() / 2 + 0.1f, paint);
        paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
        canvas.drawBitmap(sbmp, rect, rect, paint);

        return output;
    }

}

应用程序的UI上的不规则形状的按钮.Android

1 个答案: