Android的六边形图片

最新推荐文章于 2021-06-03 13:03:38 发布

原创最新推荐文章于 2021-06-03 13:03:38 发布

· 1.5k 阅读

0 ·

版权

android 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种在Android中绘制六边形图片的方法，通过自定义View并利用Path和Canvas来实现六边形裁剪效果，同时展示了具体的实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

六边形图片

类似圆形的图片，原理和圆形图片的差不多，这里关键怎么画六边形
废话不说直接上代码哈

public class CustomerView extends View {
    private Paint sidePaint,srcPaint;
    private float sideWidth = 10;//边框的宽度
    private int sideColor = Color.WHITE;
    private int radius = 130;//六边形的半径
    private int width;
    private int height;
    private PorterDuffXfermode mPorterDuffXfermode;

    public CustomerView(Context context) {
        this(context,null);
    }

    public CustomerView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs,0);
    }

    public CustomerView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initPaint();
    }

    private void initPaint() {
        sidePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        sidePaint.setStyle(Paint.Style.STROKE);
        sidePaint.setStrokeWidth(sideWidth);
        sidePaint.setColor(sideColor);
        srcPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPorterDuffXfermode = new PorterDuffXfermode(PorterDuff.Mode.SRC_IN);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        width = getMeasuredWidth();//控件宽度
        height = getMeasuredHeight();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Bitmap bgBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
        Canvas bgCanvas = new Canvas(bgBitmap);

        Bitmap bgSrc = BitmapFactory.decodeResource(getResources(), R.mipmap.logo);//本地图片
        drawPicture(bgCanvas,srcPaint);

        srcPaint.setXfermode(mPorterDuffXfermode);
        bgCanvas.drawBitmap(bgSrc, null, new RectF(0,0,width,height), srcPaint);
        canvas.drawBitmap(bgBitmap,0,0,null);
        srcPaint.setXfermode(null);

        drawPicture(canvas,sidePaint);
    }
    //画六边形
    private void drawPicture(Canvas bgCanvas,Paint paint) {
        float left = (float) ((width - Math.sqrt(3) * radius) / 2.0);
        float top = (float) ((height - 2 * radius) / 2.0);
        Path localPath = new Path();
        localPath.moveTo((float) (left + Math.sqrt(3) * radius /2.0),top);
        localPath.lineTo(left, top + radius / 2);
        localPath.lineTo(left, top + 1.5f * radius);
        localPath.lineTo((float) (left + Math.sqrt(3) * radius / 2.0f), top + 2 * radius);
        localPath.lineTo((float) (left + Math.sqrt(3) * radius), top + 1.5f * radius);
        localPath.lineTo((float) (left + Math.sqrt(3) * radius), top + radius / 2.0f);
        localPath.lineTo((float) (left + Math.sqrt(3) * radius /2.0),top);
        localPath.close();
        bgCanvas.drawPath(localPath, paint);
    }
}

是不是很简单呢？