控件的渲染方法及裝置制造方法
【專利摘要】本發(fā)明提供一種控件的渲染方法及裝置。本發(fā)明實施例通過獲取光標經過目標控件的經過方向信息，進而根據(jù)所述經過方向信息，獲得遮罩圖層的渲染方向信息，使得能夠根據(jù)所述渲染方向信息，利用所述遮罩圖層對所述目標控件進行渲染，由于遮罩圖層上沒有任何指定的圖案，因此，無需根據(jù)每個控件分別設置遮罩圖層，操作簡單，從而提高了控件的渲染效率。
【專利說明】控件的渲染方法及裝置 【【技術領域】】
[0001] 本發(fā)明涉及檢索技術，尤其涉及一種控件的渲染方法及裝置。 【【背景技術】】
[0002] 控件，為用戶可與之交互，以輸入或操作數(shù)據(jù)的對象，是一種圖形用戶界面元素， 例如，用戶界面（User Interface，UI)控件等。用戶可以利用輸入設備如，鍵盤或鼠標等控 制光標，以與控件進行交互。當光標經過控件時，可以利用新的渲染體直接替換原來的渲染 體，例如，利用新的圖片替換原來的圖片，或者利用新的字體顏色替換原來的字體顏色等， 對控件進行渲染，以展現(xiàn)交互效果。
[0003] 然而，由于利用新的渲染體直接替換原來的渲染體，對控件進行渲染，因此，需要 根據(jù)每個控件分別設置新的渲染體，操作復雜，從而導致了控件的渲染效率的降低。 【
【發(fā)明內容】
】
[0004] 本發(fā)明的多個方面提供一種控件的渲染方法及裝置，用以提高控件的渲染效率。
[0005] 本發(fā)明的一方面，提供一種控件的渲染方法，包括：
[0006] 獲取光標經過目標控件的經過方向信息；
[0007] 根據(jù)所述經過方向信息，獲得遮罩圖層的渲染方向信息；
[0008] 根據(jù)所述渲染方向信息，利用所述遮罩圖層對所述目標控件進行渲染。
[0009] 如上所述的方面和任一可能的實現(xiàn)方式，進一步提供一種實現(xiàn)方式，所述經過方 向信息包括進入方向信息和/或離開方向信息。
[0010] 如上所述的方面和任一可能的實現(xiàn)方式，進一步提供一種實現(xiàn)方式，所述根據(jù)所 述渲染方向信息，利用所述遮罩圖層對所述目標控件進行渲染之前，還包括：
[0011] 創(chuàng)建遮罩圖層；
[0012] 根據(jù)預先設置的透明度參數(shù)，設置所述遮罩圖層的透明度，所述透明度參數(shù)大于0 且小于1。
[0013] 如上所述的方面和任一可能的實現(xiàn)方式，進一步提供一種實現(xiàn)方式，所述遮罩圖 層的尺寸大于或等于所述目標控件的尺寸。
[0014] 如上所述的方面和任一可能的實現(xiàn)方式，進一步提供一種實現(xiàn)方式，所述根據(jù)所 述渲染方向信息，利用所述遮罩圖層對所述目標控件進行渲染，包括：
[0015] 根據(jù)所述渲染方向信息和預先設置的指定渲染步長，獲得所述遮罩圖層參與渲染 的有效圖層；
[0016] 利用所述有效圖層，對所述目標控件進行渲染。
[0017] 本發(fā)明的另一方面，提供一種控件的渲染裝置，包括：
[0018] 獲取單元，用于獲取光標經過目標控件的經過方向信息；
[0019] 策略單元，用于根據(jù)所述經過方向信息，獲得遮罩圖層的渲染方向信息；
[0020] 渲染單元，用于根據(jù)所述渲染方向信息，利用所述遮罩圖層對所述目標控件進行 渲染。
[0021] 如上所述的方面和任一可能的實現(xiàn)方式，進一步提供一種實現(xiàn)方式，所述經過方 向信息包括進入方向信息和/或離開方向信息。
[0022] 如上所述的方面和任一可能的實現(xiàn)方式，進一步提供一種實現(xiàn)方式，所述裝置還 包括創(chuàng)建單元，用于
[0023] 創(chuàng)建遮罩圖層；以及
[0024] 根據(jù)預先設置的透明度參數(shù)，設置所述遮罩圖層的透明度，所述透明度參數(shù)大于0 且小于1。
[0025] 如上所述的方面和任一可能的實現(xiàn)方式，進一步提供一種實現(xiàn)方式，所述遮罩圖 層的尺寸大于或等于所述目標控件的尺寸。
[0026] 如上所述的方面和任一可能的實現(xiàn)方式，進一步提供一種實現(xiàn)方式，所述渲染單 元，具體用于
[0027] 根據(jù)所述渲染方向信息和預先設置的指定渲染步長，獲得所述遮罩圖層參與渲染 的有效圖層；以及
[0028] 利用所述有效圖層，對所述目標控件進行渲染。
[0029] 由上述技術方案可知，本發(fā)明實施例通過獲取光標經過目標控件的經過方向信 息，進而根據(jù)所述經過方向信息，獲得遮罩圖層的渲染方向信息，使得能夠根據(jù)所述渲染方 向信息，利用所述遮罩圖層對所述目標控件進行渲染，由于遮罩圖層上沒有任何指定的圖 案，因此，無需根據(jù)每個控件分別設置遮罩圖層，操作簡單，從而提高了控件的渲染效率。 【【專利附圖】

【附圖說明】】
[0030] 為了更清楚地說明本發(fā)明實施例中的技術方案，下面將對實施例或現(xiàn)有技術描述 中所需要使用的附圖作一簡單地介紹，顯而易見地，下面描述中的附圖是本發(fā)明的一些實 施例，對于本領域普通技術人員來講，在不付出創(chuàng)造性勞動性的前提下，還可以根據(jù)這些附 圖獲得其他的附圖。
[0031] 圖1為本發(fā)明一實施例提供的控件的渲染方法的流程示意圖；
[0032] 圖2A?2F為圖1對應的實施例中目標控件的渲染效果圖；
[0033] 圖3A?3F為圖1對應的實施例中目標控件的渲染效果圖；
[0034] 圖4為本發(fā)明另一實施例提供的控件的渲染裝置的結構示意圖；
[0035] 圖5為本發(fā)明另一實施例提供的控件的渲染裝置的結構示意圖。 【【具體實施方式】】
[0036] 為使本發(fā)明實施例的目的、技術方案和優(yōu)點更加清楚，下面將結合本發(fā)明實施例 中的附圖，對本發(fā)明實施例中的技術方案進行清楚、完整地描述，顯然，所描述的實施例是 本發(fā)明一部分實施例，而不是全部的實施例。基于本發(fā)明中的實施例，本領域普通技術人員 在沒有作出創(chuàng)造性勞動前提下所獲得的全部其他實施例，都屬于本發(fā)明保護的范圍。
[0037] 需要說明的是，本發(fā)明實施例中所涉及的終端可以包括但不限于手機、個人數(shù)字 助理（Personal Digital Assistant, PDA)、無線手持裝置、無線上網(wǎng)本、個人電腦、便攜電 腦、MP3播放器、MP4播放器等。
[0038] 另外，本文中術語"和/或"，僅僅是一種描述關聯(lián)對象的關聯(lián)關系，表示可以存在 三種關系，例如，A和/或B，可以表示：單獨存在A，同時存在A和B，單獨存在B這三種情 況。另外，本文中字符"/"，一般表示前后關聯(lián)對象是一種"或"的關系。
[0039] 圖1為本發(fā)明一實施例提供的控件的渲染方法的流程示意圖，如圖1所示。
[0040] 101、獲取光標經過目標控件的經過方向信息。
[0041] 102、根據(jù)所述經過方向信息，獲得遮罩圖層的渲染方向信息。
[0042] 103、根據(jù)所述渲染方向信息，利用所述遮罩圖層對所述目標控件進行渲染。
[0043] 需要說明的是，101?103的執(zhí)行主體可以是渲染引擎，可以位于本地的應用 (Application，App)中。本實施例中所涉及的目標控件可以是本地的應用中界面上的任一 界面元素，本實施例對此不進行特別限定。
[0044] 可以理解的是，所述應用可以是安裝在終端上的應用程序（nativeApp)，或者還可 以是終端上的瀏覽器的一個網(wǎng)頁（webApp)，只要能夠實現(xiàn)界面渲染，以提供應用的用戶界 面的客觀存在形式都可以，本實施例對此不進行限定。
[0045] 這樣，通過獲取光標經過目標控件的經過方向信息，進而根據(jù)所述經過方向信息， 獲得遮罩圖層的渲染方向信息，使得能夠根據(jù)所述渲染方向信息，利用所述遮罩圖層對所 述目標控件進行渲染，由于遮罩圖層上沒有任何指定的圖案，因此，無需根據(jù)每個控件分別 設置遮罩圖層，操作簡單，從而提高了控件的渲染效率。
[0046] 可選地，在本實施例的一個可能的實現(xiàn)方式中，在101之前，應用需要將每個目標 控件的結構信息向渲染引擎進行注冊，例如，目標控件的標識信息、光標對于目標控件的進 入方向信息、光標對于目標控件的離開方向信息和光標對于目標控件的狀態(tài)信息等，以由 渲染引擎對目標控件進行渲染。
[0047] 可選地，在本實施例的一個可能的實現(xiàn)方式中，在101中，應用具體可以利用鉤子 (HOOK)函數(shù)，獲取光標在界面上的位置信息，進而根據(jù)所述位置信息和目標控件的位置信 息，獲得光標經過目標控件的經過方向信息，并發(fā)送給渲染引擎。
[0048] 具體地，所述經過方向信息可以包括但不限于進入方向信息和/或離開方向信 息，本實施例對此不進行特別限定。
[0049] 例如，具體可以根據(jù)光標未進入目標控件之前的最后一個位置和光標進入目標控 件之后的第一個位置，進行直線判斷，以獲得光標進入目標控件的進入方向信息，如從目標 控件的左邊進入，或者再如從目標控件的上邊進入。
[0050] 或者，再例如，具體還可以根據(jù)光標離開目標控件之前的最后一個位置和光標離 開目標控件之后的第一個位置，進行直線判斷，以獲得光標離開目標控件的離開方向信息， 如從目標控件的右邊離開，或者再如從目標控件的下邊離開。
[0051] 可選地，在本實施例的一個可能的實現(xiàn)方式中，在101中，渲染引擎具體可以根據(jù) 采樣周期，獲取光標經過目標控件的經過方向信息。具體地，采樣周期到達時，渲染引擎則 可以遍歷獲取目標控件所注冊的結構信息。
[0052] 可選地，在本實施例的一個可能的實現(xiàn)方式中，在103之前，渲染引擎還可以進一 步創(chuàng)建遮罩圖層，進而根據(jù)預先設置的透明度參數(shù)，設置所述遮罩圖層的透明度，所述透明 度參數(shù)大于〇且小于1。
[0053] 這樣，由于設置了遮罩圖層的透明度，使其處于非完全透明狀態(tài)，因此，在渲染過 程中，目標控件被遮罩圖層覆蓋到的部分即覆蓋部分可以區(qū)別顯示該目標控件沒有覆蓋到 的部分即非覆蓋部分，因此，能夠突出顯示目標控件交互的反饋效果。
[0054] 具體地，所述遮罩圖層的尺寸具體可以大于或等于所述目標控件的尺寸。這樣，使 得遮罩圖層能夠完全覆蓋目標控件。
[0055] 可以理解的是，目標控件的尺寸決定了參與渲染的遮罩圖層的尺寸，即遮罩圖層 只有覆蓋在目標控件上的部分才是參與渲染的有效圖層，以參與目標控件的渲染。
[0056] 可選地，在本實施例的一個可能的實現(xiàn)方式中，在102中，渲染引擎具體可以將所 述經過方向信息，直接作為遮罩圖層的渲染方向信息，或者還可以根據(jù)預先指定的經過方 向信息與渲染方向信息的映射關系，獲得與所述經過方向信息對應的渲染方向信息，本實 施例對此不進行特別限定。
[0057] 可選地，在本實施例的一個可能的實現(xiàn)方式中，在103中，渲染引擎具體可以根據(jù) 所述渲染方向信息和預先設置的指定渲染步長，獲得所述遮罩圖層參與渲染的有效圖層。 然后，所述渲染引擎則可以利用所述有效圖層，對所述目標控件進行渲染。其中，所述指定 渲染步長可以為一個百分比例如20%，或者還可以為一個絕對數(shù)值例如，5毫米（mm)等，本 實施例對此不進行特別限定。
[0058] 具體地，可以存在兩種初始狀態(tài)，一種初始狀態(tài)是，遮罩圖層與目標控件沒有重疊 部分即目標控件沒有被遮罩圖層覆蓋；另一種初始狀態(tài)是，遮罩圖層與目標控件完全重疊 即目標控件全部被遮罩圖層覆蓋。
[0059] 首先，渲染引擎具體可以根據(jù)所述渲染方向信息和預先設置的指定渲染步長，確 定遮罩圖層在渲染方向信息所指示的渲染方向上的位移步長。例如，遮罩圖層在渲染方向 信息所指示的渲染方向上的位移步長可以為目標控件在該渲染方向上的長度的20%，或 者，再例如，遮罩圖層在渲染方向信息所指示的渲染方向上的位移步長可以為5毫米（mm) 等，本實施例對此不進行特別限定。
[0060] 然后，所述渲染引擎根據(jù)所確定的遮罩圖層在渲染方向信息所指示的渲染方向上 的位移步長，獲得所述遮罩圖層參與渲染的有效圖層。
[0061] 最后，所述渲染引擎則可以根據(jù)所確定的位移步長，確定所述遮罩圖層在渲染方 向信息所指示的渲染方向上的渲染長度，進而根據(jù)該渲染長度，獲得所述遮罩圖層參與渲 染的有效圖層。
[0062] 例如，對于初始狀態(tài)是，遮罩圖層與目標控件沒有重疊部分即目標控件沒有被遮 罩圖層覆蓋，如圖2A所示。那么，在執(zhí)行103的過程中，根據(jù)預先設置的指定渲染步長d，依 次對目標控件進行渲染的渲染效果圖分別可以如圖2B?2F所示。其中，圖中的陰影表示 遮罩圖層；圖中的雙向箭頭指示的是渲染長度。圖2B中，渲染長度為d ;圖2C中，渲染長度 為2d ;圖2D中，渲染長度為3d ;圖2E中，渲染長度為4d ;圖2F中，渲染長度為5d。d的取 值具體可以根據(jù)目標控件在渲染方向信息所指示的渲染方向上長度進行設置，盡量使得遮 罩圖層在渲染引擎執(zhí)行最后一次渲染操作時，完全覆蓋目標控件。
[0063] 或者，再例如，對于初始狀態(tài)是，遮罩圖層與目標控件完全重疊即目標控件全部被 遮罩圖層覆蓋，如圖3A所示。那么，在執(zhí)行103的過程中，根據(jù)預先設置的指定渲染步長d， 依次對目標控件進行渲染的渲染效果圖分別可以如圖3B?3F所示。其中，圖中的陰影表 示遮罩圖層；圖中的雙向箭頭指示的是渲染長度。圖3B中，渲染長度為d ;圖3C中，渲染長 度為2d ;圖3D中，渲染長度為3d ;圖3E中，渲染長度為4d ;圖3F中，渲染長度為5d。d的 取值具體可以根據(jù)目標控件在渲染方向信息所指示的渲染方向上長度進行設置，盡量使得 遮罩圖層在渲染引擎執(zhí)行最后一次渲染操作時，完全離開目標控件。
[0064] 本實施例中，通過獲取光標經過目標控件的經過方向信息，進而根據(jù)所述經過方 向信息，獲得遮罩圖層的渲染方向信息，使得能夠根據(jù)所述渲染方向信息，利用所述遮罩圖 層對所述目標控件進行渲染，由于遮罩圖層上沒有任何指定的圖案，因此，無需根據(jù)每個控 件分別設置遮罩圖層，操作簡單，從而提高了控件的渲染效率。
[0065] 需要說明的是，對于前述的各方法實施例，為了簡單描述，故將其都表述為一系列 的動作組合，但是本領域技術人員應該知悉，本發(fā)明并不受所描述的動作順序的限制，因為 依據(jù)本發(fā)明，某些步驟可以采用其他順序或者同時進行。其次，本領域技術人員也應該知 悉，說明書中所描述的實施例均屬于優(yōu)選實施例，所涉及的動作和模塊并不一定是本發(fā)明 所必須的。
[0066] 在上述實施例中，對各個實施例的描述都各有側重，某個實施例中沒有詳述的部 分，可以參見其他實施例的相關描述。
[0067]圖4為本發(fā)明另一實施例提供的控件的渲染裝置的結構示意圖，如圖4所示。本 實施例的控件的渲染裝置可以包括獲取單元41、策略單元42和渲染單元43。其中，獲取單 元41，用于獲取光標經過目標控件的經過方向信息；策略單元42,用于根據(jù)所述經過方向 信息，獲得遮罩圖層的渲染方向信息；渲染單元43,用于根據(jù)所述渲染方向信息，利用所述 遮罩圖層對所述目標控件進行渲染。
[0068] 需要說明的是，本實施例所提供的控件的渲染裝置可以是渲染引擎，可以位于本 地的應用（Application，App)中。本實施例中所涉及的目標控件可以是本地的應用中界面 上的任一界面元素，本實施例對此不進行特別限定。
[0069] 可以理解的是，所述應用可以是安裝在終端上的應用程序（nativeApp)，或者還可 以是終端上的瀏覽器的一個網(wǎng)頁（webApp)，只要能夠實現(xiàn)界面渲染，以提供應用的用戶界 面的客觀存在形式都可以，本實施例對此不進行限定。
[0070] 這樣，通過獲取單元獲取光標經過目標控件的經過方向信息，進而由策略單元根 據(jù)所述經過方向信息，獲得遮罩圖層的渲染方向信息，使得渲染單元能夠根據(jù)所述渲染方 向信息，利用所述遮罩圖層對所述目標控件進行渲染，由于遮罩圖層上沒有任何指定的圖 案，因此，無需根據(jù)每個控件分別設置遮罩圖層，操作簡單，從而提高了控件的渲染效率。
[0071] 可選地，在本實施例的一個可能的實現(xiàn)方式中，應用需要將每個目標控件的結構 信息向控件的渲染裝置進行注冊，例如，目標控件的標識信息、光標對于目標控件的進入方 向信息、光標對于目標控件的離開方向信息和光標對于目標控件的狀態(tài)信息等，以由控件 的渲染裝置對目標控件進行渲染。
[0072] 可選地，在本實施例的一個可能的實現(xiàn)方式中，應用具體可以利用鉤子（HOOK)函 數(shù)，獲取光標在界面上的位置信息，進而根據(jù)所述位置信息和目標控件的位置信息，獲得光 標經過目標控件的經過方向信息，并發(fā)送給控件的渲染裝置。
[0073] 具體地，所述經過方向信息可以包括但不限于進入方向信息和/或離開方向信 息，本實施例對此不進行特別限定。
[0074] 例如，具體可以根據(jù)光標未進入目標控件之前的最后一個位置和光標進入目標控 件之后的第一個位置，進行直線判斷，以獲得光標進入目標控件的進入方向信息，如從目標 控件的左邊進入，或者再如從目標控件的上邊進入。
[0075] 或者，再例如，具體還可以根據(jù)光標離開目標控件之前的最后一個位置和光標離 開目標控件之后的第一個位置，進行直線判斷，以獲得光標離開目標控件的離開方向信息， 如從目標控件的右邊離開，或者再如從目標控件的下邊離開。
[0076] 可選地，在本實施例的一個可能的實現(xiàn)方式中，所述獲取單元41具體可以根據(jù)采 樣周期，獲取光標經過目標控件的經過方向信息。具體地，采樣周期到達時，所述獲取單元 41則可以遍歷獲取目標控件所注冊的結構信息。
[0077] 可選地，在本實施例的一個可能的實現(xiàn)方式中，如圖5所示，本實施例提供的控件 的渲染裝置還可以進一步包括創(chuàng)建單元51，用于創(chuàng)建遮罩圖層；以及根據(jù)預先設置的透明 度參數(shù)，設置所述遮罩圖層的透明度，所述透明度參數(shù)大于〇且小于1。
[0078] 這樣，由于設置了遮罩圖層的透明度，使其處于非完全透明狀態(tài)，因此，在渲染過 程中，目標控件被遮罩圖層覆蓋到的部分即覆蓋部分可以區(qū)別顯示該目標控件沒有覆蓋到 的部分即非覆蓋部分，因此，能夠突出顯示目標控件交互的反饋效果。
[0079] 具體地，所述遮罩圖層的尺寸具體可以大于或等于所述目標控件的尺寸。這樣，使 得遮罩圖層能夠完全覆蓋目標控件。
[0080] 可以理解的是，目標控件的尺寸決定了參與渲染的遮罩圖層的尺寸，即遮罩圖層 只有覆蓋在目標控件上的部分才是參與渲染的有效圖層，以參與目標控件的渲染。
[0081] 可選地，在本實施例的一個可能的實現(xiàn)方式中，所述策略單元42,具體可以將所述 經過方向信息，直接作為遮罩圖層的渲染方向信息，或者還可以根據(jù)預先指定的經過方向 信息與渲染方向信息的映射關系，獲得與所述經過方向信息對應的渲染方向信息，本實施 例對此不進行特別限定。
[0082] 可選地，在本實施例的一個可能的實現(xiàn)方式中，所述渲染單元43,具體可以用于 根據(jù)所述渲染方向信息和預先設置的指定渲染步長，獲得所述遮罩圖層參與渲染的有效圖 層；以及利用所述有效圖層，對所述目標控件進行渲染。其中，所述指定渲染步長可以為一 個百分比例如20%，或者還可以為一個絕對數(shù)值例如，5毫米（mm)等，本實施例對此不進行 特別限定。
[0083] 具體地，可以存在兩種初始狀態(tài)，一種初始狀態(tài)是，遮罩圖層與目標控件沒有重疊 部分即目標控件沒有被遮罩圖層覆蓋；另一種初始狀態(tài)是，遮罩圖層與目標控件完全重疊 即目標控件全部被遮罩圖層覆蓋。
[0084] 首先，所述渲染單元43具體可以根據(jù)所述渲染方向信息和預先設置的指定渲染 步長，確定遮罩圖層在渲染方向信息所指示的渲染方向上的位移步長。例如，遮罩圖層在 渲染方向信息所指示的渲染方向上的位移步長可以為目標控件在該渲染方向上的長度的 20%，或者，再例如，遮罩圖層在渲染方向信息所指示的渲染方向上的位移步長可以為5毫 米（mm)等，本實施例對此不進行特別限定。
[0085] 然后，所述渲染單元43根據(jù)所確定的遮罩圖層在渲染方向信息所指示的渲染方 向上的位移步長，獲得所述遮罩圖層參與渲染的有效圖層。
[0086] 最后，所述渲染單元43則可以根據(jù)所確定的位移步長，確定所述遮罩圖層在渲染 方向信息所指示的渲染方向上的渲染長度，進而根據(jù)該渲染長度，獲得所述遮罩圖層參與 渲染的有效圖層。
[0087] 例如，對于初始狀態(tài)是，遮罩圖層與目標控件沒有重疊部分即目標控件沒有被遮 罩圖層覆蓋，如圖2A所示。那么，在所述渲染單元43執(zhí)行對應操作的過程中，根據(jù)預先設 置的指定渲染步長d，依次對目標控件進行渲染的渲染效果圖分別可以如圖2B?2F所示。 其中，圖中的陰影表示遮罩圖層；圖中的雙向箭頭指示的是渲染長度。圖2B中，渲染長度為 d ;圖2C中，渲染長度為2d ;圖2D中，渲染長度為3d ;圖2E中，渲染長度為4d ;圖2F中，渲 染長度為5d。d的取值具體可以根據(jù)目標控件在渲染方向信息所指示的渲染方向上長度進 行設置，盡量使得遮罩圖層在所述渲染單元43執(zhí)行最后一次渲染操作時，完全覆蓋目標控 件。
[0088] 或者，再例如，對于初始狀態(tài)是，遮罩圖層與目標控件完全重疊即目標控件全部被 遮罩圖層覆蓋，如圖3A所示。那么，在所述渲染單元43執(zhí)行對應操作的過程中，根據(jù)預先設 置的指定渲染步長d，依次對目標控件進行渲染的渲染效果圖分別可以如圖3B?3F所示。 其中，圖中的陰影表示遮罩圖層；圖中的雙向箭頭指示的是渲染長度。圖3B中，渲染長度為 d ;圖3C中，渲染長度為2d ;圖3D中，渲染長度為3d ;圖3E中，渲染長度為4d ;圖3F中，渲 染長度為5d。d的取值具體可以根據(jù)目標控件在渲染方向信息所指示的渲染方向上長度進 行設置，盡量使得遮罩圖層在所述渲染單元43執(zhí)行最后一次渲染操作時，完全離開目標控 件。
[0089] 本實施例中，通過獲取單元獲取光標經過目標控件的經過方向信息，進而由策略 單元根據(jù)所述經過方向信息，獲得遮罩圖層的渲染方向信息，使得渲染單元能夠根據(jù)所述 渲染方向信息，利用所述遮罩圖層對所述目標控件進行渲染，由于遮罩圖層上沒有任何指 定的圖案，因此，無需根據(jù)每個控件分別設置遮罩圖層，操作簡單，從而提高了控件的渲染 效率。
[0090] 所屬領域的技術人員可以清楚地了解到，為描述的方便和簡潔，上述描述的系統(tǒng)， 裝置和單元的具體工作過程，可以參考前述方法實施例中的對應過程，在此不再贅述。
[0091] 在本發(fā)明所提供的幾個實施例中，應該理解到，所揭露的系統(tǒng)，裝置和方法，可以 通過其它的方式實現(xiàn)。例如，以上所描述的裝置實施例僅僅是示意性的，例如，所述單元的 劃分，僅僅為一種邏輯功能劃分，實際實現(xiàn)時可以有另外的劃分方式，例如多個單元或組件 可以結合或者可以集成到另一個系統(tǒng)，或一些特征可以忽略，或不執(zhí)行。另一點，所顯示或 討論的相互之間的耦合或直接耦合或通信連接可以是通過一些接口，裝置或單元的間接耦 合或通信連接，可以是電性，機械或其它的形式。
[0092] 所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯 示的部件可以是或者也可以不是物理單元，即可以位于一個地方，或者也可以分布到多個 網(wǎng)絡單元上。可以根據(jù)實際的需要選擇其中的部分或者全部單元來實現(xiàn)本實施例方案的目 的。
[0093] 另外，在本發(fā)明各個實施例中的各功能單元可以集成在一個處理單元中，也可以 是各個單元單獨物理存在，也可以兩個或兩個以上單元集成在一個單元中。上述集成的單 元既可以采用硬件的形式實現(xiàn)，也可以采用硬件加軟件功能單元的形式實現(xiàn)。
[0094] 上述以軟件功能單元的形式實現(xiàn)的集成的單元，可以存儲在一個計算機可讀取存 儲介質中。上述軟件功能單元存儲在一個存儲介質中，包括若干指令用以使得一臺計算 機設備（可以是個人計算機，服務器，或者網(wǎng)絡設備等）或處理器（processor)執(zhí)行本發(fā) 明各個實施例所述方法的部分步驟。而前述的存儲介質包括：U盤、移動硬盤、只讀存儲器 (Read-Only Memory, ROM)、隨機存取存儲器（Random Access Memory, RAM)、磁碟或者光盤 等各種可以存儲程序代碼的介質。
[0095] 最后應說明的是，以上實施例僅用以說明本發(fā)明的技術方案，而非對其限制；盡管 參照前述實施例對本發(fā)明進行了詳細的說明，本領域的普通技術人員應當理解：其依然可 以對前述各實施例所記載的技術方案進行修改，或者對其中部分技術特征進行等同替換； 而這些修改或者替換，并不使相應技術方案的本質脫離本發(fā)明各實施例技術方案的精神和 范圍。
【權利要求】
1. 一種控件的渲染方法，其特征在于，包括： 獲取光標經過目標控件的經過方向信息； 根據(jù)所述經過方向信息，獲得遮罩圖層的渲染方向信息； 根據(jù)所述渲染方向信息，利用所述遮罩圖層對所述目標控件進行渲染。
2. 根據(jù)權利要求1所述的方法，其特征在于，所述經過方向信息包括進入方向信息和/ 或離開方向信息。
3. 根據(jù)權利要求1所述的方法，其特征在于，所述根據(jù)所述渲染方向信息，利用所述遮 罩圖層對所述目標控件進行渲染之前，還包括： 創(chuàng)建遮罩圖層； 根據(jù)預先設置的透明度參數(shù)，設置所述遮罩圖層的透明度，所述透明度參數(shù)大于〇且 小于1。
4. 根據(jù)權利要求1所述的方法，其特征在于，所述遮罩圖層的尺寸大于或等于所述目 標控件的尺寸。
5. 根據(jù)權利要求1?4任一權利要求所述的方法，其特征在于，所述根據(jù)所述渲染方向 信息，利用所述遮罩圖層對所述目標控件進行渲染，包括： 根據(jù)所述渲染方向信息和預先設置的指定渲染步長，獲得所述遮罩圖層參與渲染的有 效圖層； 利用所述有效圖層，對所述目標控件進行渲染。
6. -種控件的渲染裝置，其特征在于，包括： 獲取單元，用于獲取光標經過目標控件的經過方向信息； 策略單元，用于根據(jù)所述經過方向信息，獲得遮罩圖層的渲染方向信息； 渲染單元，用于根據(jù)所述渲染方向信息，利用所述遮罩圖層對所述目標控件進行渲染。
7. 根據(jù)權利要求6所述的裝置，其特征在于，所述經過方向信息包括進入方向信息和/ 或離開方向信息。
8. 根據(jù)權利要求6所述的裝置，其特征在于，所述裝置還包括創(chuàng)建單元，用于 創(chuàng)建遮罩圖層；以及 根據(jù)預先設置的透明度參數(shù)，設置所述遮罩圖層的透明度，所述透明度參數(shù)大于〇且 小于1。
9. 根據(jù)權利要求6所述的裝置，其特征在于，所述遮罩圖層的尺寸大于或等于所述目 標控件的尺寸。
10. 根據(jù)權利要求6?9任一權利要求所述的裝置，其特征在于，所述渲染單元，具體用 于 根據(jù)所述渲染方向信息和預先設置的指定渲染步長，獲得所述遮罩圖層參與渲染的有 效圖層；以及 利用所述有效圖層，對所述目標控件進行渲染。
【文檔編號】G06F3/0481GK104216711SQ201410440679
【公開日】2014年12月17日 申請日期:2014年9月1日 優(yōu)先權日:2014年9月1日
【發(fā)明者】易善鴻, 傅千代, 唐瀚 申請人:安一恒通（北京）科技有限公司