本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，具體而言，涉及一種進(jìn)度條定制方法、裝置及進(jìn)度條。

背景技術(shù)：

隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，終端上安裝的應(yīng)用程序（Application，APP）為了能夠直觀的向用戶展示當(dāng)前正在進(jìn)行的任務(wù)的進(jìn)度以及其它信息情況，一般通過在當(dāng)前界面上顯示進(jìn)度條來向用戶展示當(dāng)前任務(wù)的進(jìn)度，比如說，當(dāng)用戶在下載視頻、音頻或者其它文件時(shí)，使用進(jìn)度條展示當(dāng)前的下載進(jìn)度，或者當(dāng)用戶打開某個(gè)APP時(shí)，通過進(jìn)度條展示用戶當(dāng)前的經(jīng)驗(yàn)值。

目前，雖然終端上的APP都在使用進(jìn)度條向用戶展示當(dāng)前正在進(jìn)行的任務(wù)的進(jìn)度，但是現(xiàn)有技術(shù)中，大多數(shù)APP所使用的進(jìn)度條在界面上的表現(xiàn)形式單一、千篇一律，且可定制程度較低，從而使用戶感到單調(diào)、乏味。

技術(shù)實(shí)現(xiàn)要素：

有鑒于此，本發(fā)明實(shí)施例的目的在于提供一種進(jìn)度條定制方法及進(jìn)度條，以解決現(xiàn)有技術(shù)中大多數(shù)APP所使用的進(jìn)度條在界面上的表現(xiàn)形式單一、前篇一律，且可定制程度較低，從而使用戶感到單調(diào)、乏味的問題。

第一方面，本發(fā)明實(shí)施例提供了一種進(jìn)度條定制方法，其中，所述方法包括：

確定待定制進(jìn)度條的定制參數(shù)，所述定制參數(shù)包括所述待定制進(jìn)度條的進(jìn)度條圖形、起點(diǎn)和終點(diǎn)；

根據(jù)所述進(jìn)度條圖形創(chuàng)建所述待定制進(jìn)度條的軌道層，所述軌道層的圖形與所述進(jìn)度條圖形的部分或全部相同；

根據(jù)所述起點(diǎn)和所述終點(diǎn)在所述軌道層的上層創(chuàng)建所述待定制進(jìn)度條的進(jìn)度層，所述進(jìn)度層在所述軌道層上的垂直投影落在所述軌道層的范圍內(nèi)；

對(duì)所述軌道層和所述進(jìn)度層進(jìn)行組裝，得到所述待定制進(jìn)度條。

結(jié)合第一方面，本發(fā)明實(shí)施例提供了上述第一方面的第一種可能的實(shí)現(xiàn)方式，其中，所述方法還包括：

根據(jù)所述進(jìn)度層創(chuàng)建所述待定制進(jìn)度條的漸變圖層，所述漸變圖層的圖形與所述進(jìn)度層的圖形相同；

將所述漸變圖層覆蓋在所述進(jìn)度層的上層。

結(jié)合第一方面的第一種可能的實(shí)現(xiàn)方式，本發(fā)明實(shí)施例提供了上述第一方面的第二種可能的實(shí)現(xiàn)方式，其中，所述根據(jù)所述進(jìn)度層創(chuàng)建所述待定制進(jìn)度條的漸變圖層，包括：

根據(jù)所述進(jìn)度層創(chuàng)建多個(gè)漸變子圖層；

將多個(gè)所述漸變子圖層進(jìn)行拼接，得到所述漸變圖層。

結(jié)合第一方面的第二種可能的實(shí)現(xiàn)方式，本發(fā)明實(shí)施例提供了上述第一方面的第三種可能的實(shí)現(xiàn)方式，其中，所述根據(jù)所述進(jìn)度層創(chuàng)建多個(gè)漸變子圖層，包括：

根據(jù)所述進(jìn)度層確定每個(gè)所述漸變子圖層的起點(diǎn)和終點(diǎn)；

設(shè)置每個(gè)所述漸變子圖層的起點(diǎn)顏色值和終點(diǎn)顏色值；

根據(jù)所述漸變子圖層的起點(diǎn)顏色值和終點(diǎn)顏色值，創(chuàng)建所述漸變子圖層。

結(jié)合第一方面，本發(fā)明實(shí)施例提供了上述第一方面的第四種可能的實(shí)現(xiàn)方式，其中，所述根據(jù)所述進(jìn)度條圖形創(chuàng)建所述待定制進(jìn)度條的軌道層，包括：

根據(jù)所述進(jìn)度條圖形畫出與所述進(jìn)度條圖形相同的幾何圖形；

將所述幾何圖形確定為所述待定制進(jìn)度條的軌道層。

結(jié)合第一方面，本發(fā)明實(shí)施例提供了上述第一方面的第五種可能的實(shí)現(xiàn)方式，其中，當(dāng)所述進(jìn)度條圖形包括幾何圖形和控件時(shí)，所述軌道層的圖形與所述進(jìn)度條圖形的幾何圖形部分相同。

結(jié)合第一方面的第五種可能的實(shí)現(xiàn)方式，本發(fā)明實(shí)施例提供了上述第一方面的第六種可能的實(shí)現(xiàn)方式，其中，所述控件包括按鈕和/或顯示當(dāng)前進(jìn)度百分比的輔助文字。

結(jié)合第一方面，本發(fā)明實(shí)施例提供了上述對(duì)第一方面的第七種可能的實(shí)現(xiàn)方式，其中，當(dāng)所述進(jìn)度條圖形為圓環(huán)圖形時(shí)，所述圓環(huán)圖形的終點(diǎn)與起點(diǎn)重合，或者所述圓環(huán)圖形的終點(diǎn)與起點(diǎn)不重合。

第二方面，本發(fā)明實(shí)施例提供了一種進(jìn)度條定制裝置，其中，所述裝置包括：

確定模塊，用于確定待定制進(jìn)度條的定制參數(shù)，所述定制參數(shù)包括所述待定制進(jìn)度條的進(jìn)度條圖形、起點(diǎn)和終點(diǎn)；

第一創(chuàng)建模塊，用于根據(jù)所述進(jìn)度條圖形創(chuàng)建所述待定制進(jìn)度條的軌道層，所述軌道層的圖形與所述進(jìn)度條圖形的部分或全部相同；

第二創(chuàng)建模塊，用于根據(jù)所述起點(diǎn)和所述終點(diǎn)在所述軌道層的上層創(chuàng)建所述待定制進(jìn)度條的進(jìn)度層，所述進(jìn)度層在所述軌道層上的垂直投影落在所述軌道層的范圍內(nèi)；

組裝模塊，用于對(duì)所述軌道層和所述進(jìn)度層進(jìn)行組裝，得到所述待定制進(jìn)度條。

第三方面，本發(fā)明實(shí)施例提供了一種利用上述第一方面所述的進(jìn)度條定制方法定制的進(jìn)度條，其中，所述進(jìn)度條至少包括軌道層和進(jìn)度層；

所述進(jìn)度層設(shè)置在所述軌道層的上層。

本發(fā)明實(shí)施例提供的進(jìn)度條定制方法、裝置及進(jìn)度條，其中，該方法根據(jù)待定制進(jìn)度條的定制參數(shù)創(chuàng)建待定制進(jìn)度條的軌道層和進(jìn)度層，將軌道層和進(jìn)度層進(jìn)行組裝，得到待定制進(jìn)度條，實(shí)現(xiàn)了根據(jù)定制參數(shù)對(duì)進(jìn)度條進(jìn)行自由定制，且定制得到的進(jìn)度條形式多樣。

為使本發(fā)明的上述目的、特征和優(yōu)點(diǎn)能更明顯易懂，下文特舉較佳實(shí)施例，并配合所附附圖，作詳細(xì)說明如下。

附圖說明

為了更清楚地說明本發(fā)明實(shí)施例的技術(shù)方案，下面將對(duì)實(shí)施例中所需要使用的附圖作簡(jiǎn)單地介紹，應(yīng)當(dāng)理解，以下附圖僅示出了本發(fā)明的某些實(shí)施例，因此不應(yīng)被看作是對(duì)范圍的限定，對(duì)于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他相關(guān)的附圖。

圖1示出了本發(fā)明實(shí)施例1所提供的進(jìn)度條定制方法的流程圖；

圖2示出了本發(fā)明實(shí)施例1所提供的進(jìn)度條定制方法中創(chuàng)建漸變圖層的流程圖；

圖3示出了本發(fā)明實(shí)施例2所提供的進(jìn)度條定制裝置的結(jié)構(gòu)示意圖；

圖4示出了本發(fā)明實(shí)施例3所提供的進(jìn)度條的結(jié)構(gòu)示意圖。

附圖3標(biāo)記說明：

310，確定模塊；320，第一創(chuàng)建模塊；330，第二創(chuàng)建模塊；340，組裝模塊；

附圖4標(biāo)記說明：

410，軌道層；420，進(jìn)度層。

具體實(shí)施方式

為使本發(fā)明實(shí)施例的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合本發(fā)明實(shí)施例中附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例。通常在此處附圖中描述和示出的本發(fā)明實(shí)施例的組件可以以各種不同的配置來布置和設(shè)計(jì)。因此，以下對(duì)在附圖中提供的本發(fā)明的實(shí)施例的詳細(xì)描述并非旨在限制要求保護(hù)的本發(fā)明的范圍，而是僅僅表示本發(fā)明的選定實(shí)施例。基于本發(fā)明的實(shí)施例，本領(lǐng)域技術(shù)人員在沒有做出創(chuàng)造性勞動(dòng)的前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。

考慮到現(xiàn)有技術(shù)中，當(dāng)終端上的APP在使用進(jìn)度條向用戶展示當(dāng)前正在進(jìn)行的任務(wù)的進(jìn)度或者其它信息情況時(shí)，大多數(shù)APP所使用的進(jìn)度條在終端界面上的表現(xiàn)形式單一、千篇一律，且可定制程度較低，從而使用戶感到單調(diào)、乏味?；诖?，本發(fā)明實(shí)施例提供了一種方法進(jìn)度條定制方法、裝置及進(jìn)度條，下面通過實(shí)施例進(jìn)行描述。

實(shí)施例1

本發(fā)明實(shí)施例提供了一種進(jìn)度條定制方法，該方法能夠根據(jù)定制參數(shù)對(duì)進(jìn)度條進(jìn)行自由定制，且定制得到的進(jìn)度條形式多樣。

如圖1所示，本發(fā)明實(shí)施例提供的進(jìn)度條定制方法，包括步驟S110-S140，具體如下。

S110，確定待定制進(jìn)度條的定制參數(shù)，該定制參數(shù)包括待定制進(jìn)度條的進(jìn)度條圖形、起點(diǎn)和終點(diǎn)。

其中，上述待定制進(jìn)度條的定制參數(shù)可以由開發(fā)人員提供，上述進(jìn)度條圖形指的是進(jìn)度條的幾何形狀，比如說，上述進(jìn)度條圖形可以是圓環(huán)、長條形、正方形、橢圓形以及實(shí)心圓弧等等。

當(dāng)上述進(jìn)度條圖形為圓環(huán)時(shí)，圓環(huán)的起點(diǎn)與終點(diǎn)重合或者圓環(huán)的起點(diǎn)與終點(diǎn)不重合。

當(dāng)圓環(huán)的起點(diǎn)和終點(diǎn)重合時(shí)，上述圓環(huán)一個(gè)是完整的圓環(huán)，當(dāng)上述圓環(huán)的起點(diǎn)和終點(diǎn)不重合時(shí)，上述圓環(huán)為整個(gè)圓環(huán)的一部分，在本發(fā)明實(shí)施例中，圓環(huán)的起點(diǎn)和終點(diǎn)的位置可以自由配置。

當(dāng)上述進(jìn)度條圖形包括幾何圖形和控件時(shí)，軌道層的圖形與進(jìn)度條圖形的幾何圖形部分相同。

上述控件包括按鈕和/或顯示當(dāng)前進(jìn)度百分比的輔助文字。

上述控件可以只包括按鈕，也可以只包括顯示當(dāng)前進(jìn)度百分比的輔助文字，還可以同時(shí)包括按鈕和顯示當(dāng)前進(jìn)度百分比的輔助文字。

上述按鈕用于控制進(jìn)度的開啟或者停止。

上述進(jìn)度條圖形只由幾何圖形構(gòu)成，軌道層和進(jìn)度條圖形相同。

S120，根據(jù)上述進(jìn)度條圖形創(chuàng)建待定制進(jìn)度條的軌道層，該軌道層的圖形與上述進(jìn)度條圖形的部分或全部相同。

其中，上述軌道層置于整個(gè)進(jìn)度條的底層，作為進(jìn)度條的背景層，用于表示當(dāng)前任務(wù)的總進(jìn)度，通過軌道層，用戶可以直觀的知道當(dāng)前總進(jìn)度的多少。

在本發(fā)明實(shí)施例中，創(chuàng)建待定制進(jìn)度條的軌道層具體是通過如下過程實(shí)現(xiàn)的：根據(jù)上述進(jìn)度條圖形畫出與進(jìn)度條圖形相同的幾何圖形，將該幾何圖形確定為待定制進(jìn)度條的軌道層。

其中，上述根據(jù)進(jìn)度條圖形畫出與進(jìn)度條圖形相同的幾何圖形，可以通過調(diào)用CAShapeLayer中的layer方法實(shí)現(xiàn)，首先通過layer方法創(chuàng)建軌道層的對(duì)象，再利用UIBezierPath中的bezierPathWithArcCenter方法畫出與進(jìn)度條圖形相同的幾何圖形，將軌道層的path屬性設(shè)置為該幾何圖形，使軌道層能夠按照上述畫出的幾何圖形進(jìn)行描繪，得到待定制進(jìn)度條的軌道層。

之后，還可以對(duì)上述軌道層的顏色和線寬進(jìn)行設(shè)置，軌道層的顏色值和線寬的具體數(shù)值可以是按照開發(fā)人員提供的參數(shù)進(jìn)行設(shè)置，也可以將上述線寬和顏色設(shè)置為默認(rèn)值，本發(fā)明實(shí)施例并不對(duì)上述軌道層的線寬和顏色的具體值進(jìn)行限定。

當(dāng)上述進(jìn)度條圖形為圓環(huán)時(shí)，上述定制參數(shù)還包括起點(diǎn)角度和終點(diǎn)角度，下面將以上述進(jìn)度條圖像為完整圓環(huán)、且軌道層的線寬為4、顏色為白色為例，介紹一種創(chuàng)建軌道層的具體方式：

CAShapeLayer*trackLayer=[CAShapeLayer layer];

trackLayer.lineWidth=4;

trackLayer.strokeColor=[UIColor whiteColor];

UIBezierPath*path=[UIBezierPath

bezierPathWithArcCenter:CGPointMake(width/2.0f,width/2.0f)

radius:width/2.0f

startAngle:degressToRadius(0)

endAngle:degressToRadius(360)

clockwise:YES];

trackLayer.path=path.CGPath;

其中，在上述代碼中，CAShapeLayer是一種繪制圖形的方法，trackLayer為軌道層，lineWidth為線寬，strokeColor為描邊顏色，UIBezierPath是UIKit中繪制圖像的類，CGPointMake表示將二維坐標(biāo)系中點(diǎn)初始化，startAngle為起始角度，endAngle為終止角度，degressToRadius表示把角度轉(zhuǎn)換成PI的方式，clockwise表示順時(shí)針。

上述軌道層的圖形與進(jìn)度條圖形的部分或者全部相同包括：當(dāng)上述進(jìn)度條圖形只是由幾何圖形構(gòu)成時(shí)，軌道層的圖形與進(jìn)度條圖形相同，比如說，當(dāng)上述進(jìn)度條圖形只包括圓環(huán)、圓弧、橢圓等幾何圖形時(shí)，軌道層的圖形和進(jìn)度條圖形相同；當(dāng)上述進(jìn)度條圖形包括幾何圖形和一些按鈕或者用于表示當(dāng)前進(jìn)度百分比的輔助文字時(shí)，軌道層的圖形與進(jìn)度條圖形中的幾何圖形部分相同。

S130，根據(jù)上述起點(diǎn)和終點(diǎn)在軌道層的上層創(chuàng)建待定制進(jìn)度條的進(jìn)度層，該進(jìn)度層在軌道層上的垂直投影落在軌道層的范圍內(nèi)。

上述起點(diǎn)指的是待定制進(jìn)度條的起點(diǎn)，上述終點(diǎn)指的是待定制進(jìn)度條的終點(diǎn)，進(jìn)度層用于顯示當(dāng)前任務(wù)的進(jìn)度百分比，當(dāng)前任務(wù)完成時(shí)，進(jìn)度條的終點(diǎn)與軌道層的終點(diǎn)重合。

上述進(jìn)度層的圖形和軌道層的圖形相同，但是進(jìn)度層的線寬可以和軌道層相同，也可以不同，比如說，進(jìn)度層的線寬可以比軌道層寬或者窄，為了能夠使用戶通過進(jìn)度層看到當(dāng)前任務(wù)的進(jìn)度，進(jìn)度層的顏色和軌道層的顏色不相同。

在本發(fā)明實(shí)施例中，通過CAShapeLayer中的layer方法實(shí)現(xiàn)進(jìn)度層的創(chuàng)建。

下面將以進(jìn)度層的線寬為4為例，列舉其中一種進(jìn)度層的實(shí)現(xiàn)方式，具體實(shí)現(xiàn)代碼為：

CAShapeLayer*progressLayer=[CAShapeLayer layer];

progressLayer.lineWidth=4;

其中，在上述代碼中，progressLayer為進(jìn)度層，trackLayer為軌道層。

S140，對(duì)上述軌道層和進(jìn)度層進(jìn)行組裝，得到待定制進(jìn)度層。

本發(fā)明實(shí)施例中，可以通過預(yù)先創(chuàng)建的父圖層對(duì)軌道層和進(jìn)度層進(jìn)行組裝，得到待定制進(jìn)度層。

為了能夠使創(chuàng)建的待定制進(jìn)度條的進(jìn)度層具有顏色漸變的效果，本發(fā)明實(shí)施例中提供的進(jìn)度條定制方法還包括：

根據(jù)上述起點(diǎn)和終點(diǎn)創(chuàng)建待定制進(jìn)度條的漸變圖層，該漸變圖層的圖形與進(jìn)度層的圖形相同；將漸變圖層覆蓋在進(jìn)度層的上層。

在本發(fā)明實(shí)施例中，進(jìn)度層作為漸變圖層的遮罩，將漸變圖層覆蓋在進(jìn)度層上后，進(jìn)度層可以產(chǎn)生顏色漸變效果。

其中，作為一個(gè)實(shí)施例，如圖2所示，根據(jù)上述起點(diǎn)和終點(diǎn)創(chuàng)建待定制進(jìn)度條的漸變圖層，包括步驟S210-S220，具體如下：

S210，根據(jù)上述進(jìn)度層創(chuàng)建多個(gè)漸變子圖層；

S220，將多個(gè)上述漸變子圖層進(jìn)行拼接，得到漸變圖層。

上述多個(gè)漸變子圖層中的每個(gè)漸變子圖層均與進(jìn)度層圖形的一部分相同，將多個(gè)漸變子圖層進(jìn)行拼接，可以得到與進(jìn)度層圖形相同的漸變圖層。

上述多個(gè)漸變子圖層中的多個(gè)可以是2個(gè)、3個(gè)或者其它數(shù)值，當(dāng)上述漸變子圖層的個(gè)數(shù)為2個(gè)時(shí)，可以創(chuàng)建左右兩個(gè)漸變圖子層，左漸變子圖層的圖形和進(jìn)度層的左部分相同，右漸變子圖層和進(jìn)度層的右部分相同，將左右兩個(gè)漸變子圖層進(jìn)行拼接，得到漸變圖層。

上述多個(gè)漸變子圖層中第一個(gè)漸變子圖層的起點(diǎn)和進(jìn)度層的起點(diǎn)重合，最后一個(gè)漸變子圖層的終點(diǎn)和進(jìn)度層的終點(diǎn)重合。

在本發(fā)明實(shí)施例中，可以通過預(yù)先創(chuàng)建的漸變父圖層，對(duì)上述多個(gè)漸變子圖層進(jìn)行拼接，得到漸變圖層。

上述根據(jù)上述進(jìn)度層創(chuàng)建多個(gè)漸變子圖層，具體包括：根據(jù)進(jìn)度層確定每個(gè)漸變子圖層的起點(diǎn)和終點(diǎn)；設(shè)置每個(gè)漸變子圖層的起點(diǎn)顏色值和終端顏色值；根據(jù)漸變子圖層的起點(diǎn)顏色值和終端顏色值，創(chuàng)建漸變子圖層。

在本發(fā)明實(shí)施例中，可以將上述進(jìn)度層劃分為多個(gè)部分，上述多個(gè)漸變子圖層中每個(gè)漸變子圖層均對(duì)應(yīng)一部分進(jìn)度層，上述多個(gè)漸變子圖層中第一個(gè)漸變子圖層的起點(diǎn)與進(jìn)度層的起點(diǎn)重合，第一個(gè)漸變子圖層的終點(diǎn)與第二個(gè)漸變子圖層的起點(diǎn)重合，上述多個(gè)漸變子圖層中的最后一個(gè)漸變子圖層的終點(diǎn)與進(jìn)度層的終點(diǎn)重合，將上述多個(gè)漸變子圖層順序拼接，得到的漸變圖層的圖形和進(jìn)度層的圖形一致。

下面將以上述漸變子圖層的個(gè)數(shù)是兩個(gè)為例，詳細(xì)介紹上述漸變子圖層的創(chuàng)建過程，當(dāng)上述漸變子圖層的個(gè)數(shù)為兩個(gè)時(shí)，分別記為左漸變子圖層和右漸變子圖層，左漸變子圖層的起點(diǎn)與進(jìn)度層的起點(diǎn)重合，左漸變子圖層的終點(diǎn)與進(jìn)度層的中點(diǎn)重合，且將左漸變子圖層的終點(diǎn)作為右漸變子圖層的起點(diǎn)，右漸變子圖層的終點(diǎn)與進(jìn)度層的終點(diǎn)重合，可以將左漸變子圖層的起點(diǎn)坐標(biāo)記為0，終點(diǎn)坐標(biāo)記為0.5，將右漸變子圖層的起點(diǎn)坐標(biāo)記為0.5，終點(diǎn)坐標(biāo)記為1，在本發(fā)明實(shí)施例中，采用setColors的方法設(shè)置左漸變子圖層的起點(diǎn)、終點(diǎn)以及右漸變子圖層的起點(diǎn)、終點(diǎn)的顏色值，根據(jù)起點(diǎn)和重點(diǎn)的顏色值，得到左漸變子圖層和右漸變子圖層。

上述左漸變子圖層的終點(diǎn)還可以是進(jìn)度層上除起點(diǎn)和終點(diǎn)之外的任意一點(diǎn)。

下面將以左漸變子圖層的起點(diǎn)顏色為黑色、終點(diǎn)顏色為紅色，右漸變子圖層的起點(diǎn)顏色為紅色、終點(diǎn)顏色為橘色為例，具體闡述左漸變子圖層和右漸變子圖層的一種可能的實(shí)現(xiàn)方式，具體代碼為：

其中，在上述代碼中，leftGradientLayer表示左漸變圖層，rightGradientLayer表示右漸變圖層，locations表示位置，colors表示顏色。

采用上述方法創(chuàng)建出左漸變子圖層和右漸變子圖層之后，通過預(yù)先創(chuàng)建出的漸變父圖層將左漸變子圖層和右漸變子圖層進(jìn)行拼接，得到完整的漸變圖層，本發(fā)明實(shí)施例中，漸變父圖層通過addSubview的方法將左漸變子圖層和右漸變子圖層加在自身上，實(shí)現(xiàn)左漸變子圖層和右漸變子圖層的拼接，其中一種具體實(shí)現(xiàn)代碼如下：

CALayer*superGradientLayer=[CALayer layer]

[superGradientLayer addSubLayer:leftGradientLayer];

[superGradientLayer addSubLayer:rightGradientLayer];

其中，在上述代碼中，superGradientLayer是父漸變圖層，addSubLayer表示添加圖層，superGradientLayer addSubLayer:leftGradientLayer表示將左漸變圖層添加在父漸變圖層上，superGradientLayer addSubLayer:rightGradientLayer表示將右漸變圖層添加在父圖層上。

其中，在創(chuàng)建左漸變子圖層和右漸變子圖層的過程中，左漸變子圖層可以采用斜形漸變的方式實(shí)現(xiàn)，右漸變子圖層可以采用垂直漸變的方式實(shí)現(xiàn)，上述斜形漸變指的是漸變子圖層的顏色沿著45°的傾斜軸進(jìn)行漸變，可以從左上角到右下角漸變，還可以是從左下角到右上角進(jìn)行漸變，上述垂直漸變指的是顏色沿著豎直軸進(jìn)行漸變，可以是從上到下進(jìn)行漸變或者是從下到上進(jìn)行漸變。

當(dāng)然，在創(chuàng)建左漸變子圖層和右漸變子圖層的過程中，左漸變子圖層和右漸變子圖層均可以采用斜形漸變的方式實(shí)現(xiàn)或者左漸變子圖層和右漸變子圖層均采用垂直漸變的方式實(shí)現(xiàn)。

如果，當(dāng)上述待定制進(jìn)度層包括軌道層、進(jìn)度層和漸變圖層時(shí)，采用父圖層將上述軌道層、進(jìn)度層和漸變圖層進(jìn)行拼接，具體可以通過如下方法實(shí)現(xiàn)，一種可能的代碼為：

superGradientLayer.mask=progressLayer

[self.layer addSubLayer:trackLayer];

[self.layer addSubLayer:progressLayer];

其中，在上述代碼中，mask表示遮罩，superGradientLayer.mask=progressLayer表示將進(jìn)度層設(shè)置為漸變父圖層的遮罩，self.layeraddSubLayer:trackLayer表示添加軌道層，self.layeraddSubLayer:progressLayer表示添加進(jìn)度層。

當(dāng)需要使用上述待定制進(jìn)度條時(shí)，需要?jiǎng)?chuàng)建進(jìn)度視圖，具體代碼如下：

MNProgressView*progressView=[[MNProgressView alloc]init];

其中，在上述代碼中，MNProgressView表示定制得到的進(jìn)度條，progressView表示進(jìn)度視圖，alloc表示函數(shù)，init表示一種進(jìn)程。

之后，設(shè)置待定制進(jìn)度條的屬性，比如說，大小，是否需要漸變等等，下面以待定制進(jìn)度條在進(jìn)度視圖上的默認(rèn)坐標(biāo)為（0,0），寬度高度默認(rèn)為100，默認(rèn)需要進(jìn)行顏色漸變?yōu)槔?，介紹具體實(shí)現(xiàn)方法，具體代碼如下：

progressView.frame=CGRectMake(0,0,100,100);

[progressView setNeedGradient:YES];

其中，在上述代碼中，frame表示一種控件，CGRectMake表示以屏幕左上角作為參考點(diǎn)，progressView setNeedGradient:YES表示進(jìn)度視圖需要顏色漸變效果。

然后，將上述待定制進(jìn)度條添加到上述進(jìn)度視圖中，具體實(shí)現(xiàn)代碼如下：

[view addSubView:progressView];

其中，在上述代碼中，progressView表示進(jìn)度視圖，addSubView表示一種添加視圖的方法。

最后，設(shè)置待定制進(jìn)度條當(dāng)前進(jìn)度百分比，本發(fā)明實(shí)施例中，通過setProgress方法設(shè)置待定制進(jìn)度條當(dāng)前進(jìn)度百分比，具體代碼如下：

[progressView setProgress:0.5animated:YES]

其中，在上述代碼中，setProgress表示一種設(shè)置進(jìn)度的方法，progressView setProgress:0.5animated:YES表示設(shè)置進(jìn)度條初始值。

本發(fā)明實(shí)施例提供的進(jìn)度條定制方法，實(shí)現(xiàn)了根據(jù)定制參數(shù)對(duì)進(jìn)度條進(jìn)行自由定制，且定制得到的進(jìn)度條形式多樣。

實(shí)施例2

本發(fā)明實(shí)施例提供了一種進(jìn)度條定制裝置，如圖3所示，該裝置包括：確定模塊310、第一創(chuàng)建模塊320、第二創(chuàng)建模塊330和組裝模塊340；

上述確定模塊310，用于確定待定制進(jìn)度條的定制參數(shù)，該定制參數(shù)包括待定制進(jìn)度條的進(jìn)度條圖形、起點(diǎn)和終點(diǎn)；

上述第一創(chuàng)建模塊320，用于根據(jù)上述進(jìn)度條圖形創(chuàng)建待定制進(jìn)度條的軌道層，該軌道層的圖形與進(jìn)度條圖形的部分或全部相同；

上述第二創(chuàng)建模塊330，用于根據(jù)上述起點(diǎn)和終點(diǎn)在軌道層的上層創(chuàng)建待定制進(jìn)度條的進(jìn)度層，該進(jìn)度層在軌道層上的垂直投影落在軌道層的范圍內(nèi)；

上述組裝模塊340，用于對(duì)上述軌道層和進(jìn)度層進(jìn)行組裝，得到上述待定制進(jìn)度條。

本發(fā)明實(shí)施例提供的進(jìn)度條定制裝置，實(shí)現(xiàn)了根據(jù)定制參數(shù)對(duì)進(jìn)度條進(jìn)行自由定制，且定制得到的進(jìn)度條形式多樣

本發(fā)明實(shí)施例所提供的進(jìn)度條定制裝置可以為設(shè)備上的特定硬件或者安裝于設(shè)備上的軟件或固件等。本發(fā)明實(shí)施例所提供的裝置，其實(shí)現(xiàn)原理及產(chǎn)生的技術(shù)效果和前述方法實(shí)施例相同，為簡(jiǎn)要描述，裝置實(shí)施例部分未提及之處，可參考前述方法實(shí)施例中相應(yīng)內(nèi)容。所屬領(lǐng)域的技術(shù)人員可以清楚地了解到，為描述的方便和簡(jiǎn)潔，前述描述的系統(tǒng)、裝置和單元的具體工作過程，均可以參考上述方法實(shí)施例中的對(duì)應(yīng)過程，在此不再贅述。

在本發(fā)明所提供的實(shí)施例中，應(yīng)該理解到，所揭露裝置和方法，可以通過其它的方式實(shí)現(xiàn)。以上所描述的裝置實(shí)施例僅僅是示意性的，例如，所述單元的劃分，僅僅為一種邏輯功能劃分，實(shí)際實(shí)現(xiàn)時(shí)可以有另外的劃分方式，又例如，多個(gè)單元或組件可以結(jié)合或者可以集成到另一個(gè)系統(tǒng)，或一些特征可以忽略，或不執(zhí)行。另一點(diǎn)，所顯示或討論的相互之間的耦合或直接耦合或通信連接可以是通過一些通信接口，裝置或單元的間接耦合或通信連接，可以是電性，機(jī)械或其它的形式。

所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個(gè)地方，或者也可以分布到多個(gè)網(wǎng)絡(luò)單元上?？梢愿鶕?jù)實(shí)際的需要選擇其中的部分或者全部單元來實(shí)現(xiàn)本實(shí)施例方案的目的。

另外，在本發(fā)明提供的實(shí)施例中的各功能單元可以集成在一個(gè)處理單元中，也可以是各個(gè)單元單獨(dú)物理存在，也可以兩個(gè)或兩個(gè)以上單元集成在一個(gè)單元中。

所述功能如果以軟件功能單元的形式實(shí)現(xiàn)并作為獨(dú)立的產(chǎn)品銷售或使用時(shí)，可以存儲(chǔ)在一個(gè)計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中。基于這樣的理解，本發(fā)明的技術(shù)方案本質(zhì)上或者說對(duì)現(xiàn)有技術(shù)做出貢獻(xiàn)的部分或者該技術(shù)方案的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計(jì)算機(jī)軟件產(chǎn)品存儲(chǔ)在一個(gè)存儲(chǔ)介質(zhì)中，包括若干指令用以使得一臺(tái)計(jì)算機(jī)設(shè)備（可以是個(gè)人計(jì)算機(jī)，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等）執(zhí)行本發(fā)明各個(gè)實(shí)施例所述方法的全部或部分步驟。而前述的存儲(chǔ)介質(zhì)包括：U盤、移動(dòng)硬盤、只讀存儲(chǔ)器（ROM，Read-Only Memory）、隨機(jī)存取存儲(chǔ)器（RAM，Random Access Memory）、磁碟或者光盤等各種可以存儲(chǔ)程序代碼的介質(zhì)。

應(yīng)注意到：相似的標(biāo)號(hào)和字母在下面的附圖中表示類似項(xiàng)，因此，一旦某一項(xiàng)在一個(gè)附圖中被定義，則在隨后的附圖中不需要對(duì)其進(jìn)行進(jìn)一步定義和解釋，此外，術(shù)語“第一”、“第二”、“第三”等僅用于區(qū)分描述，而不能理解為指示或暗示相對(duì)重要性。

實(shí)施例3

本發(fā)明實(shí)施例提供了一種進(jìn)度條，該進(jìn)度條采用上述實(shí)施例1中的方法定制的，如圖4所示，該進(jìn)度條至少包括軌道層410和進(jìn)度層420；

進(jìn)度層420設(shè)置在軌道層410的上層。

上述圖4只是畫出了軌道層410為整個(gè)圓環(huán)且進(jìn)度層420的寬度比軌道層410寬的情況，并沒有對(duì)進(jìn)度層420和軌道層410的寬度進(jìn)行限定，也沒有限定軌道層410的起點(diǎn)和終點(diǎn)的具體位置。

除此之外，上述進(jìn)度條還可以是其它形狀，軌道層的起點(diǎn)和終點(diǎn)也可以不重合，進(jìn)度層420的寬度可以和軌道層410的寬度一致，也可以比軌道層410的寬度窄或者比軌道層410的寬度寬，上述圖4只是畫出了其中一種可能，并沒有對(duì)進(jìn)度條的具體形狀進(jìn)行限定。

在上述進(jìn)度層420上還可以設(shè)置漸變圖層，進(jìn)度層420作為漸變圖層的遮罩，這樣當(dāng)使用進(jìn)度層420顯示當(dāng)前進(jìn)度時(shí)，進(jìn)度層420會(huì)有顏色漸變的效果。

本發(fā)明實(shí)施例提供的進(jìn)度條，采用上述實(shí)施例1的方法進(jìn)行定制，形式多樣。

最后應(yīng)說明的是：以上所述實(shí)施例，僅為本發(fā)明的具體實(shí)施方式，用以說明本發(fā)明的技術(shù)方案，而非對(duì)其限制，本發(fā)明的保護(hù)范圍并不局限于此，盡管參照前述實(shí)施例對(duì)本發(fā)明進(jìn)行了詳細(xì)的說明，本領(lǐng)域的普通技術(shù)人員應(yīng)當(dāng)理解：任何熟悉本技術(shù)領(lǐng)域的技術(shù)人員在本發(fā)明揭露的技術(shù)范圍內(nèi)，其依然可以對(duì)前述實(shí)施例所記載的技術(shù)方案進(jìn)行修改或可輕易想到變化，或者對(duì)其中部分技術(shù)特征進(jìn)行等同替換；而這些修改、變化或者替換，并不使相應(yīng)技術(shù)方案的本質(zhì)脫離本發(fā)明實(shí)施例技術(shù)方案的精神和范圍。都應(yīng)涵蓋在本發(fā)明的保護(hù)范圍之內(nèi)。因此，本發(fā)明的保護(hù)范圍應(yīng)以所述權(quán)利要求的保護(hù)范圍為準(zhǔn)。