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

背景技術(shù)：

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

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

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

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

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

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

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

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

對所述軌道層和所述進度層進行組裝，得到所述待定制進度條。

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

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

將所述漸變圖層覆蓋在所述進度層的上層。

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

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

將多個所述漸變子圖層進行拼接，得到所述漸變圖層。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

附圖說明

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

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

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

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

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

附圖3標記說明：

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

附圖4標記說明：

410，軌道層；420，進度層。

具體實施方式

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

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

實施例1

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

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

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

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

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

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

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

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

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

上述按鈕用于控制進度的開啟或者停止。

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

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

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

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

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

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

當(dāng)上述進度條圖形為圓環(huán)時，上述定制參數(shù)還包括起點角度和終點角度，下面將以上述進度條圖像為完整圓環(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表示將二維坐標系中點初始化，startAngle為起始角度，endAngle為終止角度，degressToRadius表示把角度轉(zhuǎn)換成PI的方式，clockwise表示順時針。

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

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

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

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

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

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

CAShapeLayer*progressLayer=[CAShapeLayer layer];

progressLayer.lineWidth=4;

其中，在上述代碼中，progressLayer為進度層，trackLayer為軌道層。

S140，對上述軌道層和進度層進行組裝，得到待定制進度層。

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

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

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

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

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

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

S220，將多個上述漸變子圖層進行拼接，得到漸變圖層。

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

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

上述多個漸變子圖層中第一個漸變子圖層的起點和進度層的起點重合，最后一個漸變子圖層的終點和進度層的終點重合。

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

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

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

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

上述左漸變子圖層的終點還可以是進度層上除起點和終點之外的任意一點。

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

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

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

CALayer*superGradientLayer=[CALayer layer]

[superGradientLayer addSubLayer:leftGradientLayer];

[superGradientLayer addSubLayer:rightGradientLayer];

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

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

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

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

superGradientLayer.mask=progressLayer

[self.layer addSubLayer:trackLayer];

[self.layer addSubLayer:progressLayer];

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

當(dāng)需要使用上述待定制進度條時，需要創(chuàng)建進度視圖，具體代碼如下：

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

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

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

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

[progressView setNeedGradient:YES];

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

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

[view addSubView:progressView];

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

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

[progressView setProgress:0.5animated:YES]

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

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

實施例2

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

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

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

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

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

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

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

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

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

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

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

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

實施例3

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

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

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

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

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

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

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