一種頁面遮罩的實現方法及裝置制造方法
【專利摘要】本發(fā)明公開了一種頁面遮罩的實現方法及裝置，屬于移動終端領域。方法：獲取需顯示遮罩的頁面的頁面信息；頁面信息包括，需顯示遮罩的頁面的高度、寬度、以及至少一個需通過遮罩鏤空顯示的頁面元素在頁面中的位置區(qū)域；根據頁面信息，在頁面上繪制相應的鏤空的遮罩，以通過遮罩上的鏤空位置顯示頁面元素。裝置：獲取模塊，用于獲取需顯示遮罩的頁面的頁面信息；頁面信息包括，需顯示遮罩的頁面的高度、寬度、以及至少一個需通過遮罩鏤空顯示的頁面元素在頁面中的位置區(qū)域；繪制模塊，用于根據頁面信息，在頁面上繪制相應的鏤空的遮罩，以通過遮罩上的鏤空位置顯示頁面元素。本發(fā)明通過鏤空的遮罩顯示頁面元素，減少維護工作量；實現方法比較簡單。
【專利說明】一種頁面遮罩的實現方法及裝置
【技術領域】
[0001]本發(fā)明涉及移動終端領域，特別涉及一種頁面遮罩的實現方法及裝置。
【背景技術】
[0002]遮罩式頁面為布置有頁面遮罩的頁面，主要用于將用戶的注意力吸引至展示在遮罩之上的內容。頁面遮罩的運用非常廣泛，其中有一種將頁面遮罩運用于引導用戶關注頁面上展示的特定頁面元素。
[0003]例如，假設某頁面設置了一個新功能，移動光標至用戶頭像可顯示用戶的地理位置。在該頁面上采用遮罩來引導用戶關注該新功能。參見圖1，遮罩式頁面表現為，除了用戶頭像外，頁面的其他區(qū)域被蒙上了半透明度的黑色畫布，即遮罩，使得用戶首先關注到通過遮罩鏤空顯示的用戶頭像。參見圖2，現有實現該遮罩的方法具體為，首先，以該頁面為背景，繪制覆蓋整個頁面的遮罩；然后，以遮罩為背景，對應于需通過遮罩鏤空顯示的頁面元素在頁面中的位置，繪制頁面元素的拷貝，使頁面元素的拷貝展示在遮罩上方。
[0004]在實現本發(fā)明的過程中，發(fā)明人發(fā)現現有技術至少存在以下問題:
[0005]一方面，頁面中每更換或增加一個頁面元素，均需制作相應的拷貝，增加了維護工作量。另一方面，繪制頁面元素的拷貝后，還需使頁面元素的拷貝與頁面上的頁面元素的位置相同，使得該實現方法較為復雜。

【發(fā)明內容】

[0006]為了解決現有技術的問題，本發(fā)明實施例提供了一種頁面遮罩的實現方法及裝置。所述技術方案如下:
[0007]—方面，提供了一種頁面遮罩的實現方法，所述方法包括:
[0008]獲取需顯示遮罩的頁面的頁面信息；
[0009]所述頁面信息包括，所述需顯示遮罩的頁面的高度、寬度、以及至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域；
[0010]根據所述頁面信息，在所述頁面上繪制鏤空的遮罩，以通過所述遮罩上的鏤空位置顯示所述頁面元素。
[0011]其中，所述根據所述頁面信息，在所述頁面上繪制相應的鏤空的遮罩，包括:
[0012]在所述頁面上繪制高度和寬度分別為所述頁面的高度和寬度的遮罩；
[0013]獲取所述遮罩上與所述至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域重疊的區(qū)域；
[0014]去除所述重疊的區(qū)域顯示的遮罩，使形成鏤空的遮罩。
[0015]其中，所述根據所述頁面信息，在所述頁面上繪制相應的鏤空的遮罩，包括:
[0016]在所述頁面上繪制高度和寬度分別為所述頁面的高度和寬度的遮罩；
[0017]獲取所述遮罩上與所述至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域重疊的區(qū)域；[0018]將所述重疊的區(qū)域顯示的遮罩的透明度設置為100%。
[0019]其中，所述方法還包括:
[0020]獲取所述遮罩上與所述至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域重疊的區(qū)域；
[0021]為獲取的所述遮罩上的每一個重疊的區(qū)域設置相應的虛擬點擊事件。
[0022]其中，為獲取的所述遮罩上的每一個重疊的區(qū)域設置相應的虛擬點擊事件之后，還包括:
[0023]獲取滑動軌跡的最后觸點的頁面坐標；
[0024]判斷所述頁面坐標是否位于所述重疊的區(qū)域；
[0025]若是，則響應所述重疊的區(qū)域對應的虛擬點擊事件。
[0026]另一方面，提供了一種頁面遮罩的實現裝置，所述裝置包括:
[0027]獲取模塊，用于獲取需顯示遮罩的頁面的頁面信息；
[0028]所述頁面信息包括，所述需顯示遮罩的頁面的高度、寬度、以及至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域；
[0029]繪制模塊，用于根據所述頁面信息，在所述頁面上繪制相應的鏤空的遮罩，以通過所述遮罩上的鏤空位置顯示所述頁面元素。
[0030]其中，所述繪制模塊包括:
[0031]第一繪制單元，用于在所述頁面上繪制高度和寬度分別為所述頁面的高度和寬度的遮罩；
[0032]第一獲取單元，用于獲取所述遮罩上與所述至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域重疊的區(qū)域；
[0033]去除單元，用于去除所述重疊的區(qū)域顯示的遮罩，使形成鏤空的遮罩。
[0034]其中，所述繪制模塊包括:
[0035]第二繪制單元，用于在所述頁面上繪制高度和寬度分別為所述頁面的高度和寬度的遮罩；
[0036]第二獲取單元，用于獲取所述遮罩上與所述至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域重疊的區(qū)域；
[0037]設置單元，用于將所述重疊的區(qū)域顯示的遮罩的透明度設置為100%。
[0038]其中，所述裝置還包括:
[0039]事件模塊，用于獲取所述遮罩上與所述至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域重疊的區(qū)域；
[0040]為獲取的所述遮罩上的每一個重疊的區(qū)域設置相應的虛擬點擊事件。
[0041]其中，所述裝置還包括:
[0042]響應模塊,用于獲取滑動軌跡的最后觸點的頁面坐標；
[0043]判斷所述頁面坐標是否位于所述重疊的區(qū)域；
[0044]若是，則響應所述重疊的區(qū)域對應的虛擬點擊事件。
[0045]本發(fā)明實施例提供的技術方案帶來的有益效果是:通過先獲取需顯示遮罩的頁面的頁面信息；所述頁面信息包括，所述需顯示遮罩的頁面的高度、寬度、以及至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域；然后根據所述頁面信息，在所述頁面上繪制相應的鏤空的遮罩，以通過所述遮罩上的鏤空位置顯示所述頁面元素；能夠不必拷貝頁面元素，僅通過鏤空的遮罩來實現在遮罩上顯示頁面的頁面元素，減少了維護工作量；且該實現方法比較簡單。
【專利附圖】

【附圖說明】
[0046]為了更清楚地說明本發(fā)明實施例中的技術方案，下面將對實施例描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領域普通技術人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據這些附圖獲得其他的附圖。
[0047]圖1是本發(fā)明【背景技術】提供的遮罩式頁面的示意圖；
[0048]圖2是本發(fā)明【背景技術】提供的現有頁面遮罩的示意圖；
[0049]圖3是本發(fā)明實施例一提供的一種頁面遮罩的實現方法的流程圖；
[0050]圖4是本發(fā)明實施例二提供的一種頁面遮罩的實現方法的流程圖；
[0051]圖5是本發(fā)明實施例二提供的頁面遮罩的示意圖；
[0052]圖6是本發(fā)明實施例三提供的一種頁面遮罩的實現方法的流程圖；
[0053]圖7是本發(fā)明實施例四提供的一種頁面遮罩的實現裝置的示意圖；
[0054]圖8是本發(fā)明實施例五提供的一種頁面遮罩的實現裝置的示意圖；
[0055]圖9是本發(fā)明實施例六提供的一種頁面遮罩的實現裝置的示意圖。
【具體實施方式】
[0056]為使本發(fā)明的目的、技術方案和優(yōu)點更加清楚，下面將結合附圖對本發(fā)明實施方式作進一步地詳細描述。
[0057]實施例一
[0058]本發(fā)明實施例提供了一種頁面遮罩的實現方法，參見圖3，方法流程包括:
[0059]101:獲取需顯示遮罩的頁面的頁面信息。
[0060]其中，該頁面信息包括，該需顯示遮罩的頁面的高度、寬度、以及至少一個需通過遮罩鏤空顯示的頁面元素在該頁面中的位置區(qū)域。
[0061]102:根據該頁面信息，在該頁面上繪制相應的鏤空的遮罩，以通過該遮罩上的鏤空位置顯示該頁面元素。
[0062]本實施例提供的上述方法帶來的有益效果是:通過先獲取需顯示遮罩的頁面的頁面信息；所述頁面信息包括，所述需顯示遮罩的頁面的高度、寬度、以及至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域；然后根據所述頁面信息，在所述頁面上繪制相應的鏤空的遮罩，以通過所述遮罩上的鏤空位置顯示所述頁面元素；能夠不必拷貝頁面元素，僅通過鏤空的遮罩來實現在遮罩上顯示頁面的頁面元素，減少了維護工作量；且該實現方法比較簡單。
[0063]實施例二
[0064]本發(fā)明實施例提供了一種頁面遮罩的實現方法，參見圖4?圖5，方法流程包括:
[0065]201:獲取需顯示遮罩的頁面的頁面信息。
[0066]其中，該頁面信息包括，該需顯示遮罩的頁面的高度、寬度、以及至少一個需通過遮罩鏤空顯示的頁面元素在該頁面中的位置區(qū)域。
[0067]其中，需顯示遮罩的頁面可以為應用客戶端(例如瀏覽器)顯示的任一頁面。一般地，頁面遮罩適于布置在應用客戶端顯示的首頁。具體地，可以在應用的頁面文件中獲取該需顯示遮罩的頁面的高度和寬度。
[0068]其中，每一個頁面包括若干頁面元素，例如背景、標題欄、動作按鈕、標簽和圖標等。根據實際需要，在需顯示遮罩的頁面中，選擇至少一個需通過遮罩鏤空顯示的頁面元素。獲取這些頁面元素在需顯示遮罩的頁面中的位置區(qū)域。該位置區(qū)域具體為頁面元素在頁面中的頁面坐標。
[0069]202:根據該頁面信息，在該頁面上繪制相應的鏤空的遮罩，以通過該遮罩上的鏤空位置顯示頁面元素。
[0070]進一步地，本步驟包括:
[0071]2021:在該頁面上繪制高度和寬度分別為該頁面的高度和寬度的遮罩。
[0072]其中，遮罩需將整個頁面覆蓋。因此，遮罩的高度和寬度與該頁面的高度和寬度相同。具體地，可采用HTML中〈canvas〉標簽和相應的腳本繪制遮罩。還可以采用其他現有技術手段繪制遮罩，在此不再詳述。值得說明的是，本發(fā)明實施例中不限定遮罩的色彩和明度。但是，遮罩的透明度最好應不大于50%。
[0073]2022:獲取遮罩上與至少一個需通過遮罩鏤空顯示的頁面元素在頁面中的位置區(qū)域重疊的區(qū)域。
[0074]其中，完成繪制遮罩后，獲取遮罩上與需通過遮罩鏤空顯示的頁面元素在頁面中的位置區(qū)域重疊的區(qū)域。具體地，在遮罩上選取與需通過遮罩鏤空顯示的頁面元素在頁面中的頁面坐標相同的頁面坐標，頁面坐標圍成的區(qū)域即為重疊的區(qū)域。
[0075]2023:去除該重疊的區(qū)域顯示的遮罩，使形成鏤空的遮罩。
[0076]其中，選定該區(qū)域顯示的遮罩后，刪除這部分遮罩，使遮罩上分布鏤空位置。這時，需通過遮罩鏤空顯示的頁面元素能夠通過相應的鏤空位置被呈現出來。具體地，可利用〈canvas〉標簽的Compositing屬性,將該重疊的區(qū)域顯示的遮罩去除。首先勾勒重疊區(qū)域的輪廓，并進行實色的填充；然后把每一個填充后的重疊區(qū)域的Compositing屬性調為destination-out,這樣就能夠實現鏤空的效果。
[0077]此處還有一個細節(jié)，采用〈canvas〉標簽繪制的遮罩雖然是采用矢量繪制，但顯示在屏幕上卻是按像素顯示的。為了使〈canvas〉標簽繪制的遮罩能在高分辨率設備上不出現模糊，必須把〈canvas〉標簽繪制的遮罩使用2倍大小渲染,然后再把〈canvas〉標簽縮小為0.5倍，這樣就可以在高分辨率設備上獲得較為完美的現實效果。
[0078]203:在遮罩上設置虛擬點擊事件。
[0079]進一步地，本步驟包括:
[0080]2031:獲取遮罩上與至少一個需通過遮罩鏤空顯示的頁面元素在頁面中的位置區(qū)域重疊的區(qū)域。
[0081]具體地,本步驟同2022，在此不再詳述。
[0082]2032:為獲取的遮罩上每一個重疊的區(qū)域設置相應的虛擬點擊事件。
[0083]其中，虛擬點擊事件用于人機交互。屏幕顯示遮罩頁面后，用戶能夠通過觸屏等現有方式點擊遮罩鏤空顯示的頁面元素。這時，需要給用戶一個回應，例如一個提示窗口。因此，需為遮罩上鏤空顯示頁面元素的鏤空區(qū)域設置相應的虛擬點擊事件。具體地，設置方式為現有技術，在此不再詳述。
[0084]值得說明的是，本步驟可在2022后執(zhí)行。
[0085]204:響應區(qū)域對應的點擊事件。
[0086]進一步地,本步驟包括:
[0087]2041:獲取滑動軌跡的最后觸點的頁面坐標。
[0088]具體地，顯示遮罩后，實時檢測用戶在屏幕上的滑動軌跡，該滑動軌跡包括最后觸點。獲取該最后觸點的頁面坐標。
[0089]2042:判斷該頁面坐標是否位于遮罩上與至少一個需通過遮罩鏤空顯示的頁面元素在頁面中的位置區(qū)域重疊的區(qū)域。
[0090]若是，則響應該區(qū)域對應的虛擬點擊事件；若否，則檢測滑動軌跡。
[0091]具體地，將該頁面坐標與鏤空區(qū)域的頁面坐標進行比對。若該頁面坐標落入了鏤空區(qū)域，則響應該鏤空區(qū)域對應的虛擬點擊事件。若該頁面坐標未落入鏤空區(qū)域，則檢測下一個滑動軌跡。
[0092]本實施例提供的上述方法帶來的有益效果是:通過先獲取需顯示遮罩的頁面的頁面信息；所述頁面信息包括，所述需顯示遮罩的頁面的高度、寬度、以及至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域；然后根據所述頁面信息，在所述頁面上繪制相應的鏤空的遮罩，以通過所述遮罩上的鏤空位置顯示所述頁面元素；能夠不必拷貝頁面元素，僅通過鏤空的遮罩來實現在遮罩上顯示頁面的頁面元素，減少了維護工作量；且該實現方法比較簡單。
[0093]實施例三
[0094]本發(fā)明實施例提供了一種頁面遮罩的實現方法，參見圖6，方法流程包括:
[0095]301:同本發(fā)明實施例二中201，在此不再詳述。
[0096]302:根據該頁面信息，在該頁面上繪制相應的鏤空的遮罩，以通過該遮罩上的鏤空位置顯示頁面元素。
[0097]進一步地，本步驟包括:
[0098]3021:在該頁面上繪制高度和寬度分別為該頁面的高度和寬度的遮罩。
[0099]具體地，本步驟同本發(fā)明實施例二中2021，在此不再詳述。
[0100]3022:獲取遮罩上與至少一個需通過遮罩鏤空顯示的頁面元素在頁面中的位置區(qū)域重疊的區(qū)域。
[0101]具體地，本步驟同本發(fā)明實施例二中2022，在此不再詳述。
[0102]3023:將該重疊的區(qū)域顯示的遮罩的透明度設置為100%。
[0103]具體地，可采用HTML中<img>標簽的border屬性，將該重疊的區(qū)域顯示的遮罩的透明度設置為100%。把border屬性設置為一個rgba色的超大值；該重疊的區(qū)域則用border-radius等于50%來實現。這樣,重疊的區(qū)域為透明的,遮罩部分與透明的重疊的區(qū)域本來就是一體，自然就產生了頁面元素通過透明的重疊區(qū)域穿透遮罩的假象，達到了鏤空的效果。
[0104]303?304，同本發(fā)明實施例二中203?204，在此不再詳述。
[0105]本實施例提供的上述方法帶來的有益效果是:通過先獲取需顯示遮罩的頁面的頁面信息；所述頁面信息包括，所述需顯示遮罩的頁面的高度、寬度、以及至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域；然后根據所述頁面信息，在所述頁面上繪制相應的鏤空的遮罩，以通過所述遮罩上的鏤空位置顯示所述頁面元素；能夠不必拷貝頁面元素，僅通過鏤空的遮罩來實現在遮罩上顯示頁面的頁面元素，減少了維護工作量；且該實現方法比較簡單。
[0106]實施例四
[0107]參見圖7，本發(fā)明實施例提供了一種頁面遮罩的實現裝置，該裝置包括:
[0108]獲取模塊401，用于獲取需顯示遮罩的頁面的頁面信息。
[0109]其中，該頁面信息包括，該需顯示遮罩的頁面的高度、寬度、以及至少一個需通過遮罩鏤空顯示的頁面元素在該頁面中的位置區(qū)域。
[0110]繪制模塊402，用于根據該頁面信息，在該頁面上繪制相應的鏤空的遮罩，以通過該遮罩上的鏤空位置顯示該頁面元素。
[0111]本實施例提供的上述裝置帶來的有益效果是:通過獲取模塊先獲取需顯示遮罩的頁面的頁面信息；所述頁面信息包括，所述需顯示遮罩的頁面的高度、寬度、以及至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域；然后繪制模塊根據所述頁面信息，在所述頁面上繪制相應的鏤空的遮罩，以通過所述遮罩上的鏤空位置顯示所述頁面元素；能夠不必拷貝頁面元素，僅通過鏤空的遮罩來實現在遮罩上顯示頁面的頁面元素，減少了維護工作量；且該實現方法比較簡單。
[0112]實施例五
[0113]參見圖8，本發(fā)明實施例提供了一種頁面遮罩的實現裝置，該裝置包括:
[0114]獲取模塊501,用于獲取需顯不遮罩的頁面的頁面信息。
[0115]其中，該頁面信息包括，該需顯示遮罩的頁面的高度、寬度、以及至少一個需通過遮罩鏤空顯示的頁面元素在該頁面中的位置區(qū)域。
[0116]繪制模塊502，用于根據該頁面信息，在該頁面上繪制相應的鏤空的遮罩，以通過該遮罩上的鏤空位置顯示該頁面元素。
[0117]其中，該繪制模塊502包括:
[0118]第一繪制單元5021，用于在該頁面上繪制高度和寬度分別為該頁面的高度和寬度的遮罩。
[0119]第一獲取單元5022，用于獲取遮罩上與至少一個需通過遮罩鏤空顯示的頁面元素在頁面中的位置區(qū)域重疊的區(qū)域。
[0120]去除單元5023，用于去除該重疊的區(qū)域顯示的遮罩，使形成鏤空的遮罩。
[0121]其中，該裝置還包括:
[0122]事件模塊503，用于獲取遮罩上與至少一個需通過遮罩鏤空顯示的頁面元素在頁面中的位置區(qū)域重疊的區(qū)域；并為獲取的遮罩上每一個重疊的區(qū)域設置相應的虛擬點擊事件。
[0123]其中，該裝置還包括:
[0124]響應模塊504，用于獲取滑動軌跡的最后觸點的頁面坐標；判斷該頁面坐標是否位于遮罩上與至少一個需通過遮罩鏤空顯示的頁面元素在頁面中的位置區(qū)域重疊的區(qū)域；若是，則響應該區(qū)域對應的虛擬點擊事件；若否，則檢測滑動軌跡。[0125]本實施例提供的上述裝置帶來的有益效果是:通過獲取模塊先獲取需顯示遮罩的頁面的頁面信息；所述頁面信息包括，所述需顯示遮罩的頁面的高度、寬度、以及至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域；然后繪制模塊根據所述頁面信息，在所述頁面上繪制相應的鏤空的遮罩，以通過所述遮罩上的鏤空位置顯示所述頁面元素；能夠不必拷貝頁面元素，僅通過鏤空的遮罩來實現在遮罩上顯示頁面的頁面元素，減少了維護工作量；且該實現方法比較簡單。
[0126]實施例六
[0127]參見圖9，本發(fā)明實施例提供了一種頁面遮罩的實現裝置，該裝置包括:
[0128]獲取模塊601，同本發(fā)明實施例五中描述的獲取模塊501，在此不再詳述。
[0129]繪制模塊602，用于根據該頁面信息，在該頁面上繪制相應的鏤空的遮罩，以通過該遮罩上的鏤空位置顯示該頁面元素。
[0130]其中，該繪制模塊602包括:
[0131]第二繪制單元6021，用于在該頁面上繪制高度和寬度分別為該頁面的高度和寬度的遮罩。
[0132]第二獲取單元6022，用于獲取遮罩上與至少一個需通過遮罩鏤空顯示的頁面元素在頁面中的位置區(qū)域重疊的區(qū)域。
[0133]設置單元6023，用于將該重疊的區(qū)域顯示的遮罩的透明度設置為100%。
[0134]其中，該裝置還包括:
[0135]事件模塊603，同本發(fā)明實施例五中描述的事件模塊503，在此不再詳述。
[0136]響應模塊604,同本發(fā)明實施例五中描述的響應模塊504,在此不再詳述。
[0137]本實施例提供的上述裝置帶來的有益效果是:通過獲取模塊先獲取需顯示遮罩的頁面的頁面信息；所述頁面信息包括，所述需顯示遮罩的頁面的高度、寬度、以及至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域；然后繪制模塊根據所述頁面信息，在所述頁面上繪制相應的鏤空的遮罩；能夠不必拷貝頁面元素，僅通過鏤空的遮罩來實現在遮罩上顯示頁面的頁面元素，減少了維護工作量；且該實現方法比較簡單。
[0138]需要說明的是:上述實施例提供的實現頁面遮罩的裝置在實現頁面遮罩時，僅以上述各功能模塊的劃分進行舉例說明，實際應用中，可以根據需要而將上述功能分配由不同的功能模塊完成，即將設備的內部結構劃分成不同的功能模塊，以完成以上描述的全部或者部分功能。另外，上述實施例提供的實現頁面遮罩的裝置與實現頁面遮罩的方法實施例屬于同一構思，其具體實現過程詳見方法實施例，這里不再贅述。
[0139]上述本發(fā)明實施例序號僅僅為了描述，不代表實施例的優(yōu)劣。
[0140]本領域普通技術人員可以理解實現上述實施例的全部或部分步驟可以通過硬件來完成，也可以通過程序來指令相關的硬件完成，所述的程序可以存儲于一種計算機可讀存儲介質中，上述提到的存儲介質可以是只讀存儲器，磁盤或光盤等。
[0141]以上所述僅為本發(fā)明的較佳實施例，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內，所作的任何修改、等同替換、改進等，均應包含在本發(fā)明的保護范圍之內。
【權利要求】
1.一種頁面遮罩的實現方法，其特征在于，所述方法包括: 獲取需顯示遮罩的頁面的頁面信息； 所述頁面信息包括，所述需顯示遮罩的頁面的高度、寬度、以及至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域； 根據所述頁面信息，在所述頁面上繪制相應的鏤空的遮罩，以通過所述遮罩上的鏤空位置顯示所述頁面元素。
2.根據權利要求1所述的方法，其特征在于，所述根據所述頁面信息，在所述頁面上繪制相應的鏤空的遮罩，包括: 在所述頁面上繪制高度和寬度分別為所述頁面的高度和寬度的遮罩； 獲取所述遮罩上與所述至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域重疊的區(qū)域； 去除所述重疊的區(qū)域顯示的遮罩，使形成鏤空的遮罩。
3.根據權利要求1所述的方法，其特征在于，所述根據所述頁面信息，在所述頁面上繪制相應的鏤空的遮罩，包括: 在所述頁面上繪制高度和寬度分別為所述頁面的高度和寬度的遮罩； 獲取所述遮罩上與所述至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域重疊的區(qū)域； 將所述重疊的區(qū)域顯示的遮罩的透明度設置為100%。`
4.根據權利要求1所述的方法，其特征在于，所述方法還包括: 獲取所述遮罩上與所述至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域重疊的區(qū)域； 為獲取的所述遮罩上的每一個重疊的區(qū)域設置相應的虛擬點擊事件。
5.根據權利要求4所述的方法，其特征在于，為獲取的所述遮罩上的每一個重疊的區(qū)域設置相應的虛擬點擊事件之后，還包括: 獲取滑動軌跡的最后觸點的頁面坐標； 判斷所述頁面坐標是否位于所述重疊的區(qū)域； 若是，則響應所述重疊的區(qū)域對應的虛擬點擊事件。
6.一種頁面遮罩的實現裝置，其特征在于，所述裝置包括: 獲取模塊，用于獲取需顯示遮罩的頁面的頁面信息； 所述頁面信息包括，所述需顯示遮罩的頁面的高度、寬度、以及至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域； 繪制模塊，用于根據所述頁面信息，在所述頁面上繪制相應的鏤空的遮罩，以通過所述遮罩上的鏤空位置顯示所述頁面元素。
7.根據權利要求6所述的裝置，其特征在于，所述繪制模塊包括: 第一繪制單元，用于在所述頁面上繪制高度和寬度分別為所述頁面的高度和寬度的遮罩； 第一獲取單元，用于獲取所述遮罩上與所述至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域重疊的區(qū)域； 去除單元，用于去除所述重疊的區(qū)域顯示的遮罩，使形成鏤空的遮罩。
8.根據權利要求6所述的裝置，其特征在于，所述繪制模塊包括: 第二繪制單元，用于在所述頁面上繪制高度和寬度分別為所述頁面的高度和寬度的遮罩； 第二獲取單元，用于獲取所述遮罩上與所述至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域重疊的區(qū)域； 設置單元，用于將所述重疊的區(qū)域顯示的遮罩的透明度設置為100%。
9.根據權利要求6所述的裝置，其特征在于，所述裝置還包括: 事件模塊，用于獲取所述遮罩上與所述至少一個需通過遮罩鏤空顯示的頁面元素在所述頁面中的位置區(qū)域重疊的區(qū)域； 為獲取的所述遮罩上的每一個重疊的區(qū)域設置相應的虛擬點擊事件。
10.根據權利要求9所述的裝置，其特征在于，所述裝置還包括: 響應模塊，用于獲取滑動軌跡的最后觸點的頁面坐標； 判斷所述頁面坐標是否位于所述重疊的區(qū)域； 若是，則響應所述重疊的區(qū)域對應的虛擬點擊事件。
【文檔編號】G06T11/60GK103679777SQ201210330093
【公開日】2014年3月26日 申請日期:2012年9月7日 優(yōu)先權日:2012年9月7日
【發(fā)明者】鄒琦, 李榕 申請人:騰訊科技（深圳）有限公司