本發(fā)明涉及通信領(lǐng)域的圖形處理技術(shù)，尤其涉及一種應(yīng)用進(jìn)度處理方法及終端。

背景技術(shù)：

伴隨移動(dòng)互聯(lián)網(wǎng)的飛速發(fā)展，終端如智能手機(jī)、平板電腦快速普及，終端中可供安裝的應(yīng)用也日益增多，涵蓋娛樂、學(xué)習(xí)、工作等諸多方面，在終端的使用較為常見的一個(gè)場(chǎng)景是：下載并安裝應(yīng)用。

提示下載以及安裝進(jìn)度的圓角進(jìn)度圖標(biāo)在這一耗時(shí)的操作上給用戶一個(gè)比較好的體驗(yàn)，可以實(shí)時(shí)向用戶提醒下載以及安裝的進(jìn)度情況，不會(huì)讓用戶覺得在盲目等待，尤其是在用戶同時(shí)下載多個(gè)應(yīng)用并安裝時(shí)(比如，批量更新)，用戶需要了解應(yīng)用的下載以及安裝的進(jìn)度，從而在安裝完成后能夠盡快使用應(yīng)用。

目前，圓角進(jìn)度圖標(biāo)的實(shí)現(xiàn)方式，通常是在應(yīng)用的圖標(biāo)上疊加漸變的動(dòng)態(tài)的顯示效果，來提示應(yīng)用下載以及安裝的進(jìn)度，但是，對(duì)于采用一種簡(jiǎn)單高效的方式實(shí)現(xiàn)圓角進(jìn)度的動(dòng)畫效果，相關(guān)技術(shù)尚無有效解決方案。

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

本發(fā)明實(shí)施例提供一種應(yīng)用進(jìn)度處理方法及終端，能夠高效實(shí)現(xiàn)圓角進(jìn)度的效果。

本發(fā)明實(shí)施例的技術(shù)方案是這樣實(shí)現(xiàn)的：

第一方面，本發(fā)明實(shí)施例提供一種應(yīng)用進(jìn)度處理方法，所述方法包括：

基于目標(biāo)應(yīng)用下載或者安裝的進(jìn)度，確定與所述進(jìn)度相應(yīng)的偏移角度；

調(diào)用支持可縮放矢量圖形的繪制工具，在待渲染圖形區(qū)域中繪制正方形區(qū)域，在所述正方形區(qū)域的直角區(qū)域繪制圓角邊框；

在所述正方形區(qū)域內(nèi)繪制形成對(duì)應(yīng)所述偏移角度的封閉區(qū)域；

對(duì)所述封閉區(qū)域進(jìn)行渲染，得到表征所述目標(biāo)應(yīng)用下載或者安裝的進(jìn)度的圓角進(jìn)度圖形。

第二方面，本發(fā)明實(shí)施例提供一種終端，所述終端包括：

偏移角度確定單元，用于基于目標(biāo)應(yīng)用下載或者安裝的進(jìn)度，確定與所述進(jìn)度相應(yīng)的偏移角度；

圓角邊框繪制單元，用于調(diào)用支持可縮放矢量圖形的繪制工具，在待渲染圖形區(qū)域中繪制正方形區(qū)域，在所述正方形區(qū)域的直角區(qū)域繪制圓角邊框；

封閉區(qū)域繪制單元，用于調(diào)用支持可縮放矢量圖形的繪制工具在所述正方形區(qū)域內(nèi)繪制形成對(duì)應(yīng)所述偏移角度的封閉區(qū)域；

渲染單元，用于對(duì)所述封閉區(qū)域進(jìn)行渲染，得到表征所述目標(biāo)應(yīng)用下載或者安裝的進(jìn)度的圓角進(jìn)度圖形。

第三方面，本發(fā)明實(shí)施例提供一種終端，所述終端包括處理器和存儲(chǔ)介質(zhì)；所述存儲(chǔ)介質(zhì)中存儲(chǔ)有可執(zhí)行指令，所述可執(zhí)行指令用于執(zhí)行本發(fā)明實(shí)施例提供的應(yīng)用進(jìn)度處理方法。

本發(fā)明實(shí)施例具有以下有益效果：

1)使用可縮放矢量圖形的繪制工具，例如SVG路徑命令，或者Canvas API來繪制圓角進(jìn)度繪制圓角邊框以及與進(jìn)度對(duì)應(yīng)的封閉區(qū)域，由于SVG圖形在縮放時(shí)具有任意縮放而不失真的特點(diǎn)，因此表征渲染時(shí)圓角進(jìn)度的清晰的視覺效果。

2)可縮放矢量圖形的繪制工具本身支持邊框的圓角屬性的設(shè)置，因此可以根據(jù)需要任意設(shè)置邊框半徑并高效繪制邊框的圓角，避免了使用已有的hack方法模擬繪制導(dǎo)致的效率低的問題。

附圖說明

圖1是本發(fā)明實(shí)施例提供的圓角進(jìn)度圖標(biāo)的一個(gè)可選的顯示示意圖；

圖2是本發(fā)明實(shí)施例提供的圓角進(jìn)度圖標(biāo)表征不同下載進(jìn)度的一個(gè)可選的顯示示意圖；

圖3是本發(fā)明實(shí)施例提供的終端的一個(gè)可選的硬件結(jié)構(gòu)示意圖；

圖4是本發(fā)明實(shí)施例提供的繪制圓角進(jìn)度圖形的一個(gè)可選的流程示意圖；

圖5是本發(fā)明實(shí)施例提供的繪制圓角邊框的一個(gè)可選的示意圖；

圖6是本發(fā)明實(shí)施例提供的從中心點(diǎn)繪制直線到扇形起點(diǎn)的一個(gè)可選的示意圖；

圖7是本發(fā)明實(shí)施例提供的繪制弧形的一個(gè)可選的示意圖；

圖8是本發(fā)明實(shí)施例提供的繪制弧形的一個(gè)可選的示意圖；

圖9是本發(fā)明實(shí)施例提供的圓角進(jìn)度圖形的一個(gè)可選的示意圖；

圖10是本發(fā)明實(shí)施例提供的繪制圓角進(jìn)度圖形的一個(gè)可選的流程示意圖；

圖11至圖14是本發(fā)明實(shí)施例提供的不同偏移角度的圓角進(jìn)度圖形的可選的示意圖；

圖15是本發(fā)明實(shí)施例提供的繪制圓角進(jìn)度圖形的一個(gè)可選的流程示意圖；

圖16是本發(fā)明實(shí)施例提供的繪制圓角進(jìn)度圖形的一個(gè)可選的流程示意圖；

圖17是本發(fā)明實(shí)施例提供的繪制圓角進(jìn)度圖形的五元數(shù)組的一個(gè)可選的示意圖；

圖18是本發(fā)明實(shí)施例提供的終端的一個(gè)可選的功能結(jié)構(gòu)示意圖。

具體實(shí)施方式

以下結(jié)合附圖及實(shí)施例，對(duì)本發(fā)明進(jìn)行進(jìn)一步詳細(xì)說明。應(yīng)當(dāng)理解，此處所提供的實(shí)施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。另外，以下所提供的實(shí)施例是用于實(shí)施本發(fā)明的部分實(shí)施例，而非提供實(shí)施本發(fā)明的全部實(shí)施例，在不沖突的情況下，本發(fā)明實(shí)施例記載的技術(shù)方案可以任意組合的方式實(shí)施。

本發(fā)明實(shí)施例中涉及的名詞和術(shù)語適用于如下的解釋。

1)動(dòng)畫，通過按時(shí)間序列逐幀繪制的圖像，由于視覺暫留所呈現(xiàn)出的連續(xù)的動(dòng)態(tài)的效果。

2)可縮放矢量圖形(SVG，Scalable Vector Graphics)，基于可擴(kuò)展標(biāo)記語言(標(biāo)準(zhǔn)通用標(biāo)記語言(XML，eXtensible Markup Language)的子集，用于描述二維矢量圖形的一種圖形格式。

SVG技術(shù)中預(yù)定義的形狀有一些預(yù)定義的基本形狀可操作，例如：

矩形<rect>；圓形<circle>；線<line>；路徑<path>。

除了以上基本形狀以外，SVG技術(shù)中還使用路徑(path)命令繪制路徑，路徑由一系列的點(diǎn)規(guī)定，路徑的形狀可以是開放的(如線)或閉合的(如多邊形)，并可以包含一條或多條線、曲線和線段等。

常用的SVG路徑命令包括：

Z，閉合路徑(closepath)，將路徑的開始和結(jié)束點(diǎn)用直線連接；

L，直線(lineTo)，當(dāng)前坐標(biāo)繪制一條直線到一個(gè)新坐標(biāo)；

M，移動(dòng)到(moveTo)新的位置；

A，elliptical arc，當(dāng)前坐標(biāo)繪制橢圓弧到新坐標(biāo)；

O，到當(dāng)前坐標(biāo)繪制二次貝塞爾曲線到新坐標(biāo)。

3)超文本標(biāo)記語言(HTML，Hyper Text Mark-up Language)，標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用，“超文本”就是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。

4)層疊樣式表(CSS Cascading Style Sheets)，用來表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用)或XML(標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)子集)等文件樣式的計(jì)算機(jī)語言。

CSS目前最新版本為CSS3，能夠真正網(wǎng)頁表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語言。相對(duì)于傳統(tǒng)HTML的表現(xiàn)而言，CSS能夠?qū)W(wǎng)頁中的對(duì)象的位置排版進(jìn)行像素級(jí)的精確控制，支持所有的字體字號(hào)樣式。

5)自定義動(dòng)畫(animation)，CSS的復(fù)合屬性，檢索或設(shè)置對(duì)象所應(yīng)用的動(dòng)畫特效，常用的參數(shù)有：

動(dòng)畫的名字；整個(gè)動(dòng)畫的持續(xù)時(shí)間；運(yùn)動(dòng)方式(動(dòng)畫方式)的貝賽爾曲線；

動(dòng)畫延遲執(zhí)行的時(shí)間；動(dòng)畫循環(huán)執(zhí)行的次數(shù)；動(dòng)畫循環(huán)方式：動(dòng)畫的最后狀態(tài)等。

6)HTML 5畫布(Canvas)應(yīng)用程序接口(API)，提供與前述SVG路徑命令類似的命令，支持在頁面設(shè)定的畫布中進(jìn)行繪制操作。

發(fā)明人在實(shí)施本發(fā)明的過程中發(fā)現(xiàn)，以終端中應(yīng)用的圖標(biāo)為圖1示出的圓角進(jìn)度圖標(biāo)10為例，如果圓角進(jìn)度圖標(biāo)利用HTML+CSS3自定義動(dòng)畫(animation)相結(jié)合的方式，能夠?qū)崿F(xiàn)圖2中示出的提示不同進(jìn)度(如下載進(jìn)度、安裝進(jìn)度)的動(dòng)畫效果。

但是，如果利用HTML+CSS3animation實(shí)現(xiàn)圓角進(jìn)度圖標(biāo)的動(dòng)畫效果，由于CSS3無法直接繪制圓弧11，只能通過其它的hack的方法來模擬實(shí)現(xiàn)，其本質(zhì)是將一套CSS逐步變化為另外一種CSS，導(dǎo)致實(shí)現(xiàn)過于復(fù)雜。

發(fā)明人在實(shí)施本發(fā)明的過程中還發(fā)現(xiàn)，SVG技術(shù)雖然目前是應(yīng)用于網(wǎng)頁圖像繪制的技術(shù)，但是SVG技術(shù)具有的以下優(yōu)點(diǎn)可以使得SVG技術(shù)應(yīng)用于終端中的圓角進(jìn)度圖形的繪制：

優(yōu)點(diǎn)1)基于XML，跨平臺(tái)性和可擴(kuò)展性。

基于XML，為了保證網(wǎng)絡(luò)圖像能夠順利地和目前已經(jīng)由W3C開發(fā)的DOM1，SVG在web中的應(yīng)用技術(shù)，以及其他標(biāo)準(zhǔn)化技術(shù)協(xié)調(diào)一致，SVG是完全基于可擴(kuò)展標(biāo)記語言，并能和標(biāo)準(zhǔn)化技術(shù)相融會(huì)的新一代的網(wǎng)絡(luò)圖像格式。

SVG并非僅僅是一種圖像格式，由于它是一種基于XML的語言，也就意味著它繼承了XML的跨平臺(tái)性和可擴(kuò)展性，如SVG可以內(nèi)嵌于其他的XML文檔中，而SVG文檔中也可以嵌入其他的XML內(nèi)容，各個(gè)不同的SVG圖形可以方便地組合，構(gòu)成新的SVG圖形。

優(yōu)點(diǎn)2)采用文本來描述SVG。

包括3種類型的對(duì)象：矢量圖形(包括直線、曲線在內(nèi)的圖形邊)、點(diǎn)陣圖像和文本。

各種圖像對(duì)象能夠組合、變換，并且修改其樣式，也能夠定義成預(yù)處理對(duì)象。

與傳統(tǒng)的圖像格式不同的是，SVG采用文本來描述矢量化的圖形，這使得SVG圖形文件可以像HTML網(wǎng)頁一樣有著很好的可讀性。當(dāng)繪制工具輸出SVG圖形后，可以用任何文字處理工具打開SVG圖形，并可看到用來描述圖像的文本代碼。SVG文件中的文字雖然在顯示時(shí)可呈現(xiàn)出各種圖像化的修飾效果，但卻仍然是以文本的形式存在的，可以選擇復(fù)制、粘貼。

例如一個(gè)實(shí)心圓的矢量圖形可以這樣來生成：

以坐標(biāo)(50，80)為圓心，畫一個(gè)半徑為10個(gè)像素的圓，用紅色填充。而SVG技術(shù)就是采用了這樣的文本化的指令方式來描述：

<？xml version＝"1.0"？>

<svg width＝"100"height＝"200"version＝"1.1"xmlns＝"http://www.w3.org/2000/svg">

<circle style＝"fill:red"cx＝"50"cy＝"80"r＝"10"/>

</svg>

可以看出，建立在文本基礎(chǔ)上的SVG圖形中所有的描述語句都可以直接觀察到，所以也非常容易進(jìn)行二次修改與更新，可升級(jí)的特點(diǎn)在這里可以得到恰當(dāng)?shù)姆从场?/p>

SVG技術(shù)的上述優(yōu)點(diǎn)使得可以應(yīng)用于終端的圓角進(jìn)度圖形的繪制，在本發(fā)明實(shí)施例中，如圖2所示的表征用于的不同進(jìn)度的圓角進(jìn)度圖標(biāo)，可以分解為應(yīng)用的圓角圖標(biāo)(也就是應(yīng)用的原始圖標(biāo)，不能表征應(yīng)用的進(jìn)度)、以及表征應(yīng)用的進(jìn)度的圓角進(jìn)度圖形，應(yīng)用的圓角進(jìn)度圖標(biāo)可以通過在應(yīng)用的圓角圖標(biāo)上疊加圓角進(jìn)度圖形而得到。

例如，由于SVG圖形是基于XML描述的，從而終端可以通過任意的文本編輯工具創(chuàng)建圖形元素對(duì)應(yīng)的SVG節(jié)點(diǎn)，在本發(fā)明實(shí)施例中，SVG節(jié)點(diǎn)與圓角進(jìn)度圖形的幀對(duì)應(yīng)，其中包括描述實(shí)現(xiàn)圓角進(jìn)度的XML語句，調(diào)用SVG繪制工具(提供上述的SVG路徑命令支持)執(zhí)行SVG節(jié)點(diǎn)的語句，可以輸出連續(xù)的表征不同進(jìn)度的圓角進(jìn)度圖形，不斷刷新在應(yīng)用的圓角圖標(biāo)上刷新圓角進(jìn)度圖形，可以在應(yīng)用的圓角進(jìn)度圖標(biāo)上形成進(jìn)度發(fā)生變化的動(dòng)畫效果。

鑒于此，本發(fā)明實(shí)施例提供基于SVG技術(shù)的應(yīng)用進(jìn)度處理方法，以及執(zhí)行應(yīng)用進(jìn)度處理方法的終端。

終端可以采用各種方式來實(shí)施，例如智能手機(jī)、平板電腦、車載終端、穿戴式設(shè)備以及臺(tái)式機(jī)電腦等計(jì)算設(shè)備。

圖3示例性示出了終端20的一個(gè)可選的硬件結(jié)構(gòu)示意圖，圖3示出的硬件結(jié)構(gòu)僅為示例，并不構(gòu)成對(duì)終端結(jié)構(gòu)的限定。例如，可以根據(jù)實(shí)施需要設(shè)置較圖3更多的組件，或者根據(jù)實(shí)施需要省略設(shè)置部分組件。

在圖3中，終端20的一個(gè)可選的硬件結(jié)構(gòu)包括：處理器21、輸入/輸出接口23，存儲(chǔ)介質(zhì)24以及網(wǎng)絡(luò)接口22，組件可以經(jīng)總線25連接通信。

處理器21可以采用中央處理器(CPU)、微處理器(MCU，Microcontroller Unit)、專用集成電路(ASIC，Application Specific Integrated Circuit)或邏輯可編程門陣列(FPGA，F(xiàn)ield－Programmable Gate Array)實(shí)現(xiàn)。

輸入/輸出接口23可以采用如顯示屏、觸摸屏、揚(yáng)聲器等輸入/輸出器件實(shí)現(xiàn)。

存儲(chǔ)介質(zhì)24可以采用閃存、硬盤、光盤等非易失性存儲(chǔ)介質(zhì)實(shí)現(xiàn)，也可以采用雙倍率(DDR，Double Data Rate)動(dòng)態(tài)緩存等易失性存儲(chǔ)介質(zhì)實(shí)現(xiàn)，示例性地，存儲(chǔ)介質(zhì)24可以與硬件結(jié)構(gòu)中的其他組件共同在同一設(shè)備設(shè)置，也可以相對(duì)硬件結(jié)構(gòu)中的其他組件異地遠(yuǎn)程設(shè)置。

網(wǎng)絡(luò)接口22向處理器21提供外部數(shù)據(jù)如異地設(shè)置的存儲(chǔ)介質(zhì)24的訪問能力，示例性地，網(wǎng)絡(luò)接口22可以基于近場(chǎng)通信(NFC，Near Field Communication)技術(shù)、藍(lán)牙(Bluetooth)技術(shù)、紫蜂(ZigBee)技術(shù)進(jìn)行的近距離通信，另外，還可以實(shí)現(xiàn)如基于碼分多址(CDMA，Code Division Multiple Access)、寬帶碼分多址(WCDMA，Wideband Code Division Multiple Access)等通信制式及其演進(jìn)制式的通信。

以下以終端基于SVG技術(shù)繪制圓角進(jìn)度圖形進(jìn)行說明，終端的處理器在顯示器上進(jìn)行渲染形成圖形用戶界面，并執(zhí)行可縮放矢量圖形繪制工具繪制表征應(yīng)用的不同進(jìn)度(如下載進(jìn)度或者安裝進(jìn)度)的圓角進(jìn)度圖形的幀(后續(xù)也簡(jiǎn)稱為圓角進(jìn)度)，將表征不同進(jìn)度的圓角進(jìn)度圖形作為一個(gè)圖層與應(yīng)用的圓角圖標(biāo)的圖層疊加，在應(yīng)用的進(jìn)度發(fā)生更新時(shí)，刷新在應(yīng)用的圓角圖標(biāo)的圖層上疊加的圓角進(jìn)度圖形，即可形成表征如圖2所示的表征應(yīng)用的進(jìn)度更新的動(dòng)畫效果。

下面，以調(diào)用的支持SVG繪制工具進(jìn)行的處理為SVG路徑命令為例進(jìn)行說明，由于Canvas API提供的繪圖命令與SVG繪圖命令是類似的，因此可以參考下述基于SVG路徑命令的調(diào)用而實(shí)施。

如前，圓角進(jìn)度圖形的幀可以通過SVG節(jié)點(diǎn)中的XML語句描述，通過調(diào)用SVG繪制工具執(zhí)行圓角進(jìn)度圖形的XML語句描述可以形成圓角進(jìn)度。下面，假設(shè)已經(jīng)具有圓角進(jìn)度圖形的XML語句描述，對(duì)調(diào)用SVG繪制工具執(zhí)行SVG節(jié)點(diǎn)中的XML語句描述，從而繪制圓角進(jìn)度圖形的過程進(jìn)行說明。

如參見圖4示出的繪制圓角進(jìn)度圖形的一個(gè)可選的流程示意圖，包括以下步驟：

步驟101，基于應(yīng)用下載或者安裝的更新的進(jìn)度，確定與進(jìn)度相應(yīng)的偏移角度。

在另一個(gè)實(shí)施例中，圓角進(jìn)度圖形可以用于表征應(yīng)用的下載進(jìn)度，從終端操作系統(tǒng)的下載器中讀取應(yīng)用的安裝包的下載進(jìn)度，特別地，當(dāng)終端在同時(shí)下載多個(gè)應(yīng)用的安裝包時(shí)，讀取每個(gè)應(yīng)用的安裝包的下載進(jìn)度，基于下載進(jìn)度計(jì)算圓角進(jìn)度的偏移角度，例如當(dāng)下載進(jìn)度為4％時(shí)，圓角進(jìn)度圖形的偏移角度為360度×4％＝15度，當(dāng)下載進(jìn)度為13％時(shí)，圓角進(jìn)度的偏移角度為360度×13％＝45度，從而對(duì)應(yīng)形成如圖9、圖11示出的圓角進(jìn)度。以此類推，當(dāng)下載進(jìn)度為25％、50％、75％時(shí)，對(duì)應(yīng)形成如圖12、圖13和圖14示出的圓角進(jìn)度圖形。

在另一個(gè)實(shí)施例中，與圓角進(jìn)度圖形表征安裝進(jìn)度的處理類似，圓角進(jìn)度圖形可以用于表征應(yīng)用的安裝進(jìn)度，從終端操作系統(tǒng)的安裝器中讀取應(yīng)用的安裝包的安裝進(jìn)度，特別地，當(dāng)終端在同時(shí)安裝多個(gè)應(yīng)用的安裝包時(shí)，讀取每個(gè)應(yīng)用的安裝包的安裝進(jìn)度，基于安裝進(jìn)度計(jì)算圓角進(jìn)度圖形的偏移角度，例如當(dāng)安裝進(jìn)度為4％時(shí)，圓角進(jìn)度圖形的偏移角度為360度×4％＝15度，當(dāng)安裝進(jìn)度為13％時(shí)，圓角進(jìn)度圖形的偏移角度為360度×13％＝45度，從而對(duì)應(yīng)形成如圖9、圖11示出的圓角進(jìn)度圖形。以此類推，當(dāng)安裝進(jìn)度為25％、50％、75％時(shí)，對(duì)應(yīng)形成如圖12、圖13和圖14示出的圓角進(jìn)度圖形。

步驟102，調(diào)用支持可縮放矢量圖形的繪制工具。

示例性地，調(diào)用支持可縮放矢量圖形的繪制工具，可以通過調(diào)用SVG繪制工具實(shí)現(xiàn)，也可以通過調(diào)用HTML5的Canvas API來實(shí)現(xiàn)，后續(xù)步驟以調(diào)用SVG繪制工具為例進(jìn)行說明。

步驟103，在待渲染圖形區(qū)域中加載正方形區(qū)域。

以調(diào)用SVG繪制工具為例，基于SVG節(jié)點(diǎn)中指示的參數(shù)height、width，在待渲染的圖形區(qū)域中設(shè)定正方形的尺寸，單位為像素。

步驟104，在正方形區(qū)域的直角區(qū)域繪制圓角邊框。

參見圖5示出的繪制圓角邊框的一個(gè)可選的示意圖，以調(diào)用SVG繪制工具為例，基于SVG節(jié)點(diǎn)中指示的邊框半徑(border-radius)在正方形的直角區(qū)域繪制圓角邊框。

由于SVG繪制工具直接提供形成圓角的功能，因此，可以避免前述的使用HACK方法導(dǎo)致的繪制圓角復(fù)雜的問題。

border-radius可以同時(shí)設(shè)置有1到4個(gè)值(單位為像素)，用于控制正方形的4個(gè)直角區(qū)域所形成的圓角的半徑(邊框半徑)，例如：

如果設(shè)置有1個(gè)值，表示4個(gè)圓角都使用這個(gè)值。如果設(shè)置有兩個(gè)值，表示左上角和右下角使用第一個(gè)值，右上角和左下角使用第二個(gè)值。如果設(shè)置有三個(gè)值，表示左上角使用第一個(gè)值，右上角和左下角使用第二個(gè)值，右下角使用第三個(gè)值。如果設(shè)置四個(gè)值，則依次對(duì)應(yīng)左上角、右上角、右下角、左下角(順時(shí)針順序)。

步驟105，從正方形的中心點(diǎn)繪制直線到扇形起點(diǎn)。

參見圖6示出的從中心點(diǎn)繪制直線到扇形起點(diǎn)的一個(gè)可選的示意圖，以調(diào)用SVG繪制工具為例，調(diào)用SVG路徑L命令，基于SVG節(jié)點(diǎn)中指示的扇形起點(diǎn)的位置，繪制從中心點(diǎn)到扇形起點(diǎn)的直線。

步驟106，在以中心點(diǎn)為圓心的圓形上，以從中心點(diǎn)至扇形起點(diǎn)的距離為半徑，從扇形起點(diǎn)繪制弧線直至偏移扇形起點(diǎn)至偏移角度的扇形終點(diǎn)。

參見圖7示出的繪制弧形的一個(gè)可選的示意圖，以調(diào)用SVG繪制工具為例，調(diào)用SVG路徑A命令，基于SVG節(jié)點(diǎn)中指示的扇形終點(diǎn)的位置，在以從中心點(diǎn)至扇形起點(diǎn)的距離為半徑的圓上，基于弧線方向標(biāo)識(shí)所指示的順時(shí)針方向或逆時(shí)針方向繪制弧形。在圖7中，以順時(shí)針方向?yàn)槔?，以扇形起點(diǎn)為起點(diǎn)，從扇形起點(diǎn)沿相應(yīng)的順時(shí)針方向或逆時(shí)針方向繪制弧線在圓上繪制弧形，直至偏移扇形起點(diǎn)為預(yù)定的偏移角度的扇形終點(diǎn)。

需要指出的是，為了在圓角正方形內(nèi)部盡可能大的區(qū)域?qū)崿F(xiàn)進(jìn)度變化的動(dòng)態(tài)效果，中心點(diǎn)與扇形起點(diǎn)之間的距離大于或等于正方形對(duì)角線的一半。

步驟107，封閉從扇形終點(diǎn)至中心點(diǎn)，在正方形區(qū)域內(nèi)形成對(duì)應(yīng)圓角進(jìn)度圖形的封閉區(qū)域。

參見圖8示出的繪制弧形的一個(gè)可選的示意圖，以調(diào)用SVG繪制工具為例，調(diào)用SVG路徑M命令，基于SVG節(jié)點(diǎn)中指示的扇形終點(diǎn)和中心點(diǎn)的位置，封閉從扇形終點(diǎn)至中心點(diǎn)，也就是繪制從扇形終點(diǎn)至中心點(diǎn)的直線。

參見圖9示出的圓角進(jìn)度圖形的一個(gè)可選的示意圖，弧形的半徑為正方形區(qū)域?qū)蔷€的二分之一，以半徑、偏移角度(在圖9中，偏移角度為10度)繪制的扇形與圓角正方形區(qū)域形成交集(圓角正方形與圓形的相交部分，也即斜線陰影覆蓋的部分)，圓角正方形區(qū)域中除交集的封閉區(qū)域構(gòu)成圓角進(jìn)度。

在一個(gè)實(shí)施例中，對(duì)構(gòu)成圓角進(jìn)度圖形的封閉區(qū)域可以渲染透明度屬性和顏色屬性至少之一，在圖9中以斜線陰影表示渲染透明度屬性和顏色屬性至少之一的視覺效果，形成表征進(jìn)度為2％(10度/360度×100％)的圓角進(jìn)度圖形。

在一個(gè)實(shí)施例中，為了實(shí)現(xiàn)表征不同進(jìn)度的圓角進(jìn)度的動(dòng)畫效果，還需要對(duì)已經(jīng)形成的圓角進(jìn)度圖形進(jìn)行刷新，相應(yīng)地，參見圖10示出的圓角進(jìn)度圖形繪制的一個(gè)可選的流程示意圖，基于圖4，還可以包括以下步驟：

步驟108，基于應(yīng)用下載或者安裝的更新的進(jìn)度，確定新偏移角度。

步驟109，在正方形區(qū)域內(nèi)繪制形成對(duì)應(yīng)新偏移角度的封閉區(qū)域，使用新偏移角度的封閉區(qū)域刷新對(duì)應(yīng)歷史偏移角度的封閉區(qū)域。

示例性地，圖8中示出了偏移角度為10度的圓角進(jìn)度圖形對(duì)應(yīng)的封閉區(qū)域，隨著偏移角度沿順時(shí)針方向的增長(zhǎng)，圖11至圖14示出了偏移角度為45度、90度、180度、270度時(shí)，在圓角正方形區(qū)域中，以前述半徑、相應(yīng)偏移角度繪制的扇形與圓角正方形區(qū)域的交集之外的封閉區(qū)域，形成對(duì)應(yīng)不同偏移角度的封閉區(qū)域。當(dāng)然，對(duì)應(yīng)偏移角度的封閉區(qū)域可以渲染顏色以突出視覺效果。

在一個(gè)實(shí)施例中，偏移角度對(duì)應(yīng)的封閉區(qū)域的刷新可以通過讀取定時(shí)器的方式實(shí)現(xiàn)，例如，讀取定時(shí)器在定時(shí)時(shí)間到達(dá)時(shí)，計(jì)算形成新的偏移角度，設(shè)為10度，相應(yīng)地，執(zhí)行前述步驟102至步驟107，形成如圖10所示的偏移角度為10度的圓角進(jìn)度圖形；之后，再次讀取定時(shí)器，在定時(shí)時(shí)間到達(dá)時(shí)計(jì)算新的偏移角度，設(shè)為45度，相應(yīng)地，執(zhí)行前述步驟102至步驟107，形成如圖11所示的偏移角度為45度的圓角進(jìn)度圖形。以此類推，圓角進(jìn)度圖形的偏移角度不斷增大，形成如圖12至14示出的不同偏移角度的圓角進(jìn)度圖形。

需要說明的是，在圖10至圖14中以繪制弧形的方向?yàn)轫槙r(shí)針為例進(jìn)行說明，基于圖10至圖14中以順時(shí)針方向繪制圓角進(jìn)度圖形的說明，可以輕易實(shí)施以逆時(shí)針方向繪制弧形而形成表征不同進(jìn)度的圓角進(jìn)度圖形。

前述形成的圓角進(jìn)度圖形，如圖9、圖10至圖14示出的圓角進(jìn)度圖形，在圖形界面上表現(xiàn)為不同圓心角的封閉區(qū)域(相當(dāng)于在圓角正方形區(qū)域去除相應(yīng)偏移角度的扇形區(qū)域而得到)，為了實(shí)現(xiàn)表征不同應(yīng)用的進(jìn)度(下載進(jìn)度或安裝進(jìn)度)的效果，可以著色處理(設(shè)置透明度或顏色)的圓角進(jìn)度圖形作為圖層疊加到應(yīng)用的圓角圖標(biāo)的圖層之上，從而形成表征進(jìn)度的圓角進(jìn)度圖標(biāo)。

相應(yīng)地，參見圖15示出的繪制圓角進(jìn)度圖形的一個(gè)可選的流程示意圖，基于圖4，還可以包括以下步驟：

步驟110，將對(duì)應(yīng)不同進(jìn)度的圓角進(jìn)度圖形的封閉區(qū)域分別與目標(biāo)應(yīng)用的圓角圖標(biāo)合成，基于合成結(jié)果渲染形成用于表征不同進(jìn)度的圓角進(jìn)度圖標(biāo)。

例如設(shè)置0透明度，將表征不同進(jìn)度的圓角進(jìn)度圖形(進(jìn)行渲染后的封閉區(qū)域)以疊加在目標(biāo)應(yīng)用的圓角圖標(biāo)之上的方式進(jìn)行合成，渲染合成的圓角進(jìn)度圖標(biāo)，后續(xù)，通過應(yīng)用的進(jìn)度繪制新的圓角進(jìn)度圖形，并利用新的圓角進(jìn)度圖形刷新之前在應(yīng)用的圓角圖形上疊加的圓角進(jìn)度圖形(也就是歷史圓角進(jìn)度圖形)，隨著進(jìn)度的增大，圓角進(jìn)度圖標(biāo)中應(yīng)用的圖標(biāo)因構(gòu)成圓角進(jìn)度圖形的封閉區(qū)域的減小，顯露的部分依次增大，從而起到實(shí)時(shí)提示進(jìn)度的效果。

仍以調(diào)用SVG路徑命令，再結(jié)合一個(gè)繪制圓角進(jìn)度圖形的具體示例進(jìn)行說明，參見圖16示出的繪制圓角進(jìn)度圖形的一個(gè)可選的流程示意圖，包括以下步驟：

步驟201，指定正方形塊S，寬度為w，中心點(diǎn)為Center(M)，坐標(biāo)為(w/2，w/2)。

步驟202，從Center(M)畫直線(L)到扇形起點(diǎn)Start。

扇形起點(diǎn)Start坐標(biāo)為(w/2，w/2-r)，其中，r＝w*Math.sqrt(2)，sqrt(2)函數(shù)返回一個(gè)數(shù)的平方根；r取值是w的使圓角扇形超出正方形塊S，最終與S產(chǎn)生的交集視覺效果就是構(gòu)成圓角進(jìn)度圖形的扇形。

步驟203，以Start為起點(diǎn)，終點(diǎn)為End繪制弧線。

終點(diǎn)End坐標(biāo)計(jì)算為(w/2+r*sin(alpha)，w/2-r*cos(alpha))，并且若alpha大于180度，則取large-arc-flag為0，否則為1，large-arc-flag表示角度大小，決定弧線是大于還是小于180度，0表示小角度弧，1表示大角度弧。

sweep-flag取0(從Start到End弧形為逆時(shí)針)，x-axis-rotation(x-axis-rotation表示x軸旋轉(zhuǎn)角度)取0，確定這5個(gè)參數(shù)(Start，End，large-arc-flag，sweep-flag，x-axis-rotation)，利用SVG路徑命令(A)，可確認(rèn)唯一的弧形；sweep-flag表示弧線的方向，0表示從起點(diǎn)到終點(diǎn)沿逆時(shí)針畫弧，1表示從起點(diǎn)到終點(diǎn)沿順時(shí)針畫弧。

步驟204，從End點(diǎn)閉合(Z)到中心點(diǎn)Center，并著色即可形成偏移角度為alpha的扇形。

步驟205，設(shè)置S的border-radius，繪制角度為alpha的圓角扇形視覺效果。

border-radius用來設(shè)置邊框圓角，當(dāng)使用一個(gè)半徑時(shí)確定一個(gè)圓形；當(dāng)使用兩個(gè)半徑時(shí)確定一個(gè)橢圓，這個(gè)(橢)圓與邊框的交集形成圓角效果，影響如邊框圓角效果。

步驟206，定時(shí)更新alpha值，動(dòng)態(tài)計(jì)算End，刷新構(gòu)成圓角進(jìn)度圖形的扇形區(qū)域，從而實(shí)現(xiàn)圓角下載進(jìn)度動(dòng)畫。

針對(duì)上述處理的核心偽代碼說明如下：

首先，設(shè)置SVG節(jié)點(diǎn)，并指定SVG節(jié)點(diǎn)的樣式屬性：寬度width，高度height，邊框圓角屬性border-radius并指定寬度和高度，及邊框圓角屬性，如下

<SVG style＝"width:100px；height:100px；border-radius:10px；">

<path id＝'arc'd＝”fill＝'rgba(33，32，32，.2)'></path>

</SVG>

其次，設(shè)置指定偏移角度的path屬性d為以下值：

如圖17所示，通過指定五元組(圓心Start，圓弧固定起點(diǎn)，圓弧偏移角度，圓弧的方向，圓弧角度標(biāo)記位)，來唯一表示指定扇形，其中圓弧的方向?yàn)槟鏁r(shí)針。扇形區(qū)域與SVG正方形塊相交部分即為圓角進(jìn)度，如圖9所示，圓形影與圓角正方形紅色相交區(qū)域?yàn)楫?dāng)前進(jìn)度為25％的圓角進(jìn)度，此時(shí)偏移角度為90度。

再次，設(shè)置定時(shí)器，定時(shí)更新圓弧偏移角度來實(shí)時(shí)更新圓角進(jìn)度。

圖9、圖10至圖14示意描述偏移角度alpha從0到360度變化時(shí)的圓角進(jìn)度圖形的各關(guān)鍵幀。

再對(duì)前述終端的邏輯功能結(jié)構(gòu)進(jìn)行說明，參見圖18示出的移動(dòng)終端的一個(gè)可選的邏輯結(jié)構(gòu)示意圖，需要指出的是，圖18中的邏輯功能單元可以進(jìn)行進(jìn)一步的拆分或者合并，因此終端的邏輯功能結(jié)構(gòu)不限于圖18示出的形式；在圖18中，終端包括：偏移角度確定單元31、圓角邊框繪制單元32、封閉區(qū)域繪制單元33、渲染單元34和合成單元35。圖18中各單元可由圖3中示出的處理器21通過執(zhí)行存儲(chǔ)介質(zhì)24中存儲(chǔ)的可執(zhí)行指令來實(shí)現(xiàn)，以下對(duì)各單元進(jìn)行說明。

偏移角度確定單元31，用于基于目標(biāo)應(yīng)用下載或者安裝的進(jìn)度，確定與進(jìn)度相應(yīng)的偏移角度。

例如，從終端操作系統(tǒng)的下載器中讀取應(yīng)用的安裝包的下載進(jìn)度，特別地，當(dāng)終端在同時(shí)下載多個(gè)應(yīng)用的安裝包時(shí)，讀取每個(gè)應(yīng)用的安裝包的下載進(jìn)度，基于下載進(jìn)度計(jì)算偏移角度的偏移角度，例如當(dāng)下載進(jìn)度為4％時(shí)，偏移角度的偏移角度為360度×4％＝15度，當(dāng)下載進(jìn)度為13％時(shí)，偏移角度的偏移角度為360度×13％＝45度，從而對(duì)應(yīng)形成如圖9、圖11示出的偏移角度。以此類推，當(dāng)下載進(jìn)度為25％、50％、75％時(shí)，對(duì)應(yīng)形成如圖12、圖13和圖14示出的偏移角度。

圓角邊框繪制單元32，用于調(diào)用支持可縮放矢量圖形的繪制工具，在待渲染圖形區(qū)域中繪制正方形區(qū)域，在正方形區(qū)域的直角區(qū)域繪制圓角邊框。

示例性地，圓角邊框繪制單元32調(diào)用支持可縮放矢量圖形的繪制工具，可以通過調(diào)用SVG繪制工具實(shí)現(xiàn)，也可以通過調(diào)用HTML5的Canvas API來實(shí)現(xiàn)，后續(xù)步驟以調(diào)用SVG繪制工具為例進(jìn)行說明。

以圓角邊框繪制單元32調(diào)用SVG繪制工具為例，基于SVG節(jié)點(diǎn)中指示的參數(shù)height、width，在待渲染的圖形區(qū)域中設(shè)定正方形的尺寸，單位為像素。

參見圖5示出的繪制圓角邊框的一個(gè)可選的示意圖，以調(diào)用SVG繪制工具為例，基于SVG節(jié)點(diǎn)中指示的邊框半徑(border-radius)在正方形的直角區(qū)域繪制圓角邊框。由于SVG繪制工具直接提供形成圓角的功能，因此，可以避免前述的使用HACK方法導(dǎo)致的繪制圓角復(fù)雜的問題。

封閉區(qū)域繪制單元33，用于調(diào)用支持可縮放矢量圖形的繪制工具在正方形區(qū)域內(nèi)繪制形成對(duì)應(yīng)偏移角度的封閉區(qū)域。

示例性地，封閉區(qū)域繪制單元33包括：起點(diǎn)子單元331、終點(diǎn)子單元332和封閉子單元333(未示出)。

起點(diǎn)子單元331，用于從正方形的中心點(diǎn)繪制直線到扇形起點(diǎn)。

參見圖6示出的從中心點(diǎn)繪制直線到扇形起點(diǎn)的一個(gè)可選的示意圖，以調(diào)用SVG繪制工具為例，調(diào)用SVG路徑L命令，基于SVG節(jié)點(diǎn)中指示的扇形起點(diǎn)的位置，繪制從中心點(diǎn)到扇形起點(diǎn)的直線。

終點(diǎn)子單元332，用于在以中心點(diǎn)為圓心、以從中心點(diǎn)至扇形起點(diǎn)的距離為半徑的圓形上，從扇形起點(diǎn)繪制弧線直至偏移扇形起點(diǎn)至偏移角度的扇形終點(diǎn)；半徑大于或等于正方形區(qū)域?qū)蔷€的二分之一。

終點(diǎn)子單元332基于弧線方向標(biāo)識(shí)所指示的順時(shí)針方向或逆時(shí)針方向，從扇形起點(diǎn)沿相應(yīng)的順時(shí)針方向或逆時(shí)針方向繪制弧線，直至偏移扇形起點(diǎn)為預(yù)定的偏移角度的扇形終點(diǎn)。

參見圖7示出的繪制弧形的一個(gè)可選的示意圖，以調(diào)用SVG繪制工具為例，調(diào)用SVG路徑A命令，基于SVG節(jié)點(diǎn)中指示的扇形終點(diǎn)的位置，在以從中心點(diǎn)至扇形起點(diǎn)的距離為半徑的圓上，基于弧線方向標(biāo)識(shí)所指示的順時(shí)針方向或逆時(shí)針方向，在圖7中，以順時(shí)針方向?yàn)槔陨刃纹瘘c(diǎn)為起點(diǎn)，從扇形起點(diǎn)沿相應(yīng)的順時(shí)針方向或逆時(shí)針方向繪制弧線在圓上繪制弧形，直至偏移扇形起點(diǎn)為預(yù)定的偏移角度的扇形終點(diǎn)。

需要說明的是，在圖10至圖14中以繪制弧形的方向?yàn)轫槙r(shí)針為例進(jìn)行說明，基于圖10至圖14中以順時(shí)針方向繪制偏移角度的說明，可以輕易實(shí)施以逆時(shí)針方向繪制弧形而形成表征不同進(jìn)度的偏移角度。

需要指出的是，為了在圓角正方形內(nèi)部盡可能大的區(qū)域?qū)崿F(xiàn)進(jìn)度變化的動(dòng)態(tài)效果，中心點(diǎn)與扇形起點(diǎn)之間的距離大于或等于正方形對(duì)角線的一半。

封閉子單元333，用于封閉從扇形終點(diǎn)至中心點(diǎn)，在正方形區(qū)域內(nèi)形成對(duì)應(yīng)偏移角度的封閉區(qū)域。

參見圖8示出的繪制弧形的一個(gè)可選的示意圖，以調(diào)用SVG繪制工具為例，調(diào)用SVG路徑M命令，基于SVG節(jié)點(diǎn)中指示的扇形終點(diǎn)和中心點(diǎn)的位置，封閉從扇形終點(diǎn)至中心點(diǎn)，也就是繪制從扇形終點(diǎn)至中心點(diǎn)的直線。

參見圖9示出的偏移角度的一個(gè)可選的示意圖，弧形的半徑為正方形區(qū)域?qū)蔷€的二分之一，以半徑、偏移角度(在圖9中，偏移角度為10度)繪制的扇形與圓角正方形區(qū)域形成交集(圓角正方形與圓形的相交部分，也即斜線陰影覆蓋的部分)，圓角正方形區(qū)域中除交集的封閉區(qū)域構(gòu)成偏移角度。

渲染單元34，用于對(duì)封閉區(qū)域進(jìn)行渲染，得到表征目標(biāo)應(yīng)用下載或者安裝的進(jìn)度的圓角進(jìn)度圖形，例如將對(duì)應(yīng)偏移角度的封閉區(qū)域渲染透明度屬性和/或顏色屬性。

例如，對(duì)構(gòu)成偏移角度的封閉區(qū)域可以設(shè)置透明度屬性和顏色屬性至少之一，在圖9中以斜線陰影表示設(shè)置透明度屬性和顏色屬性至少之一的視覺效果，形成表征進(jìn)度為2％(10度/360度×100％)的偏移角度。

在一個(gè)實(shí)施例中，為了實(shí)現(xiàn)表征不同的偏移角度，還需要對(duì)已經(jīng)形成的偏移角度進(jìn)行刷新。相應(yīng)地，偏移角度確定單元31，還用于基于目標(biāo)應(yīng)用下載或者安裝的更新的進(jìn)度，確定新偏移角度；

封閉區(qū)域繪制單元33，還用于在正方形區(qū)域內(nèi)繪制形成對(duì)應(yīng)新偏移角度的封閉區(qū)域，使用新偏移角度的封閉區(qū)域刷新對(duì)應(yīng)歷史偏移角度的封閉區(qū)域。

示例性地，圖8中示出了偏移角度為10度的偏移角度，隨著偏移角度沿順時(shí)針方向的增長(zhǎng)，圖11至圖14示出了偏移角度為45度、90度、180度、270度時(shí)，在圓角正方形區(qū)域中，以前述半徑、相應(yīng)偏移角度繪制的扇形與圓角正方形區(qū)域的交集之外的封閉區(qū)域形成對(duì)應(yīng)不同偏移角度的封閉區(qū)域。

在一個(gè)實(shí)施例中，合成單元35，用于將對(duì)應(yīng)不同進(jìn)度的所偏移角度的圓角進(jìn)度圖形分別與目標(biāo)應(yīng)用的圓角圖標(biāo)合成，基于合成結(jié)果渲染形成表征目標(biāo)應(yīng)用的不同進(jìn)度的圓角進(jìn)度圖標(biāo)。

例如，前述形成的偏移角度，如圖9、圖10至圖14示出的偏移角度，在圖形界面上表現(xiàn)為不同圓心角的封閉區(qū)域(相當(dāng)于在圓角正方形區(qū)域去除相應(yīng)偏移角度的扇形區(qū)域而得到)，為了實(shí)現(xiàn)表征不同應(yīng)用的進(jìn)度(下載進(jìn)度或安裝進(jìn)度)的效果，可以將著色處理(設(shè)置透明度或顏色)的偏移角度作為圖層疊加到應(yīng)用的圖標(biāo)的圖層之上，從而形成表征不同進(jìn)度的偏移角度圖標(biāo)。

再例如，如果對(duì)偏移角度的封閉區(qū)域設(shè)置0透明度，當(dāng)將表征不同進(jìn)度的封閉區(qū)域以疊加在目標(biāo)應(yīng)用的圓角圖標(biāo)之上的方式進(jìn)行合成，渲染合成的偏移角度圖標(biāo)并進(jìn)行刷新，隨著進(jìn)度的增大，偏移角度圖標(biāo)中應(yīng)用的圖標(biāo)因偏移角度的封閉區(qū)域的減小而顯露的部分依次增大，從而起到實(shí)時(shí)提示進(jìn)度的效果。

本發(fā)明實(shí)施例具有以下有益效果：

1)利用SVG技術(shù)，只需要設(shè)置1個(gè)SVG節(jié)點(diǎn)來描述圓角進(jìn)度，然后調(diào)用繪圖工具，利用SVG路徑命令直接繪制圓角進(jìn)度，從而高效地實(shí)現(xiàn)圓角進(jìn)度條動(dòng)畫；

2)使用可縮放矢量圖形的繪制工具如SVG路徑命令，或者Canvas API來繪制圓角進(jìn)度，由于SVG圖形在縮放時(shí)具有任意縮放而不失真的特點(diǎn)，因此表征渲染時(shí)圓角進(jìn)度的清晰的視覺效果。

3)可縮放矢量圖形的繪制工具本身支持邊框?qū)傩缘脑O(shè)置，因此可以根據(jù)需要任意設(shè)置邊框半徑并高效繪制，避免了使用前述的hack方法模擬繪制導(dǎo)致的效率低的問題。

本領(lǐng)域的技術(shù)人員可以理解：實(shí)現(xiàn)上述方法實(shí)施例的全部或部分步驟可以通過程序指令相關(guān)的硬件來完成，前述的程序可以存儲(chǔ)于一計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中，該程序在執(zhí)行時(shí)，執(zhí)行包括上述方法實(shí)施例的步驟；而前述的存儲(chǔ)介質(zhì)包括：移動(dòng)存儲(chǔ)裝置、隨機(jī)存取存儲(chǔ)器(RAM，Random Access Memory)、只讀存儲(chǔ)器(ROM，Read-Only Memory)、磁碟或者光盤等各種可以存儲(chǔ)程序代碼的介質(zhì)。

或者，本發(fā)明上述集成的單元如果以軟件功能模塊的形式實(shí)現(xiàn)并作為獨(dú)立的產(chǎn)品銷售或使用時(shí)，也可以存儲(chǔ)在一個(gè)計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中?；谶@樣的理解，本發(fā)明實(shí)施例的技術(shù)方案本質(zhì)上或者說對(duì)相關(guān)技術(shù)做出貢獻(xiàn)的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計(jì)算機(jī)軟件產(chǎn)品存儲(chǔ)在一個(gè)存儲(chǔ)介質(zhì)中，包括若干指令用以使得一臺(tái)計(jì)算機(jī)裝置(可以是個(gè)人計(jì)算機(jī)、服務(wù)器、或者網(wǎng)絡(luò)裝置等)執(zhí)行本發(fā)明各個(gè)實(shí)施例所述方法的全部或部分。而前述的存儲(chǔ)介質(zhì)包括：移動(dòng)存儲(chǔ)裝置、RAM、ROM、磁碟或者光盤等各種可以存儲(chǔ)程序代碼的介質(zhì)。

以上所述，僅為本發(fā)明的具體實(shí)施方式，但本發(fā)明的保護(hù)范圍并不局限于此，任何熟悉本技術(shù)領(lǐng)域的技術(shù)人員在本發(fā)明揭露的技術(shù)范圍內(nèi)，可輕易想到變化或替換，都應(yīng)涵蓋在本發(fā)明的保護(hù)范圍之內(nèi)。因此，本發(fā)明的保護(hù)范圍應(yīng)以所述權(quán)利要求的保護(hù)范圍為準(zhǔn)。