一種動(dòng)態(tài)圖標(biāo)按鈕的實(shí)現(xiàn)方法和裝置制造方法
【專利摘要】本發(fā)明公開了一種動(dòng)態(tài)圖標(biāo)按鈕的實(shí)現(xiàn)方法和裝置。所述方法包括：為用戶界面上的按鈕配置包含多幀畫面的圖片，并設(shè)置自繪控件；當(dāng)自繪控件檢測(cè)到鼠標(biāo)移入所述按鈕的事件時(shí)，按第一設(shè)定次序在所述按鈕上播放所述多幀畫面；當(dāng)自繪控件檢測(cè)到鼠標(biāo)移出所述按鈕的事件時(shí)，按第二設(shè)定次序在所述按鈕上播放所述多幀畫面。本發(fā)明的技術(shù)方案解決了現(xiàn)有應(yīng)用軟件用戶界面上的按鈕不能顯示動(dòng)態(tài)圖標(biāo)的問(wèn)題，提高了按鈕的美觀度，進(jìn)而提高了用戶體驗(yàn)度。
【專利說(shuō)明】一種動(dòng)態(tài)圖標(biāo)按鈕的實(shí)現(xiàn)方法和裝置
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及軟件開發(fā)【技術(shù)領(lǐng)域】，特別涉及一種動(dòng)態(tài)圖標(biāo)按鈕的實(shí)現(xiàn)方法和裝置?！颈尘凹夹g(shù)】
[0002]隨著計(jì)算機(jī)硬件性能的不斷提高,帶動(dòng)了各種用戶界面(UI, User Interface)技術(shù)的革新。特別在用戶交互Π方面，各種賞心悅目的Π層出不窮，使用戶在軟件使用體驗(yàn)方面得到了大大的改善。通過(guò)這種友好的交互，不但提高了軟件的品質(zhì)，更提高了用戶的忠誠(chéng)度?？上攵?，在未來(lái)，Π還是會(huì)作為軟件開發(fā)的重中之重，對(duì)一個(gè)軟件的好壞產(chǎn)生直接的影響。
[0003]傳統(tǒng)用戶界面中的按鈕一般只含有顯示文字和帶有靜態(tài)圖標(biāo)的提示信息，例如如圖1所示，圖1是現(xiàn)有的應(yīng)用軟件中的格式刷按鈕的示意圖。現(xiàn)有的用戶界面中的這些按鈕雖然能夠確切的表達(dá)按鈕的含義，但卻不是十分美觀，用戶體驗(yàn)度不高。

【發(fā)明內(nèi)容】

[0004]本發(fā)明提供了一種動(dòng)態(tài)圖標(biāo)按鈕的實(shí)現(xiàn)方法和裝置，以解決現(xiàn)有應(yīng)用軟件用戶界面上的按鈕不能顯示動(dòng)態(tài)圖標(biāo)，美觀度不高，用戶體驗(yàn)度不高的問(wèn)題。
[0005]為達(dá)到上述目的本發(fā)明的技術(shù)方案是這樣實(shí)現(xiàn)的:
[0006]本發(fā)明公開了一種動(dòng)態(tài)圖標(biāo)按鈕的實(shí)現(xiàn)方法，為用戶界面上的按鈕配置包含多幀畫面的圖片，并設(shè)置自繪控件，該方法包括:
[0007]當(dāng)自繪控件檢測(cè)到鼠標(biāo)移入所述按鈕的事件時(shí)，按第一設(shè)定次序在所述按鈕上播放所述多幀畫面；
[0008]當(dāng)自繪控件檢測(cè)到鼠標(biāo)移出所述按鈕的事件時(shí)，按第二設(shè)定次序在所述按鈕上播放所述多幀畫面。
[0009]在上述方法中，按第一 / 二設(shè)定次序在所述按鈕上播放所述多幀畫面包括:
[0010]A、設(shè)置第一 / 二設(shè)定次序中的第一幀為當(dāng)前活動(dòng)幀；
[0011]B、播放當(dāng)前活動(dòng)幀，獲取當(dāng)前活動(dòng)幀的播放時(shí)間，讓當(dāng)前活動(dòng)幀的畫面在所述按鈕上停留所述的播放時(shí)間；
[0012]C、判斷當(dāng)前活動(dòng)幀是否為第一 / 二設(shè)定次序中的最后一幀，是則停止或者跳轉(zhuǎn)到步驟A，否則設(shè)置下一幀為當(dāng)前活動(dòng)幀并跳轉(zhuǎn)到步驟B。
[0013]該方法進(jìn)一步包括:預(yù)先配置所述多幀畫面的每一幀的播放時(shí)間；
[0014]在上述方法中，所述獲取當(dāng)前活動(dòng)巾貞的播放時(shí)間包括:獲取當(dāng)前活動(dòng)巾貞的預(yù)先配置的播放時(shí)間。
[0015]在上述方法中，所述為按鈕配置包含多幀畫面的圖片包括:
[0016]為按鈕配置多個(gè)圖片，該多個(gè)圖片中的每個(gè)圖片包含一幀畫面；
[0017]或者，為按鈕配置包含多幀畫面的一個(gè)圖片。
[0018]在上述方法中，所述為按鈕配置包含多幀畫面的圖片包括:為按鈕配置動(dòng)態(tài)GIF圖片；
[0019]所述在所述按鈕上播放所述多幀畫面包括:自繪控件利用GDI+來(lái)解析所述動(dòng)態(tài)GIF圖片，并在所述按鈕的指定位置播放所述動(dòng)態(tài)GIF圖片。
[0020]在上述方法中，所述第二設(shè)定次序?yàn)榕c所述第一設(shè)定次序相反的次序。
[0021]該方法進(jìn)一步包括:當(dāng)鼠標(biāo)未選中所述按鈕時(shí)，自繪控件在按鈕上顯示所述多幀畫面中的指定畫面。
[0022]本發(fā)明還公開了一種動(dòng)態(tài)圖標(biāo)按鈕的實(shí)現(xiàn)裝置，該裝置包括:存儲(chǔ)模塊和自繪模塊；
[0023]所述存儲(chǔ)模塊，用于保存為用戶界面上的按鈕配置的包含多幀畫面的圖片；
[0024]所述自繪模塊，用于在檢測(cè)到鼠標(biāo)移入所述按鈕的事件時(shí)，按第一設(shè)定次序在所述按鈕上播放存儲(chǔ)模塊中保存的所述多幀畫面；用于在檢測(cè)到鼠標(biāo)移出所述按鈕的事件時(shí)，按第二設(shè)定次序在所述按鈕上播放存儲(chǔ)模塊中的所述多幀畫面。
[0025]在上述裝置中，所述自繪模塊，用于執(zhí)行步驟A:設(shè)置第一 / 二設(shè)定次序中的第一幀為當(dāng)前活動(dòng)幀；然后自繪模塊執(zhí)行步驟B:播放當(dāng)前活動(dòng)幀，獲取當(dāng)前活動(dòng)幀的播放時(shí)間，讓當(dāng)前活動(dòng)幀的畫面在所述按鈕上停留所述的播放時(shí)間；自繪模塊再執(zhí)行步驟C:判斷當(dāng)前活動(dòng)幀是否為第一 / 二設(shè)定次序中的最后一幀，是則停止或者跳轉(zhuǎn)到步驟A進(jìn)行執(zhí)行，否則設(shè)置下一幀為當(dāng)前活動(dòng)幀并跳轉(zhuǎn)到步驟B進(jìn)行執(zhí)行。
[0026]在上述裝置中，所述存儲(chǔ)模塊，用于保存為按鈕配置的動(dòng)態(tài)GIF圖片；
[0027]所述自繪模塊，用于利用GDI+來(lái)解析所述動(dòng)態(tài)GIF圖片，并在所述按鈕的指定位置播放所述動(dòng)態(tài)GIF圖片。
[0028]本發(fā)明這種為用戶界面上的按鈕配置包含多幀畫面的圖片，并設(shè)置自繪控件，當(dāng)自繪控件檢測(cè)到鼠標(biāo)移入所述按鈕的事件時(shí)，按第一設(shè)定次序在所述按鈕上播放所述多幀畫面，當(dāng)自繪控件檢測(cè)到鼠標(biāo)移出所述按鈕的事件時(shí)，按第二設(shè)定次序在所述按鈕上播放所述多幀畫面的技術(shù)方案，解決了現(xiàn)有應(yīng)用軟件用戶界面上的按鈕不能顯示動(dòng)態(tài)圖標(biāo)，美觀度不高，用戶體驗(yàn)度不高的問(wèn)題。
【專利附圖】

【附圖說(shuō)明】
[0029]圖1是現(xiàn)有的應(yīng)用軟件中的格式刷按鈕的示意圖；
[0030]圖2是本發(fā)明中的一種動(dòng)態(tài)圖標(biāo)按鈕的實(shí)現(xiàn)方法的流程圖；
[0031]圖3是本發(fā)明中按第一 / 二設(shè)定次序在所述按鈕上播放所述多幀畫面的流程圖；
[0032]圖4是本發(fā)明實(shí)施例中的一種動(dòng)態(tài)圖標(biāo)按鈕的實(shí)現(xiàn)裝置的結(jié)構(gòu)圖。
【具體實(shí)施方式】
[0033]本發(fā)明的方案立足在Windows操作系統(tǒng)上制作一個(gè)如下用戶體驗(yàn)的按鈕:在傳統(tǒng)的按鈕的基礎(chǔ)上，在按鈕上添加一個(gè)動(dòng)態(tài)的圖標(biāo)，在鼠標(biāo)移入到此按鈕中的時(shí)候，按第一設(shè)定次序開始播放動(dòng)畫，播放順序可以是從第一幀播放到最后一幀便停止播放。當(dāng)鼠標(biāo)移出此按鈕的時(shí)候，按第二設(shè)定次序開始播放動(dòng)畫，播放順序是從最后一幀播放到第一幀，最后停止播放。
[0034]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖對(duì)本發(fā)明實(shí)施方式作進(jìn)一步地詳細(xì)描述。
[0035]圖2是本發(fā)明中的一種動(dòng)態(tài)圖標(biāo)按鈕的實(shí)現(xiàn)方法的流程圖。如圖2所示，該方法包括:
[0036]201，為用戶界面上的按鈕配置包含多幀畫面的圖片，并設(shè)置自繪控件。
[0037]本步驟中，為按鈕配置多個(gè)圖片，該多個(gè)圖片中的每個(gè)圖片包含一幀畫面；或者為按鈕配置包含多幀畫面的一個(gè)圖片，例如該圖片分為4塊，每塊都是一個(gè)畫面，即該圖片包含4幀畫面。圖片的格式可以為BMP、JPG、PNG等等。
[0038]202，當(dāng)自繪控件檢測(cè)到鼠標(biāo)移入所述按鈕的事件時(shí)，按第一設(shè)定次序在所述按鈕上播放所述多幀畫面。
[0039]203，當(dāng)自繪控件檢測(cè)到鼠標(biāo)移出所述按鈕的事件時(shí)，按第二設(shè)定次序在所述按鈕上播放所述多幀畫面。
[0040]圖2所示方法中采用自繪控件進(jìn)行按鈕動(dòng)態(tài)圖標(biāo)的繪制，不受傳統(tǒng)按鈕表現(xiàn)形式的局限，傳統(tǒng)按鈕一般為矩形，而本發(fā)明中的自繪控件采用無(wú)窗口技術(shù)，可以實(shí)現(xiàn)各種炫麗的外觀，如形狀不規(guī)則、按鈕上可以放動(dòng)態(tài)圖標(biāo)等。
[0041]圖3是本發(fā)明中按第一 / 二設(shè)定次序在所述按鈕上播放所述多幀畫面的流程圖。如圖3所示,包括:
[0042]301，設(shè)置第一 / 二設(shè)定次序中的第一幀為當(dāng)前活動(dòng)幀。
[0043]302，播放當(dāng)前活動(dòng)幀，獲取當(dāng)前活動(dòng)幀的播放時(shí)間，讓當(dāng)前活動(dòng)幀的畫面在所述按鈕上停留所述的播放時(shí)間。
[0044]在本發(fā)明中，預(yù)先配置所述多幀畫面的每一幀的播放時(shí)間，則本步驟中獲取當(dāng)前活動(dòng)幀的預(yù)先配置的播放時(shí)間。預(yù)先配置所述多幀畫面的每一幀的播放時(shí)間具體可以使配置相應(yīng)的線程或定時(shí)器。
[0045]303，判斷當(dāng)前活動(dòng)幀是否為第一 / 二設(shè)定次序中的最后一幀，是則停止或者跳轉(zhuǎn)到步驟301，否則設(shè)置下一幀為當(dāng)前活動(dòng)幀并跳轉(zhuǎn)到步驟302。
[0046]本步驟中，當(dāng)播放到最后一幀時(shí)，停止播放或者跳轉(zhuǎn)到步驟301從新開始循環(huán)播放。
[0047]在本發(fā)明的一個(gè)較佳實(shí)施例中，步驟201所述為按鈕配置包含多幀畫面的圖片為:為按鈕配置動(dòng)態(tài)圖像互換格式(GIF, Graphics Interchange Format)圖片。步驟202和203中所述在所述按鈕上播放所述多幀畫面包括:自繪控件利用圖形設(shè)備接口⑶I+來(lái)解析所述動(dòng)態(tài)GIF圖片，并在所述按鈕的指定位置播放所述動(dòng)態(tài)GIF圖片。播放每一幀的間隔可以使用線程或定時(shí)器來(lái)控制。
[0048]在本發(fā)明的一個(gè)較佳實(shí)施例中，所述第二設(shè)定次序?yàn)榕c所述第一設(shè)定次序相反的次序。即在鼠標(biāo)移入到此按鈕中的時(shí)候，播放次序是從第一幀播放到最后一幀，當(dāng)鼠標(biāo)移出此按鈕的時(shí)候，播放次序是從最后一幀到第一幀，以達(dá)到一種特征的視覺沖擊效果。當(dāng)鼠標(biāo)未選中所述按鈕時(shí)，自繪控件在按鈕上顯示所述多幀畫面中的指定畫面，如顯示第一幀的畫面。
[0049]圖4是本發(fā)明實(shí)施例中的一種動(dòng)態(tài)圖標(biāo)按鈕的實(shí)現(xiàn)裝置的結(jié)構(gòu)圖。如圖4所示，該裝置包括:存儲(chǔ)模塊401和自繪模塊402 ；
[0050]存儲(chǔ)模塊401，用于保存為用戶界面上的按鈕配置的包含多幀畫面的圖片；[0051]自繪模塊402，用于在檢測(cè)到鼠標(biāo)移入所述按鈕的事件時(shí)，按第一設(shè)定次序在所述按鈕上播放存儲(chǔ)模塊401中保存的所述多幀畫面；用于在檢測(cè)到鼠標(biāo)移出所述按鈕的事件時(shí)，按第二設(shè)定次序在所述按鈕上播放存儲(chǔ)模塊401中的所述多幀畫面。
[0052]所述自繪模塊402，用于執(zhí)行步驟A:設(shè)置第一 / 二設(shè)定次序中的第一幀為當(dāng)前活動(dòng)幀；然后自繪模塊執(zhí)行步驟B:播放當(dāng)前活動(dòng)幀，獲取當(dāng)前活動(dòng)幀的播放時(shí)間，讓當(dāng)前活動(dòng)幀的畫面在所述按鈕上停留所述的播放時(shí)間；自繪模塊再執(zhí)行步驟C:判斷當(dāng)前活動(dòng)幀是否為第一 / 二設(shè)定次序中的最后一幀，是則停止或者跳轉(zhuǎn)到步驟A進(jìn)行執(zhí)行，否則設(shè)置下一幀為當(dāng)前活動(dòng)幀并跳轉(zhuǎn)到步驟B進(jìn)行執(zhí)行。
[0053]所述存儲(chǔ)模塊401，用于保存為按鈕配置的動(dòng)態(tài)GIF圖片；
[0054]所述自繪模塊402，用于利用GDI+來(lái)解析所述動(dòng)態(tài)GIF圖片，并在所述按鈕的指定位置播放所述動(dòng)態(tài)GIF圖片。
[0055]綜上所述，本發(fā)明這種為用戶界面上的按鈕配置包含多幀畫面的圖片，并設(shè)置自繪控件，當(dāng)自繪控件檢測(cè)到鼠標(biāo)移入所述按鈕的事件時(shí)，按第一設(shè)定次序在所述按鈕上播放所述多幀畫面，當(dāng)自繪控件檢測(cè)到鼠標(biāo)移出所述按鈕的事件時(shí)，按第二設(shè)定次序在所述按鈕上播放所述多幀畫面的技術(shù)方案，解決了現(xiàn)有應(yīng)用軟件用戶界面上的按鈕不能顯示動(dòng)態(tài)圖標(biāo)，美觀度不高，用戶體驗(yàn)度不高的問(wèn)題，使得用戶界面的按鈕上能夠顯示動(dòng)畫，提高了按鈕的美觀度，提高了使用者的體驗(yàn)。
[0056]以上所述僅為本發(fā)明的較佳實(shí)施例而已，并非用于限定本發(fā)明的保護(hù)范圍。凡在本發(fā)明的精神和原則之內(nèi)所作的任何修改、等同替換、改進(jìn)等，均包含在本發(fā)明的保護(hù)范圍內(nèi)。
【權(quán)利要求】
1.一種動(dòng)態(tài)圖標(biāo)按鈕的實(shí)現(xiàn)方法，其特征在于，為用戶界面上的按鈕配置包含多幀畫面的圖片，并設(shè)置自繪控件，該方法包括: 當(dāng)自繪控件檢測(cè)到鼠標(biāo)移入所述按鈕的事件時(shí)，按第一設(shè)定次序在所述按鈕上播放所述多幀畫面； 當(dāng)自繪控件檢測(cè)到鼠標(biāo)移出所述按鈕的事件時(shí)，按第二設(shè)定次序在所述按鈕上播放所述多幀畫面。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，按第一/ 二設(shè)定次序在所述按鈕上播放所述多幀畫面包括: A、設(shè)置第一/ 二設(shè)定次序中的第一幀為當(dāng)前活動(dòng)幀； B、播放當(dāng)前活動(dòng)幀，獲取當(dāng)前活動(dòng)幀的播放時(shí)間，讓當(dāng)前活動(dòng)幀的畫面在所述按鈕上停留所述的播放時(shí)間； C、判斷當(dāng)前活動(dòng)幀是否為第一/ 二設(shè)定次序中的最后一幀，是則停止或者跳轉(zhuǎn)到步驟 A，否則設(shè)置下一幀為當(dāng)前活動(dòng)幀并跳轉(zhuǎn)到步驟B。
3.根據(jù)權(quán)利要求2所述的方法，其特征在于，該方法進(jìn)一步包括:預(yù)先配置所述多幀畫面的每一幀的播放時(shí)間； 則所述獲取當(dāng)前活動(dòng)幀的播放時(shí)間包括:獲取當(dāng)前活動(dòng)幀的預(yù)先配置的播放時(shí)間。
4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述為按鈕配置包含多幀畫面的圖片包括: 為按鈕配置多個(gè)圖片，該多個(gè)圖片中的每個(gè)圖片包含一幀畫面； 或者，為按鈕配置包含多幀畫面的一個(gè)圖片。
5.根據(jù)權(quán)利要求1所述的方法，其特征在于， 所述為按鈕配置包含多幀畫面的圖片包括:為按鈕配置動(dòng)態(tài)GIF圖片； 所述在所述按鈕上播放所述多幀畫面包括:自繪控件利用⑶I+來(lái)解析所述動(dòng)態(tài)GIF圖片，并在所述按鈕的指定位置播放所述動(dòng)態(tài)GIF圖片。
6.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述第二設(shè)定次序?yàn)榕c所述第一設(shè)定次序相反的次序。
7.根據(jù)權(quán)利要求1至6中任一項(xiàng)所述的方法，其特征在于，該方法進(jìn)一步包括:當(dāng)鼠標(biāo)未選中所述按鈕時(shí)，自繪控件在按鈕上顯示所述多幀畫面中的指定畫面。
8.一種動(dòng)態(tài)圖標(biāo)按鈕的實(shí)現(xiàn)裝置，其特征在于，該裝置包括:存儲(chǔ)模塊和自繪模塊； 所述存儲(chǔ)模塊，用于保存為用戶界面上的按鈕配置的包含多幀畫面的圖片； 所述自繪模塊，用于在檢測(cè)到鼠標(biāo)移入所述按鈕的事件時(shí)，按第一設(shè)定次序在所述按鈕上播放存儲(chǔ)模塊中保存的所述多幀畫面；用于在檢測(cè)到鼠標(biāo)移出所述按鈕的事件時(shí)，按第二設(shè)定次序在所述按鈕上播放存儲(chǔ)模塊中的所述多幀畫面。
9.根據(jù)權(quán)利要求8所述的裝置，其特征在于， 所述自繪模塊，用于執(zhí)行步驟A:設(shè)置第一 / 二設(shè)定次序中的第一幀為當(dāng)前活動(dòng)幀；然后自繪模塊執(zhí)行步驟B:播放當(dāng)前活動(dòng)幀，獲取當(dāng)前活動(dòng)幀的播放時(shí)間，讓當(dāng)前活動(dòng)幀的畫面在所述按鈕上停留所述的播放時(shí)間；自繪模塊再執(zhí)行步驟C:判斷當(dāng)前活動(dòng)幀是否為第一 / 二設(shè)定次序中的最后一幀，是則停止或者跳轉(zhuǎn)到步驟A進(jìn)行執(zhí)行，否則設(shè)置下一幀為當(dāng)前活動(dòng)幀并跳轉(zhuǎn)到步驟B進(jìn)行執(zhí)行。
10.根據(jù)權(quán)利要求8所述的裝置，其特征在于， 所述存儲(chǔ)模塊，用于保存為按鈕配置的動(dòng)態(tài)GIF圖片； 所述自繪模塊，用于利用GDI+來(lái)解析所述動(dòng)態(tài)GIF圖片，并在所述按鈕的指定位置播放所述動(dòng)態(tài)GIF圖片。`
【文檔編號(hào)】G06F9/44GK103513974SQ201210215315
【公開日】2014年1月15日 申請(qǐng)日期:2012年6月26日 優(yōu)先權(quán)日:2012年6月26日
【發(fā)明者】張明賀 申請(qǐng)人:北京新媒傳信科技有限公司