文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android怎么用Canvas绘制贝塞尔曲线

2023-07-02 14:00

关注

这篇文章主要介绍了Android怎么用Canvas绘制贝塞尔曲线的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Android怎么用Canvas绘制贝塞尔曲线文章都会有所收获,下面我们一起来看看吧。

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

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

Android怎么用Canvas绘制贝塞尔曲线

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

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

Android怎么用Canvas绘制贝塞尔曲线

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() {@Overridepublic 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);//    }@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);width = getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec);height = getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec);        setMeasuredDimension(width, height);    }@Overrideprotected 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绘制贝塞尔曲线”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“Android怎么用Canvas绘制贝塞尔曲线”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯