專利名稱：顯示圖標(biāo)的方法和裝置的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及計(jì)算機(jī)圖像處理領(lǐng)域，尤其是涉及一種顯示圖標(biāo)的方法和裝置。
背景技術(shù)：
計(jì)算機(jī)技術(shù)的飛速發(fā)展，給人們的工作和生活帶來了極大的便利。一個(gè)常見的場景中，用戶通過鼠標(biāo)點(diǎn)擊圖標(biāo)向計(jì)算機(jī)發(fā)送命令，執(zhí)行相應(yīng)的操作，或者，在軟件中設(shè)置一個(gè)用戶頭像功能的控件，向用戶提供一個(gè)頭像圖標(biāo)，用于方便標(biāo)識用戶的身份，例如，在QQ、阿里通等通訊軟件中，都設(shè)置有用戶頭像功能的控件?，F(xiàn)有技術(shù)中，圖標(biāo)都是靜態(tài)的，即當(dāng)用戶將鼠標(biāo)滑入或滑出圖標(biāo)時(shí)，顯示出的圖標(biāo)都是一樣的，不會發(fā)生變化。這樣的處理方式，不方便用戶獲知是否利用鼠標(biāo)選中了圖標(biāo)，以執(zhí)行相應(yīng)的操作，且操作界面過于單調(diào)，降低了用戶體驗(yàn)。

發(fā)明內(nèi)容
本發(fā)明實(shí)施例提供了一種顯示圖標(biāo)的方法和裝置，使用戶清楚獲知當(dāng)前選中操作的狀態(tài)，便于用戶執(zhí)行相應(yīng)的操作，且豐富了操作界面的內(nèi)容，增強(qiáng)了用戶體驗(yàn)。為達(dá)到上述目的，本發(fā)明實(shí)施例的技術(shù)方案是這樣實(shí)現(xiàn)的本發(fā)明實(shí)施例提供了一種顯示圖標(biāo)的方法，包括對于圖標(biāo)的基本圖像，設(shè)置所需的增效圖像；當(dāng)鼠標(biāo)滑入所述圖標(biāo)控件范圍內(nèi)時(shí)，根據(jù)鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間和所述增效圖像，生成滑入顯示圖像；將所述滑入顯示圖像顯示出來。本發(fā)明實(shí)施例還提供了一種顯示圖標(biāo)的裝置，所述裝置包括增效圖像設(shè)置單元，用于對于圖標(biāo)的基本圖像，設(shè)置所需的增效圖像；滑入顯示圖像單元，用于當(dāng)鼠標(biāo)滑入所述圖標(biāo)控件范圍內(nèi)時(shí)，根據(jù)鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間和所述增效圖像，生成滑入顯示圖像；顯示單元，用于將所述滑入顯示圖像顯示出來。由上述可見，本發(fā)明實(shí)施例的技術(shù)方案實(shí)現(xiàn)了一種新型的動態(tài)圖標(biāo)，通過為圖標(biāo)的基本圖像設(shè)置增效圖像，當(dāng)用戶選中圖標(biāo)時(shí)，能夠根據(jù)鼠標(biāo)的控制將增效圖像顯示出來。本發(fā)明實(shí)施例的技術(shù)方案解決了現(xiàn)有技術(shù)中采用靜態(tài)圖標(biāo)所帶來的問題，使用戶清楚獲知當(dāng)前選中操作的狀態(tài)，便于用戶執(zhí)行相應(yīng)的操作，且豐富了操作界面的內(nèi)容，增強(qiáng)了用戶體驗(yàn)。


為了更清楚地說明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。圖I為本發(fā)明實(shí)施例一提供的一種顯示圖標(biāo)的方法流程示意圖；圖2為本發(fā)明實(shí)施例二提供的定時(shí)器工作方法示意圖；圖3為本發(fā)明實(shí)施例二提供的生成滑入顯示圖像的原理示意圖；圖4為本發(fā)明實(shí)施例二提供的生成滑出顯示圖像的原理示意圖；圖5為本發(fā)明實(shí)施例三提供的顯示圖標(biāo)的裝置結(jié)構(gòu)示意圖。
具體實(shí)施例方式下面將結(jié)合本發(fā)明的附圖，對本發(fā)明的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例， 本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動的前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。本發(fā)明實(shí)施例一提供了一種顯示圖標(biāo)的方法，參見圖1，所述方法包括11 :對于圖標(biāo)的基本圖像，設(shè)置所需的增效圖像；12 :當(dāng)鼠標(biāo)滑入所述圖標(biāo)控件范圍內(nèi)時(shí)，根據(jù)鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間和所述增效圖像，生成滑入顯示圖像；13 :將所述滑入顯示圖像顯示出來。進(jìn)一步的，設(shè)置的增效圖像可以為一張或多張不同的圖像，例如，所述增效圖像為對所述基本圖像的像素尺寸進(jìn)行放大后的圖像；當(dāng)設(shè)置至少兩張不同的增效圖像時(shí)，所述增效圖像包括第一增效圖像和第二增效圖像，所述第二增效圖像的像素尺寸大于第一增效圖像的像素尺寸。示例性的，上述圖標(biāo)可以為即時(shí)通信工具中的界面操作圖標(biāo)或者頭像圖標(biāo)。利用本發(fā)明實(shí)施例的技術(shù)方案能夠通過來自鼠標(biāo)的控制命令，在即時(shí)通信工具中實(shí)現(xiàn)一種具有動畫效果的頭像控件。由上述可見，本發(fā)明實(shí)施例一的技術(shù)方案實(shí)現(xiàn)了一種新型的動態(tài)圖標(biāo)，通過為圖標(biāo)的基本圖像設(shè)置增效圖像，當(dāng)用戶選中圖標(biāo)時(shí)，能夠根據(jù)鼠標(biāo)的控制將增效圖像顯示出來。本發(fā)明實(shí)施例的技術(shù)方案解決了現(xiàn)有技術(shù)中采用靜態(tài)圖標(biāo)所帶來的問題，使用戶清楚獲知當(dāng)前選中操作的狀態(tài)，便于用戶執(zhí)行相應(yīng)的操作，且豐富了操作界面的內(nèi)容，增強(qiáng)了用戶體驗(yàn)。為了便于清楚描述本發(fā)明實(shí)施例的技術(shù)方案，在發(fā)明的實(shí)施例中，采用了“第一”、“第二”等字樣對功能和作用基本相同的相同項(xiàng)或相似項(xiàng)進(jìn)行區(qū)分，本領(lǐng)域技術(shù)人員可以理解“第一”、“第二”等字樣并不對數(shù)量和執(zhí)行次序進(jìn)行限定。下面對本發(fā)明實(shí)施例二提供的顯示圖標(biāo)的方法進(jìn)行說明。11 :對于圖標(biāo)的基本圖像，設(shè)置所需的增效圖像；所設(shè)置的增效圖像可以為一張或多張，當(dāng)僅存在一張?jiān)鲂D像時(shí)，在后續(xù)顯示圖標(biāo)的時(shí)候所得到的動畫效果比較簡單，例如，當(dāng)這一張?jiān)鲂D像為一張對基本圖像的像素尺寸放大的圖像時(shí)，所能達(dá)到的動畫效果就為對圖標(biāo)的直接放大；當(dāng)存在多張?jiān)鲂D像時(shí)，在后續(xù)顯示圖標(biāo)時(shí)可以得到比較復(fù)雜的動畫效果，如達(dá)到漸變放大或漸變縮小的動畫特效。
上述圖標(biāo)的基本圖像可以為當(dāng)鼠標(biāo)未與圖標(biāo)控件相互作用時(shí)，圖標(biāo)在操作界面上正常顯示的圖像。上述基本圖像和增效圖像都可以在圖標(biāo)控件初始化時(shí)生成并保存，作為一種靜態(tài)的數(shù)據(jù)，或者，上述增效圖像可以在后續(xù)生成滑入顯示圖像的時(shí)候即時(shí)動態(tài)生成。參見表1，顯示了本發(fā)明實(shí)施例提供的一種基本圖像和增效圖像的示例，在該示例中增效圖像為對所述基本圖像的像素尺寸進(jìn)行放大后的圖像，利用這種類型的增效圖像實(shí)現(xiàn)在顯示圖標(biāo)時(shí)達(dá)到漸變放大或漸變縮小的動畫特效。表I
序號表本符號描述_
J___基本圖像，如一張45*45像素大小的圖像
2Pl 根據(jù)基本圖像生成的第一增效圖像，如一張___48*48像素大小的圖像_
3P2 根據(jù)基本圖像生成的第二增效圖像，如一張___51*51像素大小的圖像_
4P3 根據(jù)基本圖像生成的第三增效圖像，如一張___54*54像素大小的圖像_12 :當(dāng)鼠標(biāo)滑入所述圖標(biāo)控件范圍內(nèi)時(shí)，根據(jù)鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間和所述增效圖像，生成滑入顯示圖像；本發(fā)明實(shí)施例中通過鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間，對具體生成的滑入顯示圖像進(jìn)行控制，鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間長短不同，最終所生成滑入顯示圖像也不相同，從而實(shí)現(xiàn)了一種靈活的顯示方式，進(jìn)一步豐富了操作界面的內(nèi)容，增強(qiáng)了用戶體驗(yàn)。為了便于控制鼠標(biāo)在圖標(biāo)控件內(nèi)的駐留時(shí)間以及對圖標(biāo)的顯示效果，可以在圖標(biāo)控件內(nèi)部設(shè)置一個(gè)定時(shí)器。從鼠標(biāo)滑入圖標(biāo)控件范圍內(nèi)起，每隔預(yù)定時(shí)間段生成一張滑入顯示圖像，根據(jù)需要(如期望生成的滑入顯示圖像的數(shù)量)設(shè)置預(yù)定時(shí)間段的具體時(shí)間長度，例如，該時(shí)間段為30毫秒。本發(fā)明實(shí)施例中以所述增效圖像包括第一增效圖像P1、第二增效圖像P2和第三增效圖像P3,從鼠標(biāo)滑入所述圖標(biāo)控件范圍內(nèi)起，鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間包括至少七個(gè)時(shí)間段(即生成七張滑入顯示圖像)的情況為例進(jìn)行說明。參見圖2，包括如下步驟120 :啟動定時(shí)器。從鼠標(biāo)滑入圖標(biāo)控件范圍內(nèi)的時(shí)刻起，啟動圖標(biāo)控件中的定時(shí)器，定時(shí)器開始計(jì)時(shí)。121 :生成當(dāng)前的滑入顯示圖像。
在第一時(shí)間段內(nèi)，將圖標(biāo)的基本圖像作為所述滑入顯示圖像；在第二時(shí)間段內(nèi)，根據(jù)第一增效圖像和基本圖像生成所述的滑入顯示圖像；在第三時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像和基本圖像生成所述的滑入顯示圖像；在第四時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像、第三增效圖像和基本圖像生成所述的滑入顯示圖像；在第五時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像和第三增效圖像生成所述的滑入顯示圖像；在第六時(shí)間段內(nèi)，根據(jù)第二增效圖像和第三增效圖像生成所述的滑入顯示圖像；
在第七時(shí)間段內(nèi)，將第三增效圖像作為所述的滑入顯示圖像。122 :在預(yù)定時(shí)間段后重新觸發(fā)定時(shí)器。例如，從上一次定時(shí)器的計(jì)數(shù)過程時(shí)起30毫秒重新觸發(fā)一次定時(shí)器，定時(shí)器開始一次新的計(jì)數(shù)過程。123 :判斷是否為第N次觸發(fā)定時(shí)器。上述的N值為所允許的觸發(fā)次數(shù)加1，或者所需的滑入顯示圖像的數(shù)量加I。例如，N取8時(shí)，步驟123具體為判斷當(dāng)前的觸發(fā)過程是否為第8次觸發(fā)過程，若是，結(jié)束當(dāng)前操作，若否，執(zhí)行步驟121。
下面結(jié)合圖3，對步驟121進(jìn)行具體說明。當(dāng)鼠標(biāo)滑入圖標(biāo)控件后，開始執(zhí)行滑入顯示圖像的生成或繪制，每啟動一次定時(shí)器，在一個(gè)時(shí)間段內(nèi)執(zhí)行一張滑入顯示圖像的繪制。下面以生成或繪制七張滑入顯示圖像的情況為例進(jìn)行說明。第一次繪制過程中，所得到的滑入顯示圖像即為圖標(biāo)的基本圖像BP，參見圖3中的(a)圖像，則可以通過讀取已經(jīng)保存的基本圖像得到所需的滑入顯示圖像，或者，也可以當(dāng)前動態(tài)重新生成所需的滑入顯示圖像。第一次繪制，圖像的繪制順序可以表示為BP。第二次繪制過程中，利用基本圖像BP和第一增效圖像Pl疊加得到所需的滑入顯示圖像，例如，利用定位數(shù)據(jù)將BP疊加在Pl的相應(yīng)區(qū)域中，參見圖3中的(b)圖像，將BP疊加在Pl的中央位置區(qū)域，從而產(chǎn)生圖標(biāo)的邊緣輪廓擴(kuò)張的效果。第二次繪制，圖像的繪制順序可以表示為P1 — BP。第三次繪制過程中，利用基本圖像BP、第一增效圖像Pl和第二增效圖像P2疊加得到所需的滑入顯示圖像，例如，利用相應(yīng)的定位數(shù)據(jù)先將Pl疊加在P2中，得到結(jié)果圖像，再利用相應(yīng)的定位數(shù)據(jù)，將BP疊加在結(jié)果圖像的相應(yīng)區(qū)域中，參見圖3中的(c)圖像，上述的相應(yīng)區(qū)域?yàn)閳D像的中央位置區(qū)域，這種方式，能夠產(chǎn)生圖標(biāo)的邊緣輪廓擴(kuò)張的效果。第三次繪制，圖像的繪制順序可以表示為P2 — Pl — BP。第四次繪制過程中，利用基本圖像BP、第一增效圖像P1、第二增效圖像P2和第三增效圖像P3疊加得到所需的滑入顯示圖像，例如，利用相應(yīng)的定位數(shù)據(jù)先將P2疊加在P3中，得到第一結(jié)果圖像，再利用相應(yīng)的定位數(shù)據(jù)將Pl疊加在第一結(jié)果圖像的相應(yīng)區(qū)域中，得到第二結(jié)果圖像，再利用相應(yīng)的定位數(shù)據(jù)將BP疊加在第二結(jié)果圖像中，參見圖3中的(d)圖像，上述的相應(yīng)區(qū)域?yàn)閳D像的中央位置區(qū)域，這種方式，能夠產(chǎn)生圖標(biāo)的邊緣輪廓擴(kuò)張的效果。第二次繪制，圖像的繪制順序可以表不為P3 — P2 — Pl — BP。第五次繪制過程中，利用第一增效圖像P1、第二增效圖像P2和第三增效圖像P3疊加得到所需的滑入顯示圖像，例如，利用相應(yīng)的定位數(shù)據(jù)先將P2疊加在P3中，得到結(jié)果圖像，再利用相應(yīng)的定位數(shù)據(jù)將Pl疊加在結(jié)果圖像的相應(yīng)區(qū)域中，參見圖3中的(e)圖像，上述的相應(yīng)區(qū)域?yàn)閳D像的中央位置區(qū)域，這種方式，能夠產(chǎn)生圖標(biāo)內(nèi)容放大的效果。第五次繪制，圖像的繪制順序可以表示為P3 — P2 — P1。第六次繪制過程中，利用第二增效圖像P2和第三增效圖像P3疊加得到所需的滑入顯示圖像，例如，利用相應(yīng)的定位數(shù)據(jù)將P2疊加在P3中，參見圖3中的(f)圖像，上述的相應(yīng)區(qū)域?yàn)閳D像的中央位置區(qū)域，這種方式，能夠產(chǎn)生圖標(biāo)內(nèi)容放大的效果。第五次繪制，圖像的繪制順序可以表示為P3 — P2。第七次繪制過程中，所需的滑入顯示圖像就為第三增效圖像P3，則可以通過讀取已經(jīng)保存的基本圖像得到所需的滑入顯示圖像，或者，也可以當(dāng)前動態(tài)重新生成所需的滑
入顯示圖像，這種方式，能夠產(chǎn)生圖標(biāo)內(nèi)容放大的效果。第七次繪制，圖像的繪制順序可以表示為P3。13 :將所述滑入顯示圖像顯示出來。當(dāng)僅存在一張滑入顯示圖像時(shí)，直接將滑入顯示圖像進(jìn)行顯示即可，當(dāng)滑入顯示圖像是基本圖像的放大圖像時(shí)，這種方式達(dá)到了對圖標(biāo)直接進(jìn)行放大的效果；當(dāng)存在多張滑入顯示圖像時(shí)，所達(dá)到的動畫效果可以更加豐富和多樣。例如，由對生成上述七張滑入顯示圖像過程的具體描述可知，將這七張滑入顯示圖像分別逐個(gè)顯示出來的時(shí)候，能夠達(dá)到一種漸變放大的效果，具體如下在對第一次繪制到第四次繪制得到的滑入顯示圖像分別逐個(gè)進(jìn)行顯示時(shí)，達(dá)到了圖標(biāo)的邊緣逐漸擴(kuò)張而圖標(biāo)內(nèi)容部分大小不變的效果，在對第五次繪制到第七次繪制得到滑入顯示圖像分別逐個(gè)進(jìn)行顯示時(shí)，達(dá)到了圖標(biāo)的內(nèi)容部分在擴(kuò)張而圖標(biāo)邊緣部分大小不變的效果，通過這兩個(gè)層次的處理，整體上完成了對圖標(biāo)漸變放大的過程。進(jìn)一步的，本發(fā)明實(shí)施例還包括當(dāng)鼠標(biāo)滑出所述圖標(biāo)控件范圍內(nèi)時(shí)，根據(jù)所述增效圖像生成滑出顯示圖像，并將所述滑出顯示圖像顯示出來。例如，當(dāng)鼠標(biāo)滑出圖標(biāo)控件范圍時(shí)，為了顯示整個(gè)動畫過程，圖標(biāo)控件內(nèi)部同樣使用了一個(gè)定時(shí)器，每隔預(yù)定時(shí)間段(如30毫秒)，觸發(fā)一次定時(shí)器，這時(shí)控件就執(zhí)行一次繪圖操作。該定時(shí)器的操作參見上述鼠標(biāo)滑入部分的相關(guān)內(nèi)容和圖2所示。進(jìn)一步的，當(dāng)在一次鼠標(biāo)滑入滑出的過程中，存在多張滑入顯示圖像時(shí)，所述生成的滑出顯示圖像在數(shù)量和內(nèi)容上與所述滑入顯示圖像相對應(yīng)。例如，當(dāng)鼠標(biāo)滑入時(shí)生成了三張滑入顯示圖像時(shí)，則鼠標(biāo)滑出后也生成三張滑出顯示圖像。且三張滑入顯示圖像和三張滑出顯示圖像在內(nèi)容上也相對應(yīng)，從而在整體上達(dá)到更好的顯示效果。仍以上述鼠標(biāo)滑入時(shí)生成七張滑入顯示圖像的情況為例進(jìn)行說明，在鼠標(biāo)滑出后可以相應(yīng)地生成七張滑出顯示圖像，具體如下參見圖4，當(dāng)鼠標(biāo)滑出所述圖標(biāo)控件范圍后，在包括七個(gè)時(shí)間段的時(shí)間內(nèi)通過如下方式生成滑出顯示圖像在第一時(shí)間段內(nèi)，將第三增效圖像作為所述的滑出顯示圖像，參見圖4中的(a)圖像；在第二時(shí)間段內(nèi)，根據(jù)第二增效圖像和第三增效圖像生成所述的滑出顯示圖像，參見圖4中的(b)圖像；
在第三時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像和第三增效圖像生成所述的滑出顯示圖像，參見圖4中的(C)圖像；在第四時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像、第三增效圖像和基本圖像生成所述的滑出顯示圖像，參見圖4中的(d)圖像；在第五時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像和基本圖像生成所述的滑出顯示圖像，參見圖4中的(e)圖像；在第六時(shí)間段內(nèi)，根據(jù)第一增效圖像和基本圖像生成所述的滑出顯示圖像，參見圖4中的(f)圖像；在第七時(shí)間段內(nèi)，將圖標(biāo)的基本圖像作為所述滑出顯示圖像，參見圖4中的(g)圖 像。上述生成滑出顯示圖像的具體方法參見滑入顯示圖像的生成方法，由上述可知，在鼠標(biāo)滑出后，第一次繪制滑出顯示圖像的順序?yàn)镻3 ;第二次繪制滑出顯示圖像的順序?yàn)镻3 — P2 ;第三次繪制滑出顯示圖像的順序?yàn)镻3 — P2 — Pl ;第四次繪制滑出顯示圖像的順序?yàn)镻3 — P2 — Pl — BP ;第五次繪制滑出顯不圖像的順序?yàn)镻2 — Pl — BP ;第六次繪制滑出顯示圖像的順序?yàn)镻1 — BP ;第七次繪制滑出顯示圖像的順序?yàn)锽P。當(dāng)僅存在一張滑出顯示圖像時(shí)，直接將滑出顯示圖像進(jìn)行顯示即可，當(dāng)滑入顯示圖像是基本圖像的放大圖像時(shí)，這種方式達(dá)到了對圖標(biāo)直接進(jìn)行還原的效果；當(dāng)存在多張滑出顯示圖像時(shí)，所達(dá)到的動畫效果可以更加豐富和多樣。例如，由對生成上述七張滑出顯示圖像過程的具體描述可知，將這七張滑出顯示圖像分別逐個(gè)顯示出來的時(shí)候，能夠達(dá)到一種漸變縮小的效果，具體如下在對第一次繪制到第四次繪制得到的滑出顯示圖像分別逐個(gè)進(jìn)行顯示時(shí)，達(dá)到了圖標(biāo)的內(nèi)容不斷縮小的效果，而圖標(biāo)的邊緣部分大小不變；在對第五次繪制到第七次繪制得到滑出顯示圖像分別逐個(gè)進(jìn)行顯示時(shí)，達(dá)到了圖標(biāo)邊緣在不斷縮小而圖標(biāo)的內(nèi)容部分大小不變的效果，通過這兩個(gè)層次的處理，整體上完成了對圖標(biāo)漸變縮小的過程。示例性的，上述圖標(biāo)可以為即時(shí)通信工具中的界面操作圖標(biāo)或者頭像圖標(biāo)。利用本發(fā)明實(shí)施例的技術(shù)方案能夠通過來自鼠標(biāo)的控制命令，在即時(shí)通信工具中實(shí)現(xiàn)一種具有動畫效果的頭像控件。由上述可見，本發(fā)明實(shí)施例二的技術(shù)方案實(shí)現(xiàn)了一種新型的動態(tài)圖標(biāo)，通過為圖標(biāo)的基本圖像設(shè)置增效圖像，當(dāng)用戶選中圖標(biāo)時(shí)，能夠根據(jù)鼠標(biāo)的控制將增效圖像顯示出來。本發(fā)明實(shí)施例的技術(shù)方案解決了現(xiàn)有技術(shù)中采用靜態(tài)圖標(biāo)所帶來的問題，使用戶清楚獲知當(dāng)前選中操作的狀態(tài)，便于用戶執(zhí)行相應(yīng)的操作，且豐富了操作界面的內(nèi)容，增強(qiáng)了用戶體驗(yàn)。本發(fā)明實(shí)施三還提供了一種顯示圖標(biāo)的裝置，參見圖5，所述裝置包括增效圖像設(shè)置單元51，用于對于圖標(biāo)的基本圖像，設(shè)置所需的增效圖像；滑入顯示圖像單元52，用于當(dāng)鼠標(biāo)滑入所述圖標(biāo)控件范圍內(nèi)時(shí)，根據(jù)鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間和所述增效圖像，生成滑入顯示圖像；顯示單元53，用于將所述滑入顯示圖像顯示出來。進(jìn)一步的，所述增效圖像設(shè)置單元51，具體用于對于圖標(biāo)的基本圖像，設(shè)置至少兩張不同的增效圖像；
所述滑入顯示圖像單元52，具體用于當(dāng)鼠標(biāo)滑入所述圖標(biāo)控件范圍內(nèi)時(shí)，根據(jù)鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間和所述增效圖像，生成至少兩張不同的滑入顯示圖像；所述顯示單元53，具體用于將所述滑入顯示圖像分別顯示出來。其中，所述增效圖像為對所述基本圖像的像素尺寸進(jìn)行放大后的圖像；當(dāng)設(shè)置至少兩張不同的增效圖像時(shí)，所述增效圖像包括第一增效圖像和第二增效圖像，所述第二增效圖像的像素尺寸大于第一增效圖像的像 素尺寸。進(jìn)一步的，所述裝置還包括滑出顯示圖像單元54，用于當(dāng)鼠標(biāo)滑出所述圖標(biāo)控件范圍內(nèi)時(shí)，根據(jù)所述增效圖像生成滑出顯示圖像；其中，當(dāng)在一次鼠標(biāo)滑入滑出的過程中，存在多張滑入顯示圖像時(shí)，所述滑出顯示圖像單元生成的滑出顯示圖像在數(shù)量和內(nèi)容上與所述滑入顯示圖像相對應(yīng)；所述顯示單元53，還用于將所述滑出顯示圖像顯示出來。進(jìn)一步的，所述增效圖像包括第一增效圖像、第二增效圖像和第三增效圖像，從鼠標(biāo)滑入所述圖標(biāo)控件范圍內(nèi)起，鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間包括至少七個(gè)時(shí)間段，所述滑入顯示圖像單元52包括滑入漸變模塊520，所述滑出顯示圖像單元54包括滑出漸變模塊540，所述滑入漸變模塊520，用于通過如下方式生成滑入顯示圖像在第一時(shí)間段內(nèi)，將圖標(biāo)的基本圖像作為所述滑入顯示圖像；在第二時(shí)間段內(nèi)，根據(jù)第一增效圖像和基本圖像生成所述的滑入顯示圖像；在第三時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像和基本圖像生成所述的滑入顯示圖像；在第四時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像、第三增效圖像和基本圖像生成所述的滑入顯示圖像；在第五時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像和第三增效圖像生成所述的滑入顯示圖像；在第六時(shí)間段內(nèi)，根據(jù)第二增效圖像和第三增效圖像生成所述的滑入顯示圖像；在第七時(shí)間段內(nèi)，將第三增效圖像作為所述的滑入顯示圖像；所述滑出漸變模塊540，用于通過如下方式生成滑出顯示圖像在第一時(shí)間段內(nèi)，將第三增效圖像作為所述的滑出顯示圖像；在第二時(shí)間段內(nèi)，根據(jù)第二增效圖像和第三增效圖像生成所述的滑出顯示圖像；在第三時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像和第三增效圖像生成所述的滑出顯示圖像；在第四時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像、第三增效圖像和基本圖像生成所述的滑出顯示圖像；在第五時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像和基本圖像生成所述的滑出顯示圖像；在第六時(shí)間段內(nèi)，根據(jù)第一增效圖像和基本圖像生成所述的滑出顯示圖像；在第七時(shí)間段內(nèi)，將圖標(biāo)的基本圖像作為所述滑出顯示圖像。當(dāng)采用上述滑入漸變模塊520時(shí)，顯示單元53在對第一次繪制到第四次繪制得到的滑入顯示圖像分別逐個(gè)進(jìn)行顯示時(shí)，達(dá)到了圖標(biāo)的邊緣逐漸擴(kuò)張而圖標(biāo)內(nèi)容部分大小不變的效果，在對第五次繪制到第七次繪制得到滑入顯示圖像分別逐個(gè)進(jìn)行顯示時(shí)，達(dá)到了圖標(biāo)的內(nèi)容部分在擴(kuò)張而圖標(biāo)邊緣部分大小不變的效果，通過這兩個(gè)層次的處理，整體上完成了對圖標(biāo)漸變放大的過程。當(dāng)采用上述滑出漸變模塊540時(shí)，顯示單元53在對第一次繪制到第四次繪制得到的滑出顯示圖像分別逐個(gè)進(jìn)行顯示時(shí)，達(dá)到了圖標(biāo)的內(nèi)容不斷縮小的效果，而圖標(biāo)的邊緣部分大小不變；在對第五次繪制到第七次繪制得到滑出顯示圖像分別逐個(gè)進(jìn)行顯示時(shí)，達(dá)到了圖標(biāo)邊緣在不斷縮小而圖標(biāo)的內(nèi)容部分大小不變的效果，通過這兩個(gè)層次的處理，整體上完成了對圖標(biāo)漸變縮小的過程。示例性的，上述圖標(biāo)可以為即時(shí)通信工具中的界面操作圖標(biāo)或者頭像圖標(biāo)。利用本發(fā)明實(shí)施例的技術(shù)方案能夠通過來自鼠標(biāo)的控制命令，在即時(shí)通信工具中實(shí)現(xiàn)一種具有動畫效果的頭像控件。本發(fā)明裝置實(shí)施例中各單元的具體工作方法，參見本發(fā)明方法實(shí)施例一和二，上述各單元可以集成在一個(gè)設(shè)備中實(shí)現(xiàn)，也可以分別單獨(dú)實(shí)現(xiàn)。 由上述可見，本發(fā)明實(shí)施例三的技術(shù)方案實(shí)現(xiàn)了一種新型的動態(tài)圖標(biāo)，通過為圖標(biāo)的基本圖像設(shè)置增效圖像，當(dāng)用戶選中圖標(biāo)時(shí)，能夠根據(jù)鼠標(biāo)的控制將增效圖像顯示出來。本發(fā)明實(shí)施例的技術(shù)方案解決了現(xiàn)有技術(shù)中采用靜態(tài)圖標(biāo)所帶來的問題，使用戶清楚獲知當(dāng)前選中操作的狀態(tài)，便于用戶執(zhí)行相應(yīng)的操作，且豐富了操作界面的內(nèi)容，增強(qiáng)了用戶體驗(yàn)。本領(lǐng)域的技術(shù)人員可以清楚地了解到本發(fā)明可借助軟件加必需的通用硬件平臺的方式來實(shí)現(xiàn)?；谶@樣的理解，本發(fā)明的技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻(xiàn)的部分可以軟件產(chǎn)品的形式體現(xiàn)出來，該計(jì)算機(jī)軟件產(chǎn)品可以存儲在存儲介質(zhì)中，如ROM/RAM、磁碟、光盤等，包括若干指令用以使得一臺計(jì)算機(jī)設(shè)備(可以是個(gè)人計(jì)算機(jī)，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個(gè)實(shí)施例或者實(shí)施例的某些部分所述的方法。以上所述僅為本發(fā)明的較佳實(shí)施例而已，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)，所做的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明保護(hù)的范圍之內(nèi)。
權(quán)利要求
1.一種顯示圖標(biāo)的方法，其特征在于，所述方法包括 對于圖標(biāo)的基本圖像，設(shè)置所需的增效圖像； 當(dāng)鼠標(biāo)滑入所述圖標(biāo)控件范圍內(nèi)時(shí)，根據(jù)鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間和所述增效圖像，生成滑入顯示圖像； 將所述滑入顯示圖像顯示出來。
2.根據(jù)權(quán)利要求I所述的方法，其特征在于，所述方法具體為 對于圖標(biāo)的基本圖像，設(shè)置至少兩張不同的增效圖像； 當(dāng)鼠標(biāo)滑入所述圖標(biāo)控件范圍內(nèi)時(shí)，根據(jù)鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間和所述增效圖像，生成至少兩張不同的滑入顯示圖像； 將所述滑入顯示圖像分別顯示出來； 其中，所述增效圖像為對所述基本圖像的像素尺寸進(jìn)行放大后的圖像，當(dāng)設(shè)置至少兩張不同的增效圖像時(shí)，所述增效圖像包括第一增效圖像和第二增效圖像，所述第二增效圖像的像素尺寸大于第一增效圖像的像素尺寸。
3.根據(jù)權(quán)利要求I或2所述的方法，其特征在于，在將所述滑入顯示圖像分別顯示出來之后，所述方法還包括 當(dāng)鼠標(biāo)滑出所述圖標(biāo)控件范圍內(nèi)時(shí)，根據(jù)所述增效圖像生成滑出顯示圖像； 將所述滑出顯示圖像顯示出來。
4.根據(jù)權(quán)利要求3所述的方法，其特征在于， 當(dāng)在一次鼠標(biāo)滑入滑出的過程中，存在多張滑入顯示圖像時(shí)，所述生成的滑出顯示圖像在數(shù)量和內(nèi)容上與所述滑入顯示圖像相對應(yīng)。
5.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述增效圖像包括第一增效圖像、第二增效圖像和第二增效圖像，從鼠標(biāo)滑入所述圖標(biāo)控件范圍內(nèi)起，鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間包括至少七個(gè)時(shí)間段， 所述根據(jù)鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間和所述增效圖像，生成至少兩張不同的滑入顯示圖像包括 在第一時(shí)間段內(nèi)，將圖標(biāo)的基本圖像作為所述滑入顯示圖像； 在第二時(shí)間段內(nèi)，根據(jù)第一增效圖像和基本圖像生成所述的滑入顯示圖像； 在第三時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像和基本圖像生成所述的滑入顯示圖像； 在第四時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像、第三增效圖像和基本圖像生成所述的滑入顯示圖像； 在第五時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像和第三增效圖像生成所述的滑入顯示圖像； 在第六時(shí)間段內(nèi)，根據(jù)第二增效圖像和第三增效圖像生成所述的滑入顯示圖像； 在第七時(shí)間段內(nèi)，將第三增效圖像作為所述的滑入顯示圖像。
6.根據(jù)權(quán)利要求5所述的方法，其特征在于，所述方法還包括 當(dāng)鼠標(biāo)滑出所述圖標(biāo)控件范圍后，在包括七個(gè)時(shí)間段的時(shí)間內(nèi)通過如下方式生成滑出顯示圖像 在第一時(shí)間段內(nèi)，將第三增效圖像作為所述的滑出顯示圖像；在第二時(shí)間段內(nèi)，根據(jù)第二增效圖像和第三增效圖像生成所述的滑出顯示圖像； 在第三時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像和第三增效圖像生成所述的滑出顯示圖像； 在第四時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像、第三增效圖像和基本圖像生成所述的滑出顯示圖像； 在第五時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像和基本圖像生成所述的滑出顯示圖像； 在第六時(shí)間段內(nèi)，根據(jù)第一增效圖像和基本圖像生成所述的滑出顯示圖像； 在第七時(shí)間段內(nèi)，將圖標(biāo)的基本圖像作為所述滑出顯示圖像。
7.根據(jù)權(quán)利要求5或6所述的方法，其特征在于，所述根據(jù)第一增效圖像、第二增效圖像、第三增效圖像和基本圖像生成所述的滑入顯示圖像，或者，所述根據(jù)第一增效圖像、第二增效圖像、第三增效圖像和基本圖像生成所述的滑出顯示圖像，包括 將第二增效圖像疊加在第三增效圖像的相應(yīng)區(qū)域，得到第一結(jié)果圖像； 將第一增效圖像疊加在第一結(jié)果圖像的相應(yīng)區(qū)域，得到第二結(jié)果圖像； 將基本圖像疊加在第二結(jié)果圖像的相應(yīng)區(qū)域，得到所述滑入顯示圖像或者滑出顯示圖像。
8.—種顯示圖標(biāo)的裝置，其特征在于，所述裝置包括 增效圖像設(shè)置單元，用于對于圖標(biāo)的基本圖像，設(shè)置所需的增效圖像； 滑入顯示圖像單元，用于當(dāng)鼠標(biāo)滑入所述圖標(biāo)控件范圍內(nèi)時(shí)，根據(jù)鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間和所述增效圖像，生成滑入顯示圖像； 顯示單元，用于將所述滑入顯示圖像顯示出來。
9.根據(jù)權(quán)利要求8所述的裝置，其特征在于， 所述增效圖像設(shè)置單元，具體用于對于圖標(biāo)的基本圖像，設(shè)置至少兩張不同的增效圖像；所述滑入顯示圖像單元，具體用于當(dāng)鼠標(biāo)滑入所述圖標(biāo)控件范圍內(nèi)時(shí)，根據(jù)鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間和所述增效圖像，生成至少兩張不同的滑入顯示圖像；所述顯示單元，具體用于將所述滑入顯示圖像分別顯示出來；其中，所述增效圖像為對所述基本圖像的像素尺寸進(jìn)行放大后的圖像；當(dāng)設(shè)置至少兩張不同的增效圖像時(shí)，所述增效圖像包括第一增效圖像和第二增效圖像，所述第二增效圖像的像素尺寸大于第一增效圖像的像素尺寸；所述裝置還包括滑出顯示圖像單元，用于當(dāng)鼠標(biāo)滑出所述圖標(biāo)控件范圍內(nèi)時(shí)，根據(jù)所述增效圖像生成滑出顯示圖像；其中，當(dāng)在一次鼠標(biāo)滑入滑出的過程中，存在多張滑入顯示圖像時(shí)，所述滑出顯示圖像單元生成的滑出顯示圖像在數(shù)量和內(nèi)容上與所述滑入顯示圖像相對應(yīng)；所述顯示單元，還用于將所述滑出顯示圖像顯示出來。
10.根據(jù)權(quán)利要求8或9所述的裝置，其特征在于，所述增效圖像包括第一增效圖像、第二增效圖像和第三增效圖像，從鼠標(biāo)滑入所述圖標(biāo)控件范圍內(nèi)起，鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間包括至少七個(gè)時(shí)間段， 所述滑入顯示圖像單元包括滑入漸變模塊，所述滑出顯示圖像單元包括滑出漸變模塊， 所述滑入漸變模塊，用于通過如下方式生成滑入顯示圖像 在第一時(shí)間段內(nèi)，將圖標(biāo)的基本圖像作為所述滑入顯示圖像；在第二時(shí)間段內(nèi)，根據(jù)第一增效圖像和基本圖像生成所述的滑入顯示圖像； 在第三時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像和基本圖像生成所述的滑入顯示圖像； 在第四時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像、第三增效圖像和基本圖像生成所述的滑入顯示圖像； 在第五時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效 圖像和第三增效圖像生成所述的滑入顯示圖像； 在第六時(shí)間段內(nèi)，根據(jù)第二增效圖像和第三增效圖像生成所述的滑入顯示圖像； 在第七時(shí)間段內(nèi)，將第三增效圖像作為所述的滑入顯示圖像； 所述滑出漸變模塊，用于通過如下方式生成滑出顯示圖像 在第一時(shí)間段內(nèi)，將第三增效圖像作為所述的滑出顯示圖像； 在第二時(shí)間段內(nèi)，根據(jù)第二增效圖像和第三增效圖像生成所述的滑出顯示圖像； 在第三時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像和第三增效圖像生成所述的滑出顯示圖像； 在第四時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像、第三增效圖像和基本圖像生成所述的滑出顯示圖像； 在第五時(shí)間段內(nèi)，根據(jù)第一增效圖像、第二增效圖像和基本圖像生成所述的滑出顯示圖像； 在第六時(shí)間段內(nèi)，根據(jù)第一增效圖像和基本圖像生成所述的滑出顯示圖像； 在第七時(shí)間段內(nèi)，將圖標(biāo)的基本圖像作為所述滑出顯示圖像。
全文摘要
本發(fā)明公開了一種顯示圖標(biāo)的方法和裝置，涉及計(jì)算機(jī)圖像處理領(lǐng)域，能夠使用戶清楚獲知當(dāng)前選中操作的狀態(tài)，便于用戶執(zhí)行相應(yīng)的操作，且豐富了操作界面的內(nèi)容，增強(qiáng)了用戶體驗(yàn)。本發(fā)明實(shí)施例提供的顯示圖標(biāo)的方法包括對于圖標(biāo)的基本圖像，設(shè)置所需的增效圖像；當(dāng)鼠標(biāo)滑入所述圖標(biāo)控件范圍內(nèi)時(shí)，根據(jù)鼠標(biāo)駐留在圖標(biāo)控件范圍內(nèi)的時(shí)間和所述增效圖像，生成滑入顯示圖像；將所述滑入顯示圖像顯示出來。
文檔編號G06F9/44GK102722357SQ20111007668
公開日2012年10月10日 申請日期2011年3月29日 優(yōu)先權(quán)日2011年3月29日
發(fā)明者方順豹 申請人:北京新媒傳信科技有限公司