Android用Canvas绘制贝塞尔曲线

作者:360度旋转的猫 时间:2022-11-22 00:23:11 

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

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

Android用Canvas绘制贝塞尔曲线

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

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

Android用Canvas绘制贝塞尔曲线

/**
 * 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);//终点
}
}

来源:https://blog.csdn.net/litao660044/article/details/48554417

标签:Android,Canvas,贝塞尔曲线
0
投稿

猜你喜欢

  • c#用for语句输出一个三角形的方法

    2023-12-17 05:46:53
  • C#编程自学之数据类型和变量一

    2023-07-30 02:45:49
  • C#后台接受前台JSON字符串装换成字典集合处理

    2023-07-03 02:38:55
  • IDEA全量替换一次性解决旧项目并将所有文件换行符改为LF问题

    2022-09-17 18:44:32
  • winform调用javascript的小例子

    2022-05-21 21:17:26
  • 详解Android获取系统内核版本的方法与实现代码

    2023-11-25 14:51:59
  • 常用的C语言排序算法(两种)

    2022-12-28 02:28:37
  • Android下使用TCPDUMP实现数据抓包教程

    2021-12-08 07:58:42
  • java编程枚举类型那些事!枚举类型定义和重写枚举的方法

    2021-11-19 18:31:15
  • C#中实现一次执行多条带GO的sql语句实例

    2023-07-12 10:23:53
  • 使用Android studio创建的AIDL编译时找不到自定义类的解决办法

    2023-06-23 10:59:41
  • grails不能运行fork模式解决方法

    2023-05-17 18:37:59
  • 简单了解springboot加载配置文件顺序

    2022-06-19 13:36:29
  • Java System类两个常用方法代码实例

    2023-02-01 13:52:15
  • SpringBoot万字爆肝高级配置

    2022-09-17 06:34:08
  • Android 蓝牙连接 ESC/POS 热敏打印机打印实例(蓝牙连接篇)

    2021-12-02 10:21:18
  • c#中返回文章发表的时间差的示例

    2021-08-18 16:51:26
  • JavaSE中compare、compareTo的区别

    2021-12-28 09:37:47
  • Spring如何消除代码中的if-else/switch-case

    2021-12-12 03:04:47
  • Android build文件的删除的方法

    2022-12-28 12:40:17
  • asp之家 软件编程 m.aspxhome.com