简单的自定义绘画

最新推荐文章于 2025-07-06 13:54:09 发布

原创最新推荐文章于 2025-07-06 13:54:09 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

本文分享了自定义绘画视图的实践经验，包括创建自定义View类、重写onDraw方法绘制圆形和阴影，以及使用画笔和Canvas绘制线条构成正方形的方法。强调了画笔资源管理和图形风格设置的重要性。

今天进行了一简单的自定义绘画，换了一个简单的圆。

首先创建一个项目，自定义绘画的新创建一个类，然后再activity中引用。
新创建的类集成View，创建是哪个够高方法，少一个都不行。
重写onDraw方法。注意画笔不要再在onDraw中实例化，因为画笔会很消耗资源。onDraw方法执行频繁，内存会被消耗很快。建议画笔单独声明，在构造方法中实例化，构造方法只执行一次
绘画阴影时，图形风格应该是填充状态，实际上绘画阴影时很少去用阴影的api，一般都会直接画两个图形达到阴影的效果，绘画两个图形时画笔可以调用reset()方法，这样就不需要实例化两个画笔了，既快捷又方便。

public class  DrawView extends View {
    private Paint paint2;
    public DrawView(Context context) {
        super(context);
    }

    public DrawView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public DrawView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        paint2 = new Paint();

    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        paint2.setAntiAlias(false);
        paint2.setColor(Color.YELLOW);
        paint2.setStrokeWidth(2);
        paint2.setStyle(Paint.Style.FILL_AND_STROKE);
        canvas.drawCircle(100,100,90,paint2);
        paint2.reset();

        paint2.setAntiAlias(true);
        paint2.setColor(Color.RED);
        paint2.setStrokeWidth(2);
        paint2.setStyle(Paint.Style.FILL_AND_STROKE);
        setLayerType(LAYER_TYPE_SOFTWARE, null);
        canvas.drawCircle(90,90,90,paint2);


    }

以上就是今天获取的教训~

自定义线条画

继续自定义绘画的学习
今天学习画线的操作，使用线条画一个正方形。
首先使用rect获取/设置左上和有右下的坐标点，然后根据坐标点可以drawLine。canvas本身也有画正方形的方法。我使用这个方法绘画正方形，我觉得这样话可以定义正方形的一些样式，会使得正方形会好看点。在MainActivity实例化DrawView ，将DrawView addView（）布局中。

public class  DrawView extends View {
    private Paint paint2;
    private Rect rect;
    public DrawView(Context context) {
        super(context);
    }

    public DrawView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public DrawView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        paint2 = new Paint();
        rect = new Rect(100,100,200,200);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        paint2.setColor(Color.RED);
        paint2.setStrokeWidth(2);
        canvas.drawLine(rect.left,rect.top,rect.left+100,rect.top,paint2);
        canvas.drawLine(rect.left,rect.top,rect.left,rect.top+100,paint2);
        canvas.drawLine(rect.left,rect.bottom,rect.left+100,rect.bottom,paint2);
        canvas.drawLine(rect.right,rect.top,rect.right,rect.top+100,paint2);
    }
}