本發(fā)明涉及網(wǎng)絡(luò)
技術(shù)領(lǐng)域：
：，具體而言，涉及一種基于字體生成動態(tài)圖標(biāo)的方法、裝置及設(shè)備。
背景技術(shù)：
：：目前在Web的應(yīng)用軟件中，圖標(biāo)的顯示都是采用圖片的方式完成，而在一個系統(tǒng)中圖標(biāo)一般比較多，這在基于Web界面的訪問中就存在資源效率與帶寬的問題，帶寬問題主要體現(xiàn)在應(yīng)用軟件的移動終端用戶上，并且當(dāng)前圖片都是點(diǎn)陣圖片，點(diǎn)陣圖片在放大時會失真，如果采用分辨率較大的圖片更加增加了下載的數(shù)據(jù)量。Web瀏覽器對資源的加載是有限制的，只能同時加載一定數(shù)量的資源文件，當(dāng)圖片等資源文件較多的時候，需要排隊(duì)。如果加載的圖片資源較多是對網(wǎng)絡(luò)帶寬也有要求，如果網(wǎng)絡(luò)帶寬較小，下載速度也會緩慢。技術(shù)實(shí)現(xiàn)要素：有鑒于此，本發(fā)明實(shí)施例的目的在于提供一種基于字體生成動態(tài)圖標(biāo)的方法、裝置及設(shè)備，以減少圖片的加載，減少網(wǎng)絡(luò)帶寬，提高應(yīng)用軟件的移動終端用戶的體驗(yàn)。為了達(dá)到上述的目的，本發(fā)明實(shí)施例采用的技術(shù)方案如下所述：第一方面，本發(fā)明實(shí)施例提供了一種基于字體生成動態(tài)圖標(biāo)的方法，所述方法包括：按照動態(tài)圖片的幀數(shù)將動態(tài)圖片拆分為多張靜態(tài)圖片；將所述多張靜態(tài)圖片分別進(jìn)行轉(zhuǎn)換得到多個矢量字體文件，所述多個矢量字體文件與所述多張靜態(tài)圖片一一對應(yīng)；設(shè)定動畫索引范圍，所述動畫索引范圍包括所述多個矢量字體文件中的至少兩個矢量字體文件；將所述動畫索引范圍內(nèi)的所述至少兩個矢量字體文件進(jìn)行排序；當(dāng)所述動畫索引范圍被觸發(fā)調(diào)用時，提取所述動畫索引范圍中的矢量字體文件按照所述排序依次生成圖標(biāo)。第二方面，本發(fā)明實(shí)施例提供了一種基于字體生成動態(tài)圖標(biāo)的裝置，所述裝置包括：動態(tài)圖片管理模塊，用于按照動態(tài)圖片的幀數(shù)將動態(tài)圖片拆分為多張靜態(tài)圖片；字體轉(zhuǎn)換模塊，用于將所述多張靜態(tài)圖片分別進(jìn)行轉(zhuǎn)換得到多個矢量字體文件，所述多個矢量字體文件與所述多張靜態(tài)圖片一一對應(yīng)；動畫索引模塊，用于設(shè)定動畫索引范圍，所述動畫索引范圍包括所述多個矢量字體文件中的至少兩個矢量字體文件；排序模塊，用于將所述動畫索引范圍內(nèi)的所述至少兩個矢量字體文件進(jìn)行排序；圖標(biāo)生成模塊，用于在所述動畫索引范圍被觸發(fā)調(diào)用時，提取所述動畫索引范圍中的矢量字體文件按照所述排序依次生成圖標(biāo)。第三方面，本發(fā)明實(shí)施例提供了一種設(shè)備，該設(shè)備包括處理器、存儲器以及上述第二方面的基于字體生成動態(tài)圖標(biāo)的裝置。本發(fā)明提供了一種基于字體生成動態(tài)圖標(biāo)的方法、裝置及設(shè)備，該方法包括：按照動態(tài)圖片的幀數(shù)將動態(tài)圖片拆分為多張靜態(tài)圖片；將所述多張靜態(tài)圖片分別進(jìn)行轉(zhuǎn)換得到多個矢量字體文件，所述多個矢量字體文件與所述多張靜態(tài)圖片一一對應(yīng)；設(shè)定動畫索引范圍，所述動畫索引范圍包括所述多個矢量字體文件中的至少兩個矢量字體文件；將所述動畫索引范圍內(nèi)的所述至少兩個矢量字體文件進(jìn)行排序；當(dāng)所述動畫索引范圍被觸發(fā)調(diào)用時，提取所述動畫索引范圍中的矢量字體文件按照所述排序依次生成圖標(biāo)。本發(fā)明通過將動態(tài)圖片轉(zhuǎn)換為多個矢量字體文件，通過矢量字體文件生成動態(tài)圖標(biāo)，可減少動態(tài)圖標(biāo)生成中圖片的加載，減少網(wǎng)絡(luò)帶寬，提高用戶的體驗(yàn)。為使本發(fā)明的上述目的、特征和優(yōu)點(diǎn)能更明顯易懂，下文特舉較佳實(shí)施例，并配合所附附圖，作詳細(xì)說明如下。附圖說明為了更清楚地說明本發(fā)明實(shí)施例的技術(shù)方案，下面將對實(shí)施例中所需要使用的附圖作簡單地介紹，應(yīng)當(dāng)理解，以下附圖僅示出了本發(fā)明的某些實(shí)施例，因此不應(yīng)被看作是對范圍的限定，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他相關(guān)的附圖。圖1是本發(fā)明實(shí)施例提供的設(shè)備的示意圖。圖2是本發(fā)明實(shí)施例提供的基于字體生成動態(tài)圖標(biāo)的裝置的方框示意圖。圖3-圖10是本發(fā)明實(shí)施例提供的應(yīng)用場景示例圖。圖11是本發(fā)明實(shí)施例提供的基于字體生成動態(tài)圖標(biāo)的方法的流程圖。圖標(biāo)：100-設(shè)備；110-基于字體生成動態(tài)圖標(biāo)的裝置；111-動態(tài)圖片管理模塊；112-字體轉(zhuǎn)換模塊；113-動畫索引模塊；114-排序模塊；115-圖標(biāo)生成模塊；116-顏色處理模塊；117-色彩渲染模塊；118-存儲模塊；120-存儲器；130-處理器。具體實(shí)施方式為使本發(fā)明實(shí)施例的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例。通常在此處附圖中描述和示出的本發(fā)明實(shí)施例的組件可以以各種不同的配置來布置和設(shè)計(jì)。因此，以下對在附圖中提供的本發(fā)明的實(shí)施例的詳細(xì)描述并非旨在限制要求保護(hù)的本發(fā)明的范圍，而是僅僅表示本發(fā)明的選定實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。應(yīng)注意到：相似的標(biāo)號和字母在下面的附圖中表示類似項(xiàng)，因此，一旦某一項(xiàng)在一個附圖中被定義，則在隨后的附圖中不需要對其進(jìn)行進(jìn)一步定義和解釋。本發(fā)明實(shí)施例提供的基于字體生成動態(tài)圖標(biāo)的方法和裝置應(yīng)用于用來開發(fā)應(yīng)用軟件的設(shè)備。該設(shè)備可以是，但不限于，個人電腦(personalcomputer，PC)、平板電腦、個人數(shù)字助理(personaldigitalassistant，PDA)、移動上網(wǎng)設(shè)備(mobileInternetdevice，MID)等。請參照圖1，是本發(fā)明實(shí)施例提供的設(shè)備100的方框示意圖，該設(shè)備100包括基于字體生成動態(tài)圖標(biāo)的裝置110、存儲器120和處理器130。存儲器120和處理器130各元件相互之間直接或間接地電性連接，以實(shí)現(xiàn)數(shù)據(jù)的傳輸或交互。例如，這些元件相互之間可通過一條或多條通訊總線或信號線實(shí)現(xiàn)電性連接?；谧煮w生成動態(tài)圖標(biāo)的裝置110包括至少一個可以軟件或固件(firmware)的形式存儲于所述存儲器120中或固化在設(shè)備100的操作系統(tǒng)(operatingsystem，OS)中的軟件功能模塊。處理器130用于執(zhí)行所述存儲器120中存儲的可執(zhí)行模塊，例如基于字體生成動態(tài)圖標(biāo)的裝置110所包括的軟件功能模塊及計(jì)算機(jī)程序等。其中，存儲器120可以是，但不限于，隨機(jī)存取存儲器(RandomAccessMemory，RAM)，只讀存儲器(ReadOnlyMemory，ROM)，可編程只讀存儲器(ProgrammableRead-OnlyMemory，PROM)，可擦除只讀存儲器(ErasableProgrammableRead-OnlyMemory，EPROM)，電可擦除只讀存儲器(ElectricErasableProgrammableRead-OnlyMemory，EEPROM)等。其中，存儲器120用于存儲程序，處理器130在接收到執(zhí)行指令后，執(zhí)行該程序。請參照圖2，是基于字體生成動態(tài)圖標(biāo)的裝置110的功能模塊架構(gòu)示意圖。該基于字體生成動態(tài)圖標(biāo)的裝置110包括動態(tài)圖片管理模塊111、字體轉(zhuǎn)換模塊112、動畫索引模塊113、排序模塊114及圖標(biāo)生成模塊115。動態(tài)圖片管理模塊111用于按照動態(tài)圖片的幀數(shù)將動態(tài)圖片拆分為多張靜態(tài)圖片。在本實(shí)施例中，設(shè)備100預(yù)先存儲有圖片，該圖片即用于在用戶界面(UI，UserInterface)進(jìn)行顯示的圖標(biāo)，圖片可能包括靜態(tài)的圖片或者動態(tài)的圖片，動態(tài)圖片為一定幀數(shù)的靜態(tài)圖片按照一定順序播放的圖片，一般的格式為GIF(GraphicsInterchangeFormat，圖像互換格式)。本實(shí)施例提供的動態(tài)圖片管理模塊111按照動態(tài)圖片的幀數(shù)將動態(tài)圖片拆分為多張靜態(tài)圖片，比如，請參照圖3，該動態(tài)圖片由5幀靜態(tài)圖片(編號為1、2、3、4、5)按照1、2、3、4、5的順序播放形成，動態(tài)圖片管理模塊111將其拆成五幀靜態(tài)圖片，如圖4-圖8所示。靜態(tài)圖片的格式可以為各種格式，比如bmp(Bitmap，位圖文件)、jpeg(JointPhotographicExpertsGroup，聯(lián)合圖像專家小組(一種國際圖像壓縮標(biāo)準(zhǔn)))、png(PortableNetworkGraphicFormat，可移植網(wǎng)絡(luò)圖形格式)等。在本實(shí)施例中，優(yōu)選靜態(tài)圖片的格式為png。字體轉(zhuǎn)換模塊112用于將拆分之后的多張靜態(tài)圖片分別進(jìn)行轉(zhuǎn)換得到多個矢量字體文件，該多個矢量字體文件與多張靜態(tài)圖片一一對應(yīng)。字體文件是一種矢量圖形，可以設(shè)置其大小、顏色等屬性。字體轉(zhuǎn)換模塊112將各靜態(tài)圖片進(jìn)行轉(zhuǎn)換，成為字體文件中的特殊字符，需要使用圖標(biāo)時，直接從字體文件中提取對應(yīng)字體，代替?zhèn)鹘y(tǒng)方式中使用圖形作為圖標(biāo)的方式，因?yàn)樽煮w文件是矢量圖形，放大之后不會像點(diǎn)陣圖片一樣失真。通過這種方式，可減少圖片的加載，減少網(wǎng)絡(luò)帶寬。由于原圖標(biāo)為動態(tài)圖片，在使用字體文件代替圖片進(jìn)行顯示時，需要生成動態(tài)圖標(biāo)。本實(shí)施例中，動畫索引模塊113用于設(shè)定動畫索引范圍，該動畫索引范圍包括多個矢量字體文件中的至少兩個矢量字體文件。由于拆分后的靜態(tài)圖片中，不同的靜態(tài)圖片可能組成不同的動態(tài)圖，如圖9和圖10，圖9是選取上述圖3中第3、4、5圖生成的矢量字體文件而構(gòu)成的動態(tài)圖片，圖10是選取上述圖3中第1、3、5圖生成的矢量字體文件而構(gòu)成的動態(tài)圖片。圖9和圖10均可以構(gòu)成動態(tài)圖，形成不同的動態(tài)圖標(biāo)。動畫索引模塊113根據(jù)用戶的選擇或者需要，設(shè)定一個或者多個動畫索引范圍，每個動畫索引范圍內(nèi)包括不同的矢量字體文件。排序模塊114用于將動畫索引范圍內(nèi)的至少兩個矢量字體文件進(jìn)行排序。動畫索引范圍設(shè)定之后，需要對動畫索引范圍內(nèi)的多個矢量字體文件進(jìn)行排序，才知道多個矢量字體播放的順序，比如圖9中，矢量字體文件播放的順序被設(shè)置為先矢量字體文件3，再矢量字體文件4，然后矢量字體文件5，而圖10中，矢量字體文件播放的順序被設(shè)置為先矢量字體文件1，再矢量字體文件3，然后矢量字體文件5。本實(shí)施例提供的基于字體生成動態(tài)圖標(biāo)的裝置110還包括存儲模塊118，排序模塊114對矢量字體文件進(jìn)行排序后，存儲模塊118存儲排序后的動畫索引范圍。在應(yīng)用中，需要加載某一動態(tài)圖標(biāo)時，會觸發(fā)調(diào)用該動態(tài)圖標(biāo)對應(yīng)的動畫索引范圍，圖標(biāo)生成模塊115用于在動畫索引范圍被觸發(fā)調(diào)用時，提取動畫索引范圍中的矢量字體文件按照預(yù)先的排序依次生成圖標(biāo)。容易理解的，單獨(dú)的矢量字體文件生成的圖標(biāo)為靜態(tài)的圖標(biāo)，但是多個矢量字體文件按照一定的排序先后生成圖標(biāo)后，會形成動態(tài)的圖標(biāo)。作為優(yōu)選地，本發(fā)明實(shí)施例提供的基于字體生成動態(tài)圖標(biāo)的裝置110還包括顏色處理模塊116和色彩渲染模塊117，便于動態(tài)圖標(biāo)的換色。其中，顏色處理模塊116用于對動態(tài)圖片管理模塊111拆分后的每張靜態(tài)圖片的顏色數(shù)據(jù)進(jìn)行處理，得到多個單一的顏色數(shù)據(jù)。每張靜態(tài)圖片的顏色可能豐富多彩，包含多種混合的顏色，顏色處理模塊116將每張靜態(tài)圖片中的顏色進(jìn)行提取，得到單一的顏色數(shù)據(jù)，如靜態(tài)圖片之前包括黃偏藍(lán)色和藍(lán)偏黃色，由于黃偏藍(lán)色和藍(lán)偏黃色本質(zhì)上是藍(lán)色和黃色進(jìn)行不同程度地渲染得到的效果，顏色處理模塊116進(jìn)行提取后得到藍(lán)色和黃色兩種單一的顏色。在后期，需要對圖標(biāo)生成模塊115生成的圖標(biāo)進(jìn)行顏色的更換或者渲染時，色彩渲染模塊117根據(jù)得到的多個單一的顏色數(shù)據(jù)中的至少一個顏色數(shù)據(jù)對圖標(biāo)進(jìn)行著色，以得到多彩的圖標(biāo)。本發(fā)明實(shí)施例提供的基于字體生成動態(tài)圖標(biāo)的裝置110通過將動態(tài)圖片轉(zhuǎn)換為多個矢量字體文件，通過矢量字體文件生成動態(tài)圖標(biāo)，可減少動態(tài)圖標(biāo)生成中圖片的加載，減少網(wǎng)絡(luò)帶寬，提高用戶的體驗(yàn)。請參照圖11，本發(fā)明實(shí)施例還提供了一種基于字體生成動態(tài)圖標(biāo)的方法，該方法包括以下步驟：步驟S201，按照動態(tài)圖片的幀數(shù)將動態(tài)圖片拆分為多張靜態(tài)圖片。在本實(shí)施例中，該步驟S201可以通過動態(tài)圖片管理模塊111執(zhí)行。步驟S202，對每張靜態(tài)圖片的顏色數(shù)據(jù)進(jìn)行處理，得到多個單一的顏色數(shù)據(jù)。在本實(shí)施例中，該步驟S202可以通過顏色處理模塊116執(zhí)行。步驟S203，將多張靜態(tài)圖片分別進(jìn)行轉(zhuǎn)換得到多個矢量字體文件，每個矢量字體文件與多張靜態(tài)圖片一一對應(yīng)。在本實(shí)施例中，該步驟S203可以通過字體轉(zhuǎn)換模塊112執(zhí)行。步驟S204，設(shè)定動畫索引范圍，動畫索引范圍包括多個矢量字體文件中的至少兩個矢量字體文件。在本實(shí)施例中，該步驟S204可以通過動畫索引模塊113執(zhí)行。步驟S205，將動畫索引范圍內(nèi)的至少兩個矢量字體文件進(jìn)行排序。在本實(shí)施例中，該步驟S205可以通過排序模塊114執(zhí)行。步驟S206，存儲排序后的動畫索引范圍。在本實(shí)施例中，步驟S206可以通過存儲模塊118執(zhí)行。步驟S207，判斷動畫索引范圍是否被觸發(fā)調(diào)用。當(dāng)動畫索引范圍被觸發(fā)調(diào)用時，執(zhí)行步驟S208，當(dāng)動畫索引范圍未被觸發(fā)調(diào)用時，保持待觸發(fā)調(diào)用狀態(tài)。步驟S208，提取動畫索引范圍中的矢量字體文件按照所述排序依次生成圖標(biāo)。在本實(shí)施例中，該步驟S208可以通過圖標(biāo)生成模塊115執(zhí)行。步驟S209，根據(jù)得到的多個單一的顏色數(shù)據(jù)中的至少一個顏色數(shù)據(jù)對圖標(biāo)進(jìn)行著色。在本實(shí)施例中，步驟S209可以通過顏色處理模塊116執(zhí)行。由于該基于字體生成動態(tài)圖標(biāo)的方法中的各個步驟均可通過基于字體生成動態(tài)圖標(biāo)的裝置110中的各個功能模塊執(zhí)行，其原理已在前述實(shí)施例中進(jìn)行說明，此處不再贅述。綜上所述，本發(fā)明提供了一種基于字體生成動態(tài)圖標(biāo)的方法、裝置及設(shè)備。該方法包括：按照動態(tài)圖片的幀數(shù)將動態(tài)圖片拆分為多張靜態(tài)圖片；將所述多張靜態(tài)圖片分別進(jìn)行轉(zhuǎn)換得到多個矢量字體文件，所述多個矢量字體文件與所述多張靜態(tài)圖片一一對應(yīng)；設(shè)定動畫索引范圍，所述動畫索引范圍包括所述多個矢量字體文件中的至少兩個矢量字體文件；將所述動畫索引范圍內(nèi)的所述至少兩個矢量字體文件進(jìn)行排序；當(dāng)所述動畫索引范圍被觸發(fā)調(diào)用時，提取所述動畫索引范圍中的矢量字體文件按照所述排序依次生成圖標(biāo)。本發(fā)明通過將動態(tài)圖片轉(zhuǎn)換為多個矢量字體文件，通過矢量字體文件生成動態(tài)圖標(biāo)，可減少動態(tài)圖標(biāo)生成中圖片的加載，減少網(wǎng)絡(luò)帶寬，提高用戶的體驗(yàn)。在本申請所提供的實(shí)施例中，應(yīng)該理解到，所揭露的裝置和方法，也可以通過其它的方式實(shí)現(xiàn)。以上所描述的裝置實(shí)施例僅僅是示意性的，例如，附圖中的流程圖和框圖顯示了根據(jù)本發(fā)明的多個實(shí)施例的裝置、方法和計(jì)算機(jī)程序產(chǎn)品的可能實(shí)現(xiàn)的體系架構(gòu)、功能和操作。在這點(diǎn)上，流程圖或框圖中的每個方框可以代表一個模塊、程序段或代碼的一部分，所述模塊、程序段或代碼的一部分包含一個或多個用于實(shí)現(xiàn)規(guī)定的邏輯功能的可執(zhí)行指令。也應(yīng)當(dāng)注意，在有些作為替換的實(shí)現(xiàn)方式中，方框中所標(biāo)注的功能也可以以不同于附圖中所標(biāo)注的順序發(fā)生。例如，兩個連續(xù)的方框?qū)嶋H上可以基本并行地執(zhí)行，它們有時也可以按相反的順序執(zhí)行，這依所涉及的功能而定。也要注意的是，框圖和/或流程圖中的每個方框、以及框圖和/或流程圖中的方框的組合，可以用執(zhí)行規(guī)定的功能或動作的專用的基于硬件的系統(tǒng)來實(shí)現(xiàn)，或者可以用專用硬件與計(jì)算機(jī)指令的組合來實(shí)現(xiàn)。另外，在本發(fā)明各個實(shí)施例中的各功能模塊可以集成在一起形成一個獨(dú)立的部分，也可以是各個模塊單獨(dú)存在，也可以兩個或兩個以上模塊集成形成一個獨(dú)立的部分。所述功能如果以軟件功能模塊的形式實(shí)現(xiàn)并作為獨(dú)立的產(chǎn)品銷售或使用時，可以存儲在一個計(jì)算機(jī)可讀取存儲介質(zhì)中?；谶@樣的理解，本發(fā)明的技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻(xiàn)的部分或者該技術(shù)方案的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計(jì)算機(jī)軟件產(chǎn)品存儲在一個存儲介質(zhì)中，包括若干指令用以使得一臺計(jì)算機(jī)設(shè)備(可以是個人計(jì)算機(jī)，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個實(shí)施例所述方法的全部或部分步驟。而前述的存儲介質(zhì)包括：U盤、移動硬盤、只讀存儲器(ROM，Read-OnlyMemory)、隨機(jī)存取存儲器(RAM，RandomAccessMemory)、磁碟或者光盤等各種可以存儲程序代碼的介質(zhì)。需要說明的是，在本文中，諸如第一和第二等之類的關(guān)系術(shù)語僅僅用來將一個實(shí)體或者操作與另一個實(shí)體或操作區(qū)分開來，而不一定要求或者暗示這些實(shí)體或操作之間存在任何這種實(shí)際的關(guān)系或者順序。而且，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者設(shè)備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者設(shè)備所固有的要素。在沒有更多限制的情況下，由語句“包括一個……”限定的要素，并不排除在包括所述要素的過程、方法、物品或者設(shè)備中還存在另外的相同要素。以上所述僅為本發(fā)明的優(yōu)選實(shí)施例而已，并不用于限制本發(fā)明，對于本領(lǐng)域的技術(shù)人員來說，本發(fā)明可以有各種更改和變化。凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。應(yīng)注意到：相似的標(biāo)號和字母在下面的附圖中表示類似項(xiàng)，因此，一旦某一項(xiàng)在一個附圖中被定義，則在隨后的附圖中不需要對其進(jìn)行進(jìn)一步定義和解釋。當(dāng)前第1頁1 2 3 當(dāng)前第1頁1 2 3