Android用Canvas绘制贝塞尔曲线
用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如何实现一个DocumentProvider示例详解
这篇文章主要为大家介绍了Android如何实现一个DocumentProvider示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2022-12-12Android利用RecyclerView实现列表倒计时效果
这篇文章主要为大家详细介绍了Android利用RecyclerView实现列表倒计时效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2019-09-09
最新评论