CN108122272A - 一种心形点赞效果的绘制方法 - Google Patents

一种心形点赞效果的绘制方法 Download PDF

Info

Publication number
CN108122272A
CN108122272A CN201711409491.5A CN201711409491A CN108122272A CN 108122272 A CN108122272 A CN 108122272A CN 201711409491 A CN201711409491 A CN 201711409491A CN 108122272 A CN108122272 A CN 108122272A
Authority
CN
China
Prior art keywords
heart
bezier
effect
thumbs
view
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201711409491.5A
Other languages
English (en)
Inventor
董晋瑞
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Kuwo Technology Co Ltd
Original Assignee
Beijing Kuwo Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Kuwo Technology Co Ltd filed Critical Beijing Kuwo Technology Co Ltd
Priority to CN201711409491.5A priority Critical patent/CN108122272A/zh
Publication of CN108122272A publication Critical patent/CN108122272A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/80—Creating or modifying a manually drawn or painted image using a manual input device, e.g. mouse, light pen, direction keys on keyboard

Landscapes

  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本发明涉及一种心形点赞效果的绘制方法，包括如下步骤：设定一个基于View的图形类，用于绘制视图；在基于View的图形类中，初始化画笔Paint，用于绘制贝塞尔曲线；设置视图的基本属性，所述基本属性包括颜色，大小，边框宽度；将心形分解为左上左下右上右下四条贝塞尔曲线，四条贝塞尔曲线首尾依次相连构成心形图案；初始化四条贝塞尔曲线的数据点和控制点；根据数据点和控制点利用贝塞尔曲线公式绘制出心形效果。本发明，在点赞时，提供心形点赞动画效果，心形图案生成准确，可根据设定调整，系统消耗小，用户体验好。

Description

一种心形点赞效果的绘制方法
技术领域
本发明涉及Android中图形绘制技术领域，具体说是一种心形点赞效果的绘制方法。
背景技术
在Android中的图形绘制中，使用贝塞尔曲线可以绘制复杂形状图形，贝塞尔曲线(Bézier curve)，又称贝兹曲线或贝济埃曲线，是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线，贝塞尔曲线由线段与节点组成，节点是可拖动的支点，线段像可伸缩的皮筋。
贝塞尔曲线有一阶曲线，二阶曲线到多阶曲线。其中在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类封装的三阶贝塞尔曲线绘制四条贝塞尔曲线。
本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。

Claims (5)

1.一种心形点赞效果的绘制方法，其特征在于，包括如下步骤：
设定一个基于View的图形类，用于绘制视图；
在基于View的图形类中，初始化画笔Paint，用于绘制贝塞尔曲线；
设置视图的基本属性，所述基本属性包括颜色，大小，边框宽度；
将心形分解为左上左下右上右下四条贝塞尔曲线，四条贝塞尔曲线首尾依次相连构成心形图案；
初始化四条贝塞尔曲线的数据点和控制点；
根据数据点和控制点利用贝塞尔曲线公式绘制出心形效果。
2.如权利要求1所述的心形点赞效果的绘制方法，其特征在于：所述数据点共4个，分别对应四条贝塞尔曲线的起始和结束位置，
所述控制点共8个，每条贝塞尔曲线各2个，用于控制对应的贝塞尔曲线的弯曲程度。
3.如权利要求2所述的心形点赞效果的绘制方法，其特征在于：四条贝塞尔曲线从起始位置开始，同时向结束位置绘制，首尾依次相连，形成心形图案。
4.如权利要求1所述的心形点赞效果的绘制方法，其特征在于：绘制视图完毕后，进一步在视图中添加点赞动画效果。
5.如权利要求1所述的心形点赞效果的绘制方法，其特征在于：基于Path类封装的三阶贝塞尔曲线绘制四条贝塞尔曲线。
CN201711409491.5A 2017-12-22 2017-12-22 一种心形点赞效果的绘制方法 Pending CN108122272A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201711409491.5A CN108122272A (zh) 2017-12-22 2017-12-22 一种心形点赞效果的绘制方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201711409491.5A CN108122272A (zh) 2017-12-22 2017-12-22 一种心形点赞效果的绘制方法

Publications (1)

Publication Number Publication Date
CN108122272A true CN108122272A (zh) 2018-06-05

Family

ID=62231319

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201711409491.5A Pending CN108122272A (zh) 2017-12-22 2017-12-22 一种心形点赞效果的绘制方法

Country Status (1)

Country Link
CN (1) CN108122272A (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108762879A (zh) * 2018-06-10 2018-11-06 北京酷我科技有限公司 一种点赞效果的实现方法
CN108776588A (zh) * 2018-06-10 2018-11-09 北京酷我科技有限公司 一种点赞效果的优化算法
CN108961370A (zh) * 2018-06-26 2018-12-07 北京酷我科技有限公司 一种点赞效果的动画优化算法
CN109035371A (zh) * 2018-06-26 2018-12-18 北京酷我科技有限公司 一种点赞效果的动画增强算法
CN109147015A (zh) * 2018-07-24 2019-01-04 北京酷我科技有限公司 一种点赞图片消失动画算法

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102157001A (zh) * 2011-04-14 2011-08-17 中国测绘科学研究院 一种电子地图绘制的方法及系统
CN107239216A (zh) * 2016-03-28 2017-10-10 北大方正集团有限公司 基于触摸屏的绘制处理方法和装置

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102157001A (zh) * 2011-04-14 2011-08-17 中国测绘科学研究院 一种电子地图绘制的方法及系统
CN107239216A (zh) * 2016-03-28 2017-10-10 北大方正集团有限公司 基于触摸屏的绘制处理方法和装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
风晴03: "android贝塞尔曲线绘制心形", 《HTTPS://BLOG.CSDN.NET/D276031034/ARTICLE/DETAILS/66974987》 *

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108762879A (zh) * 2018-06-10 2018-11-06 北京酷我科技有限公司 一种点赞效果的实现方法
CN108776588A (zh) * 2018-06-10 2018-11-09 北京酷我科技有限公司 一种点赞效果的优化算法
CN108961370A (zh) * 2018-06-26 2018-12-07 北京酷我科技有限公司 一种点赞效果的动画优化算法
CN109035371A (zh) * 2018-06-26 2018-12-18 北京酷我科技有限公司 一种点赞效果的动画增强算法
CN109147015A (zh) * 2018-07-24 2019-01-04 北京酷我科技有限公司 一种点赞图片消失动画算法

Similar Documents

Publication Publication Date Title
CN108122272A (zh) 一种心形点赞效果的绘制方法
KR20130060145A (ko) 수기 입력의 처리 방법 및 장치
CN101814196B (zh) 基于图片的三维动漫玩具设计方法
CN101493954B (zh) 一种基于骨架草图绘制的三维建模方法
CN102903134B (zh) 快速绘制多次曲线的方法
CN103258343B (zh) 一种基于图像编辑的眼部图像处理方法
CN103617247B (zh) 用于cad系统的吸附式智能信息标注方法和装置
CN101819684B (zh) 一种动画电影虚拟三维场景的空间加速结构及其创建与更新方法
CN105719230A (zh) 基于gpu的颜色渐变线型地图符号绘制方法
CN111127596B (zh) 一种基于增量Voronoi序列的分层油画笔刷绘制方法
US20090157366A1 (en) System for simulating digital watercolor image and method therefor
CN105513111A (zh) 一种基于图像轮廓自动贴合的草图式三维造型方法
CN102999321B (zh) 毛笔电子画刷设置装置和毛笔电子画刷
CN104156995A (zh) 一种针对敦煌飞天形象的飘带动画制作方法
CN106951166B (zh) 笔迹绘制方法及装置
CN109857322B (zh) 一种基于安卓的画笔宽度控制方法和装置
CN105512446B (zh) 基于迭代函数的蝴蝶图案生成方法
Igarashi et al. Knitty: 3D Modeling of Knitted Animals with a Production Assistant Interface.
JP2010028429A5 (zh)
CN105653124B (zh) 笔迹效果模拟方法及装置
CN107688711B (zh) 乳房三维模型数学建模方法
CN107256164A (zh) 一种Mac下自定义形状进度条的优化处理算法
CN103824322B (zh) 利用透视关系交互创建三维曲线的方法及系统
CN106708406B (zh) 毛笔笔迹美化方法和装置
CN105046727A (zh) 一种产品效果图的生成方法

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20180605

RJ01 Rejection of invention patent application after publication