CN108122272A - 一种心形点赞效果的绘制方法 - Google Patents
一种心形点赞效果的绘制方法 Download PDFInfo
- 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
Links
- 210000003813 thumb Anatomy 0.000 title claims abstract description 20
- 238000000034 method Methods 0.000 title claims abstract description 13
- 239000003973 paint Substances 0.000 claims abstract description 4
- 238000005452 bending Methods 0.000 claims description 4
- 230000007547 defect Effects 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
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类封装的三阶贝塞尔曲线绘制四条贝塞尔曲线。
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 (6)
| 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 | 北京酷我科技有限公司 | 一种点赞图片消失动画算法 |
| CN114511654A (zh) * | 2020-11-17 | 2022-05-17 | 福建天晴在线互动科技有限公司 | 一种基于贝塞尔曲线的相机动画编辑方法及其系统 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102157001A (zh) * | 2011-04-14 | 2011-08-17 | 中国测绘科学研究院 | 一种电子地图绘制的方法及系统 |
| CN107239216A (zh) * | 2016-03-28 | 2017-10-10 | 北大方正集团有限公司 | 基于触摸屏的绘制处理方法和装置 |
-
2017
- 2017-12-22 CN CN201711409491.5A patent/CN108122272A/zh active Pending
Patent Citations (2)
| 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)
| Title |
|---|
| 风晴03: "android贝塞尔曲线绘制心形", 《HTTPS://BLOG.CSDN.NET/D276031034/ARTICLE/DETAILS/66974987》 * |
Cited By (6)
| 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 | 北京酷我科技有限公司 | 一种点赞图片消失动画算法 |
| CN114511654A (zh) * | 2020-11-17 | 2022-05-17 | 福建天晴在线互动科技有限公司 | 一种基于贝塞尔曲线的相机动画编辑方法及其系统 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108122272A (zh) | 一种心形点赞效果的绘制方法 | |
| KR20130060145A (ko) | 수기 입력의 처리 방법 및 장치 | |
| CN102339475B (zh) | 基于表面网格的快速毛发建模方法 | |
| CN108492247A (zh) | 一种基于网格变形的眼妆贴图方法 | |
| CN101493954B (zh) | 一种基于骨架草图绘制的三维建模方法 | |
| CN103942050B (zh) | 一种Android平台应用动画实现方法及系统 | |
| CN101819684B (zh) | 一种动画电影虚拟三维场景的空间加速结构及其创建与更新方法 | |
| CN105096387A (zh) | 一种二维草图智能三维化处理方法 | |
| CN103337093A (zh) | 一种基于Unity3D着色器实现三维机房实时温场效果的方法 | |
| WO2019113888A1 (zh) | 一种基于交互式的中国水墨画风格笔画生成方法以及装置 | |
| CN105513111B (zh) | 一种基于图像轮廓自动贴合的草图式三维造型方法 | |
| US20090157366A1 (en) | System for simulating digital watercolor image and method therefor | |
| CN109857322B (zh) | 一种基于安卓的画笔宽度控制方法和装置 | |
| CN104392433A (zh) | 基于图像的数字油画画布的自动生成方法 | |
| CN102903138A (zh) | 一种考虑形状的二维数字角色骨架操作方法 | |
| CN103617247A (zh) | 用于cad系统的吸附式智能信息标注方法和装置 | |
| CN114627222A (zh) | 羽毛贴图及羽毛效果模型的生成方法、装置及电子设备 | |
| CN107436766A (zh) | 一种Mac下自定义形状进度条的处理算法 | |
| Chua | Bezier brushstrokes | |
| CN104268915B (zh) | 一种手写汉字的实时轮廓美化方法 | |
| Igarashi et al. | Knitty: 3D Modeling of Knitted Animals with a Production Assistant Interface. | |
| CN112396680B (zh) | 毛发流向图的制作方法及装置、存储介质、计算机设备 | |
| CN107292938B (zh) | 一种生成虚圆滑曲线的方法和装置 | |
| JP2010028429A5 (zh) | ||
| CN104865896A (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 |