一种心形点赞效果的绘制方法技术

技术编号:18139510 阅读:66 留言:0更新日期:2018-06-06 12:30
本发明专利技术涉及一种心形点赞效果的绘制方法,包括如下步骤:设定一个基于View的图形类,用于绘制视图;在基于View的图形类中,初始化画笔Paint,用于绘制贝塞尔曲线;设置视图的基本属性,所述基本属性包括颜色,大小,边框宽度;将心形分解为左上左下右上右下四条贝塞尔曲线,四条贝塞尔曲线首尾依次相连构成心形图案;初始化四条贝塞尔曲线的数据点和控制点;根据数据点和控制点利用贝塞尔曲线公式绘制出心形效果。本发明专利技术,在点赞时,提供心形点赞动画效果,心形图案生成准确,可根据设定调整,系统消耗小,用户体验好。

【技术实现步骤摘要】
一种心形点赞效果的绘制方法
本专利技术涉及Android中图形绘制
,具体说是一种心形点赞效果的绘制方法。
技术介绍
在Android中的图形绘制中,使用贝塞尔曲线可以绘制复杂形状图形,贝塞尔曲线(Béziercurve),又称贝兹曲线或贝济埃曲线,是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线,贝塞尔曲线由线段与节点组成,节点是可拖动的支点,线段像可伸缩的皮筋。贝塞尔曲线有一阶曲线,二阶曲线到多阶曲线。其中在Android基本图形绘制中,最常用的是二阶曲线和三阶曲线。比如手机QQ中的未读消息粘性拖拽效果就是用贝塞尔曲线来实现。贝塞尔曲线原理说明:先介绍两个基本概念数据点与控制点,数据点用来曲线的起始和结束位置,控制点确定曲线的弯曲程度。以二阶来阐述原理,如图1所示,点A,C称为数据点,B称为控制点。在线段AB上取点D,BC上取点E,使得AD/AB=BE/BC,连接DE,在DE上选取点F,使得AD/AB=BE/BC=DF/DE。找出所有满足条件的点F,连接起来就形成了一条二阶贝塞尔曲线,三阶到高阶原理相同。
技术实现思路
针对现有技术中存在的缺陷,本专利技术的目的在于提供一种心形点赞效果的绘制方法,在点赞时,提供心形点赞动画效果,心形图案生成准确,可根据设定调整,系统消耗小,用户体验好。为达到以上目的,本专利技术采取的技术方案是:一种心形点赞效果的绘制方法,其特征在于,包括如下步骤:设定一个基于View的图形类,用于绘制视图;在基于View的图形类中,初始化画笔Paint,用于绘制贝塞尔曲线;设置视图的基本属性,所述基本属性包括颜色,大小,边框宽度;将心形分解为左上左下右上右下四条贝塞尔曲线,四条贝塞尔曲线首尾依次相连构成心形图案;初始化四条贝塞尔曲线的数据点和控制点;根据数据点和控制点利用贝塞尔曲线公式绘制出心形效果。在上述技术方案的基础上,所述数据点共4个,分别对应四条贝塞尔曲线的起始和结束位置,所述控制点共8个,每条贝塞尔曲线各2个,用于控制对应的贝塞尔曲线的弯曲程度。在上述技术方案的基础上,四条贝塞尔曲线从起始位置开始,同时向结束位置绘制,首尾依次相连,形成心形图案。在上述技术方案的基础上,绘制视图完毕后,进一步在视图中添加点赞动画效果。在上述技术方案的基础上,基于Path类封装的三阶贝塞尔曲线绘制四条贝塞尔曲线。本专利技术所述的心形点赞效果的绘制方法,在点赞时,提供心形点赞动画效果,心形图案生成准确,可根据设定调整,系统消耗小,用户体验好。附图说明本专利技术有如下附图:图1贝塞尔曲线原理示意图。图2四条贝塞尔曲线构成心形示意图。图3本专利技术的流程图。具体实施方式以下结合附图对本专利技术作进一步详细说明。如图2、3所示,本专利技术所述的心形点赞效果的绘制方法,包括如下步骤:设定一个基于View的图形类,用于绘制视图;在基于View的图形类中,初始化画笔Paint,用于绘制贝塞尔曲线;设置视图的基本属性,所述基本属性包括颜色,大小,边框宽度;将心形分解为左上左下右上右下四条贝塞尔曲线,四条贝塞尔曲线首尾依次相连构成心形图案;初始化四条贝塞尔曲线的数据点和控制点;根据数据点和控制点利用贝塞尔曲线公式绘制出心形效果。在上述技术方案的基础上,所述数据点共4个,分别对应四条贝塞尔曲线的起始和结束位置,所述控制点共8个,每条贝塞尔曲线各2个,用于控制对应的贝塞尔曲线的弯曲程度。即:采用四条三阶贝塞尔曲线,组成心形图案。在上述技术方案的基础上,四条贝塞尔曲线从起始位置开始,同时向结束位置绘制,首尾依次相连,形成心形图案。在上述技术方案的基础上,数据点基于预设参考点计算实际坐标位置,所述参考点默认为视图中心点。在上述技术方案的基础上,绘制视图完毕后,进一步在视图中添加点赞动画效果。所述动画效果默认为缩放动画效果,模拟心跳动的效果。动画中实时更新缩放比例并重绘图形,实现心跳点赞效果。在上述技术方案的基础上,基于Path类封装的三阶贝塞尔曲线绘制四条贝塞尔曲线。本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。本文档来自技高网...
一种心形点赞效果的绘制方法

【技术保护点】
一种心形点赞效果的绘制方法,其特征在于,包括如下步骤:设定一个基于View的图形类,用于绘制视图;在基于View的图形类中,初始化画笔Paint,用于绘制贝塞尔曲线;设置视图的基本属性,所述基本属性包括颜色,大小,边框宽度;将心形分解为左上左下右上右下四条贝塞尔曲线,四条贝塞尔曲线首尾依次相连构成心形图案;初始化四条贝塞尔曲线的数据点和控制点;根据数据点和控制点利用贝塞尔曲线公式绘制出心形效果。

【技术特征摘要】
1.一种心形点赞效果的绘制方法,其特征在于,包括如下步骤:设定一个基于View的图形类,用于绘制视图;在基于View的图形类中,初始化画笔Paint,用于绘制贝塞尔曲线;设置视图的基本属性,所述基本属性包括颜色,大小,边框宽度;将心形分解为左上左下右上右下四条贝塞尔曲线,四条贝塞尔曲线首尾依次相连构成心形图案;初始化四条贝塞尔曲线的数据点和控制点;根据数据点和控制点利用贝塞尔曲线公式绘制出心形效果。2.如权利要求1所述的心形点赞效果的绘制方法,其特征在于:所述数据点共4...

【专利技术属性】
技术研发人员:董晋瑞
申请(专利权)人:北京酷我科技有限公司
类型:发明
国别省市:北京,11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1