[發明專利]一種Mac下自定義形狀進度條的處理算法

在審

• 申請號: 201710638054.4
• 申請日: 2017-07-31
• 公開（公告）號: CN107436766A
• 公開（公告）日: 2017-12-05
• 發明（設計）人: 張俊峰
• 申請（專利權）人: 北京酷我科技有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F3/0481
• 代理公司: 北京德和衡律師事務所11405
• 代理人: 姚克楓

技術領域

本發明涉及圖像（圖形）顯示技術領域，具體說是一種Mac下自定義形狀進度條的處理算法。所述Mac指蘋果電腦（曾被譯為麥金塔電腦，即Macintosh的音譯），運行OS X系統（蘋果公司為麥金塔電腦開發的專屬操作系統）。

背景技術

現有的OS X系統中，提供了現成的進度條控件，但是系統提供的進度條控件只能繪制條狀進度條（直線狀進度條），而且不支持背景改變顏色。

條狀進度條（直線狀進度條）早已是司空見慣的進度條式樣，容易給用戶造成視覺疲勞，不符合個性化需求，不能讓用戶產生眼前一亮的感覺，因此不能滿足市場競爭需要的個性化突破。

發明內容

針對現有技術中存在的缺陷，本發明的目的在于提供一種Mac下自定義形狀進度條的處理算法，基于CAShapeLayer以及NSBezierPath重新構造進度條形狀，使進度條呈現自定義形狀，個性化效果強，可疊加任意想要的效果。

為達到以上目的，本發明采取的技術方案是：

一種Mac下自定義形狀進度條的處理算法，其特征在于，包括如下步驟：

步驟1，初始化設定，具體包括：

設定一畫面類NSView，用于放置底層圖層和覆蓋圖層；

設定一個基于CAShapeLayer的底層圖層，用于顯示自定義形狀的背景圖像；

設定一個基于CAShapeLayer的覆蓋圖層，用于顯示與自定義形狀的背景圖像形狀相同的進度條圖像；

步驟2，在底層圖層上，根據用戶選擇的自定義形狀，繪制背景圖像，

步驟3，在覆蓋圖層上，根據用戶選擇的自定義形狀，繪制進度條圖像，

步驟4，獲取需要展現的任務的時長信息，將時長按秒計算分配到對應于進度條圖像周長的具體長度數值，根據具體長度數值，結合當前已進行的任務的時長信息，在覆蓋圖層上繪制步驟3所設定的自定義形狀。

在上述技術方案的基礎上，步驟2具體包括：

根據用戶選擇的自定義形狀，繪制一個該自定義形狀作為背景圖像，

設定自定義形狀的寬度數值，單位為像素，

設定自定義形狀的背景顏色，

設定自定義形狀的顏色，即繪制該自定義形狀的筆畫的顏色。

在上述技術方案的基礎上，自定義形狀調用NSBezierPath繪制得到。

在上述技術方案的基礎上，步驟3具體包括：

根據步驟2中用戶選擇的自定義形狀，繪制一個該自定義形狀作為進度條圖像，其位置位于步驟2所述背景圖像的正上方以遮蓋住背景圖像，

設定自定義形狀的寬度數值，單位為像素，

設定自定義形狀的背景顏色，

設定自定義形狀的顏色，即繪制該自定義形狀的筆畫的顏色；

設定筆畫的開始位置為自定義形狀所在y軸的最高點，結束位置和開始位置一樣。

在上述技術方案的基礎上，還包括以下步驟：

捕獲鼠標操作，當鼠標拖動當前已進行的任務的時長時，獲取鼠標最終停止時對應的當前已進行的任務的時長信息，

根據具體長度數值，結合鼠標最終停止時對應的當前已進行的任務的時長信息，在覆蓋圖層上繪制步驟3所設定的自定義形狀。

在上述技術方案的基礎上，還包括以下步驟：捕獲鼠標操作，當鼠標點擊進度條某處時，獲取鼠標最終點擊處對應的當前已進行的任務的時長信息，

根據具體長度數值，結合鼠標最終點擊處對應的當前已進行的任務的時長信息，在覆蓋圖層上繪制步驟3所設定的自定義形狀。

在上述技術方案的基礎上，步驟2和3中，自定義形狀包括但不限于：圓環圖案，多邊形圖案，所述多邊形圖案的邊數大于等于6。

本發明所述的Mac下自定義形狀進度條的處理算法，基于CAShapeLayer以及NSBezierPath重新構造進度條形狀，使進度條呈現自定義形狀，個性化效果強，可疊加任意想要的效果。

附圖說明

本發明有如下附圖：

圖1 本發明的流程框圖。

具體實施方式

以下結合附圖對本發明作進一步詳細說明。

如圖1所示，本發明所述的Mac下自定義形狀進度條的處理算法，包括如下步驟：

步驟1，初始化設定，具體包括：

設定一畫面類NSView，用于放置底層圖層和覆蓋圖層；

設定一個基于CAShapeLayer的底層圖層，用于顯示自定義形狀的背景圖像；

設定一個基于CAShapeLayer的覆蓋圖層，用于顯示與自定義形狀的背景圖像形狀相同的進度條圖像；