Android用Canvas绘制贝塞尔曲线

2022-10-07,,,,

用canvas画贝塞尔曲线,要画贝塞尔曲线首先了解贝塞尔曲线:

由于用计算机画图大部分时间是操作鼠标来掌握线条的路径,与手绘的感觉和效果有很大的差别。即使是一位精明的画师能轻松绘出各种图形,拿到鼠标想随心所欲的画图也不是一件容易的事。这一点是计算机万万不能代替手工的工作,所以到目前为止人们只能颇感无奈。使用贝塞尔工具画图很大程度上弥补了这一缺憾。

贝塞尔曲线是计算机图形图像造型的基本工具,是图形造型运用得最多的基本线条之一。它通过控制曲线上的四个点(起始点、终止点以及两个相互分 离的中间点)来创造、编辑图形。其中起重要作用的是位于曲线中央的控制线。这条线是虚拟的,中间与贝塞尔曲线交叉,两端是控制端点。移动两端的端点时贝塞 尔曲线改变曲线的曲率(弯曲的程度);移动中间点(也就是移动虚拟的控制线)时,贝塞尔曲线在起始点和终止点锁定的情况下做均匀移动。注意,贝塞尔曲线上 的所有控制点、节点均可编辑。这种“智能化”的矢量线条为艺术家提供了一种理想的图形编辑与创造的工具。

在安卓开发中canvas提供了画贝塞尔曲线的方法,在canvas中的quadto方法只能画3次的贝塞尔曲线,不过还提供了rquadto方法实现了以结束点为原点的续接。用这个做一个滚动的波浪线,如果把这个波浪线截取一块可以做成类似加速球的东西

/**
 * created by administrator on 2015/9/17.
 */
public class mypathview extends view {
private int height;
private int width;
private path path;//路径
private paint mpaint;
private paint mpaintpoint;
private int count;
private handler handler = new handler() {
@override
public void handlemessage(message msg) {
super.handlemessage(msg);
switch (msg.what) {
case 0x23://这应该写一个static final的变量
count++;
if (count < 80) {//形成循环,因为波浪线是两段40所以一个周期80
                        setcount(count);
handler.sendemptymessagedelayed(0x23, 20);
                    } else {
count = 0;
handler.sendemptymessagedelayed(0x23, 20);
                    }
break;
            }

        }
    };

public void setcount(int count) {
this.count = count;
        invalidate();
    }

public mypathview(context context) {
super(context);
    }

public mypathview(context context, attributeset attrs) {
super(context, attrs);
path = new path();
mpaint = new paint();
mpaintpoint = new paint();
mpaintpoint.setstrokewidth(10);
mpaintpoint.setcolor(color.yellow);
mpaint.setantialias(true);
mpaint.settextsize(50);
mpaint.setstyle(paint.style.stroke);
handler.sendemptymessage(0x23);//
    }

@override
protected void onmeasure(int widthmeasurespec, int heightmeasurespec) {
super.onmeasure(widthmeasurespec, heightmeasurespec);
width = getdefaultsize(getsuggestedminimumwidth(), widthmeasurespec);
height = getdefaultsize(getsuggestedminimumheight(), heightmeasurespec);
        setmeasureddimension(width, height);
    }

@override
protected void ondraw(canvas canvas) {
super.ondraw(canvas);

path.reset();
path.moveto(count, 100);
for (int i = 0; i < 10; i++) {
path.rquadto(20, 10, 40, 0);//以(count=0,100)为原点开始画,控制点、结束点
path.rquadto(20, -10, 40, 0);//以(40,0)为原点开始画,形成一个类似余弦的波浪周期
        }
        canvas.drawpath(path, mpaint);
使用quadto绘制曲线
//      path.moveto(100, 100);
//        path.quadto(100, 400, 300, 300);//控制点终点
//        canvas.drawpoint(100,100,mpaintpoint);//起点
//        canvas.drawpoint(100,400,mpaintpoint);//控制点
//        canvas.drawpoint(300,300,mpaintpoint);//终点
}
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

《Android用Canvas绘制贝塞尔曲线.doc》

下载本文的Word格式文档,以方便收藏与打印。