[發明專利]一種心形點贊效果的繪制方法

在審

• 申請號: 201711409491.5
• 申請日: 2017-12-22
• 公開（公告）號: CN108122272A
• 公開（公告）日: 2018-06-05
• 發明（設計）人: 董晉瑞
• 申請（專利權）人: 北京酷我科技有限公司
• 主分類號: G06T11/80
• 分類號: G06T11/80
• 代理公司: 北京德和衡律師事務所 11405
• 代理人: 姚克楓

本發明涉及一種心形點贊效果的繪制方法，包括如下步驟：設定一個基于View的圖形類，用于繪制視圖；在基于View的圖形類中，初始化畫筆Paint，用于繪制貝塞爾曲線；設置視圖的基本屬性，所述基本屬性包括顏色，大小，邊框寬度；將心形分解為左上左下右上右下四條貝塞爾曲線，四條貝塞爾曲線首尾依次相連構成心形圖案；初始化四條貝塞爾曲線的數據點和控制點；根據數據點和控制點利用貝塞爾曲線公式繪制出心形效果。本發明，在點贊時，提供心形點贊動畫效果，心形圖案生成準確，可根據設定調整，系統消耗小，用戶體驗好。

技術領域

本發明涉及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四條貝塞爾曲線構成心形示意圖。