Android Canvas绘制七巧板

心血来潮,封装了一个绘制彩色多边形的方法,并用这个方法绘制了一个七巧板(感觉绘制华容道太简单了)


代码如下:

public class CanvasPuzzle extends View {

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

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

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

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

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        Paint p = new Paint();
        p.setAntiAlias(true);

        drawPath(canvas,p,Color.RED, new float[][]{{0,0},{512,0},{256,256}});
        drawPath(canvas,p,Color.YELLOW, new float[][]{{0,0},{256,256},{0,512}});
        drawPath(canvas,p,Color.GREEN, new float[][]{{512,0},{512,256},{384,384},{384,128}});
        drawPath(canvas,p,Color.BLUE, new float[][]{{256,256},{384,128},{384,384}});
        drawPath(canvas,p,Color.BLACK, new float[][]{{128,384},{256,512},{0,512}});
        drawPath(canvas,p,Color.GRAY, new float[][]{{256,256},{384,384},{256,512},{128,384}});
        drawPath(canvas,p,Color.CYAN, new float[][]{{256,512},{512,256},{512,512}});
    }

    /**
     * 绘制彩色多边形
     * @param canvas Canvas画布
     * @param paint Paint画笔
     * @param color 颜色
     * @param points 二维数组表示多边形的顶点
     */
    private void drawPath(Canvas canvas, Paint paint, @ColorInt int color, float[][] points){
        if (paint == null){
            paint = new Paint();
        }else{
            paint.reset();
        }
        Path path = new Path();
        if (points.length < 3){
            return;
        }
        for (int i=0;i<points.length;i++){
            if (i==0){
                path.moveTo(points[i][0],points[i][1]);
            }else{
                path.lineTo(points[i][0],points[i][1]);
            }
        }
        path.close();
        paint.setColor(color);
        canvas.drawPath(path,paint);
    }

}



效果如下


  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
Android中,可以使用Canvas的drawArc()方法来绘制圆弧。首先,需要创建一个Paint对象来设置画笔的属性,比如颜色、宽度等。在绘制圆弧之前,可以调用setAntiAlias()方法取消锯齿,可以使用setStyle()方法来设置画笔的样式,例如填充、描边等。然后,定义一个RectF对象来确定圆弧所在的矩形区域。最后,调用canvas的drawArc()方法来绘制圆弧。 下面是一个示例代码,展示了如何在自定义的View中使用Canvas绘制圆弧: ```java public class CustomProgress extends View { private Paint mPaint; private int mCircleWidth = 3; public CustomProgress(Context context) { this(context, null); } public CustomProgress(Context context, AttributeSet attrs) { this(context, attrs, 0); } public CustomProgress(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); mPaint = new Paint(); } @Override protected void onDraw(Canvas canvas) { mPaint.setAntiAlias(true); mPaint.setStyle(Paint.Style.FILL); mPaint.setStrokeWidth(mCircleWidth); mPaint.setColor(Color.CYAN); float x = (getWidth() - getHeight() / 2) / 2; float y = getHeight() / 4; RectF oval = new RectF(x, y, getWidth() - x, getHeight() - y); canvas.drawArc(oval, 360, 140, true, mPaint); } } ``` 以上代码展示了一个自定义的View类CustomProgress,在onDraw()方法中使用Canvas绘制了一个圆弧。在绘制圆弧之前,先设置了画笔的属性,然后定义了一个矩形区域,最后调用drawArc()方法绘制了圆弧。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Android 画圆弧canvas.drawArc() 详解](https://blog.csdn.net/csdn_aiyang/article/details/71616979)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [Android 绘图基础:Canvas画布——自定义View基础(绘制表盘、矩形、圆形、弧、渐变)](https://blog.csdn.net/YllP_1230/article/details/129321090)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值