<listing id="vjp15"></listing><menuitem id="vjp15"></menuitem><var id="vjp15"></var><cite id="vjp15"></cite>
<var id="vjp15"></var><cite id="vjp15"><video id="vjp15"><menuitem id="vjp15"></menuitem></video></cite>
<cite id="vjp15"></cite>
<var id="vjp15"><strike id="vjp15"><listing id="vjp15"></listing></strike></var>
<var id="vjp15"><strike id="vjp15"><listing id="vjp15"></listing></strike></var>
<menuitem id="vjp15"><strike id="vjp15"></strike></menuitem>
<cite id="vjp15"></cite>
<var id="vjp15"><strike id="vjp15"></strike></var>
<var id="vjp15"></var>
<var id="vjp15"></var>
<var id="vjp15"><video id="vjp15"><thead id="vjp15"></thead></video></var>
<menuitem id="vjp15"></menuitem><cite id="vjp15"><video id="vjp15"></video></cite>
<var id="vjp15"></var><cite id="vjp15"><video id="vjp15"><thead id="vjp15"></thead></video></cite>
<var id="vjp15"></var>
<var id="vjp15"></var>
<menuitem id="vjp15"><span id="vjp15"><thead id="vjp15"></thead></span></menuitem>
<cite id="vjp15"><video id="vjp15"></video></cite>
<menuitem id="vjp15"></menuitem>

一種頁面顯示方法及其設備、存儲介質、終端與流程

文檔序號:11234192閱讀:1023來源:國知局
一種頁面顯示方法及其設備、存儲介質、終端與流程

本發明涉及計算機技術領域,尤其涉及一種頁面顯示方法及其設備、存儲介質、終端。



背景技術:

隨著計算機技術的快速發展,手機、平板電腦等智能終端中的各類終端顯示頁面(其中,應用場景廣泛的顯示頁面為html頁面)可以以豐富的形式(例如,頁面上下滾動的形式、左右滑動的形式或者翻頁的形式等)為用戶展示各類應該數據(例如,文檔、視頻以及音樂等)。現有技術中,可以采用原生技術(非thml技術)或者h5技術實現html頁面的上拉或下滑等動效,然而,當html頁面上拉或下滑到邊緣頁面即頁面底端或頂端時,若對邊緣頁面繼續操作該邊緣頁面將繼續維持當前的顯示效果,從而降低了展示頁面交互方式的多樣性。



技術實現要素:

本發明實施例提供一種頁面顯示方法及其設備、存儲介質、終端,可以通過分析針對多媒體頁面的邊緣頁面所輸入的元素展示操作,對多媒體頁面對應的關聯頁面的頁面元素進行調整,并展示經元素調整后的關聯頁面,提高展示頁面交互方式的多樣性。

本發明實施例第一方面提供了一種頁面顯示方法,可包括:

當檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,獲取在所述顯示頁面中所輸入的元素展示操作;

獲取所述當前多媒體頁面對應的預加載的關聯頁面,并基于所述元素展示操作對所述關聯頁面中的頁面元素進行元素調整;

在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示。

本發明實施例第二方面提供了一種頁面顯示設備,可包括:

元素操作獲取模塊,用于當檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,獲取在所述顯示頁面中所輸入的元素展示操作;

元素調整模塊,用于獲取所述當前多媒體頁面對應的預加載的關聯頁面,并基于所述元素展示操作對所述關聯頁面中的頁面元素進行元素調整;

頁面顯示模塊,用于在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示。

在本發明實施例中,當檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,獲取在顯示頁面中所輸入的元素展示操作,然后獲取當前多媒體頁面對應的預加載的關聯頁面,并基于元素展示操作對關聯頁面中的頁面元素進行元素調整,最后在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示。通過分析針對多媒體頁面的邊緣頁面所輸入的元素展示操作,對多媒體頁面對應的關聯頁面的頁面元素進行調整,并展示經元素調整后的關聯頁面,提高了展示頁面交互方式的多樣性。

附圖說明

為了更清楚地說明本發明實施例或現有技術中的技術方案,下面將對實施例或現有技術描述中所需要使用的附圖作簡單地介紹,顯而易見地,下面描述中的附圖僅僅是本發明的一些實施例,對于本領域普通技術人員來講,在不付出創造性勞動的前提下,還可以根據這些附圖獲得其他的附圖。

圖1是本發明實施例提供的一種頁面顯示方法的流程示意圖;

圖2a是本發明實施例提供的終端顯示窗口的結構示意圖;

圖2b-圖2c是本發明實施例提供的頁面顯示效果示意圖;

圖2d是本發明實施例提供的頁面調整后的效果示意圖;

圖3是本發明實施例提供的另一種頁面顯示方法的流程示意圖;

圖4a-圖4b是本發明實施例提供的操作過程示意圖;

圖5是本發明實施例提供的另一種頁面顯示方法的流程示意圖;

圖6a-圖6b是本發明實施例提供的平面坐標計算示意圖;

圖7是本發明實施例提供的另一種頁面顯示方法的流程示意圖;

圖8是本發明實施例提供的一種頁面顯示設備的結構示意圖;

圖9是本發明實施例提供的另一種頁面顯示設備的結構示意圖;

圖10是本發明實施例提供的頁面確定模塊的結構示意圖;

圖11是本發明實施例提供的元素調整模塊的結構示意圖;

圖12是本發明實施例提供的元素信息獲取單元的結構示意圖;

圖13是本發明實施例提供的元素調整單元的結構示意圖;

圖14是本發明實施例提供的一種終端的結構示意圖。

具體實施方式

下面將結合本發明實施例中的附圖,對本發明實施例中的技術方案進行清楚、完整地描述,顯然,所描述的實施例僅僅是本發明一部分實施例,而不是全部的實施例。基于本發明中的實施例,本領域普通技術人員在沒有做出創造性勞動前提下所獲得的所有其他實施例,都屬于本發明保護的范圍。

本發明實施例提供的基站鑒別方法可以應用于對多媒體壓面的邊緣頁面繼續操作時,顯示多媒體頁面對應的關聯頁面的場景中,例如:當頁面顯示設備檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,獲取在顯示頁面中所輸入的元素展示操作,然后頁面顯示設備獲取當前多媒體頁面對應的預加載的關聯頁面,并基于元素展示操作對關聯頁面中的頁面元素進行元素調整,最后頁面顯示設備在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示。通過分析針對多媒體頁面的邊緣頁面所輸入的元素展示操作,對多媒體頁面對應的關聯頁面的頁面元素進行調整,并展示經元素調整后的關聯頁面,提高了展示頁面交互方式的多樣性。

本發明實施例涉及的頁面顯示設備可以為平板電腦、智能手機、掌上電腦以及移動互聯網設備(mid)等其他可以基站進行通信連接的終端設備。

下面將結合附圖1-附圖7,對本發明實施例提供的頁面顯示方法進行詳細介紹。

請參見圖1,為本發明實施例提供了一種頁面顯示方法的流程示意圖。如圖1所示,本發明實施例的所述方法可以包括以下步驟s101-步驟s103。

s101,當檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,獲取在所述顯示頁面中所輸入的元素展示操作;

具體的,頁面顯示設備可以檢測到終端顯示窗口中的顯示頁面是否為當前多媒體頁面中的邊緣頁面,可以理解的是,所述終端顯示窗口可以是手機、掌上電腦等頁面顯示設備中用于顯示多媒體頁面的顯示窗口,例如圖2a所示的手機中的終端顯示窗口。所述當前多媒體頁面可以為所述終端顯示窗口中顯示的文檔頁面、視頻目錄頁面或者新聞瀏覽頁面等,例如圖2a中所示的鼓勵用戶通過使用優惠券獲得更好的使用體驗的頁面。可以理解的是,所述當前多媒體頁面的長度可能大于所述終端顯示窗口的長度,當前在所述終端顯示窗口中顯示的頁面為所述當前多媒體頁面的顯示頁面,所述邊緣頁面可以是所述當前多媒體頁面中作為起始頁面的頂端邊緣頁面或者所述當前多媒體頁面中作為結束頁面的低端邊緣頁面。可選的,當所述當前多媒體頁面基于所述頁面展示操作的頁面卷去距離為零時,可以認為所述終端顯示窗口中的顯示頁面為所述當前多媒體頁面中的頂端邊緣頁面,當所述當前多媒體頁面基于所述頁面展示操作的頁面卷去距離與所述終端顯示窗口的窗口長度之和等于所述當前多媒體頁面的頁面總長度時,可以認為所述終端顯示窗口中的顯示頁面為所述當前多媒體頁面中的頂端邊緣頁面。可以理解的是,所述頁面卷去距離可以是所述終端顯示窗口的窗口長度或寬度不足以顯示整個當前多媒體頁面時,所述當前所媒體頁面被隱藏掉的長度或寬度。

進一步的,當檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,所述頁面顯示設備可以獲取在所述顯示頁面中所輸入的元素展示操作,可以理解的是,所述元素展示操作可以為展示關聯頁面中的頁面元素的操作,其中,所述關聯頁面可以為所述頁面顯示設備顯示所述當前多媒體頁面時,預加載的與所述當前多媒體頁面相關聯的頁面,所述頁面元素可以為組成關聯頁面內容的元素,例如,關聯頁面為企鵝圖片時,頁面元素可以為企鵝的五官、體型、顏色等元素。

s102,獲取所述當前多媒體頁面對應的預加載的關聯頁面,并基于所述元素展示操作對所述關聯頁面中的頁面元素進行元素調整;

具體的,所述頁面顯示設備獲取所述元素展示操作后,可以獲取所述當前多媒體頁面對應的預加載的關聯頁面,其中,如步驟101中的描述,所述關聯頁面可以為所述頁面顯示設備顯示所述當前多媒體頁面時,預加載的與所述當前多媒體頁面相關聯的頁面,可以是出現彩蛋、動畫效果、刷新功能、活動內容、趣味游戲等可個性化定制的區域。可以理解的是,所述關聯頁面可以與所述邊緣頁面一起顯示,例如顯示在所述頂端邊緣頁面的上端或顯示在所述底端邊緣頁面的下端(如圖2b所示,所述關聯頁面“企鵝圖片”顯示在底端邊緣頁面下端),所述關聯頁面也可以隱藏在所述邊緣頁面下面不顯示(如圖2c所示,可以認為所述關聯頁面“企鵝圖片”隱藏在底端邊緣頁面下面不顯示)。

進一步的,所述頁面顯示設備可以基于所述元素展示操作對所述關聯頁面中的頁面元素進行元素調整,可以理解的是,如步驟101中的描述,所述頁面元素可以為組成關聯頁面內容的元素,例如,關聯頁面為企鵝圖片時,頁面元素可以為企鵝的五官、體型、顏色等元素。所述頁面顯示設備可以在所述元素展示操作所指示的元素展示方向上預加載關聯頁面,并根據所述元素展示操作所指示的元素展示距離對所述關聯頁面中的頁面元素進行元素調整,例如,關聯頁面企鵝圖像的初始頁面元素中,眼睛為直視前方,嘴巴為閉合狀態,則所述頁面顯示設備可以根據所述元素展示距離將企鵝的眼睛由直視調整為上仰,或者將企鵝的嘴巴由閉合調整為張開等。

s103,在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示;

具體的,所述頁面顯示設備可以在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示,例如圖2b和圖2c中關聯頁面中的企鵝經過元素展示操作后變化為圖2d中的企鵝,兩者相比眼睛、嘴巴的狀態發生了變化,可以理解的是,所述頁面顯示設備可以采用動畫效果向用戶展示頁面元素調整的過程,例如動畫展示企鵝的眼睛由直視變為仰視的過程。

需要說明的是,由于動畫效果圖在本申請中不能展示,僅以圖2b和圖2c展示調整前的效果以圖2d展示調整后的效果,具體的動畫調整過程可以參見上述文字描述。

在本發明實施例中,當檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,獲取在顯示頁面中所輸入的元素展示操作,然后獲取當前多媒體頁面對應的預加載的關聯頁面,并基于元素展示操作對關聯頁面中的頁面元素進行元素調整,最后在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示。通過分析針對多媒體頁面的邊緣頁面所輸入的元素展示操作,對多媒體頁面對應的關聯頁面的頁面元素進行調整,并展示經元素調整后的關聯頁面,提高了展示頁面交互方式的多樣性。

請參見圖3,為本發明實施例提供了另一種頁面顯示方法的流程示意圖。如圖3所示,本發明實施例的所述方法可以包括以下步驟s201-步驟s209。

s201,當檢測到對當前多媒體頁面的顯示操作時,在終端顯示窗口中對所述當前多媒體頁面進行顯示,并預加載所述當前多媒體頁面對應的關聯頁面;

可以理解的是,所述顯示操作可以為顯示當前所媒體頁面的操作,例如,打開終端應用顯示應用首頁的操作(例如,點擊應用圖標)或者在已經顯示的當前多媒體頁面中進一步顯示當前多媒體頁面對應的子頁面的操作(例如,在已經顯示的頁面中點擊“詳情”來進一步顯示詳情對應的當前多媒體頁面對應的子頁面)。

具體的,當檢測到對當前多媒體頁面的顯示操作時,所述頁面顯示設備可以在終端顯示窗口中對所述當前多媒體頁面進行顯示,可以理解的是,所述終端顯示窗口可以是手機、掌上電腦等頁面顯示設備中用于顯示多媒體頁面的顯示窗口,例如圖2a所示的手機中的終端顯示窗口。所述當前多媒體頁面可以所述終端顯示窗口中顯示的文檔頁面、視頻目錄頁面或者新聞瀏覽頁面等,例如圖2a中所示的鼓勵用戶通過使用優惠券獲得更好的使用體驗的頁面。

可選的,在對所述當前多媒體頁面進行顯示的同時,所述頁面顯示設備可以預加載所述當前多媒體頁面對應的關聯頁面,可以理解的是,所述關聯頁面可以為所述頁面顯示設備顯示所述當前多媒體頁面時,預加載的與所述當前多媒體頁面相關聯的頁面,可以是出現彩蛋、動畫效果、刷新功能、活動內容、趣味游戲等可個性化定制的區域。可以理解的是,所述關聯頁面可以與所述當前多媒體頁面的邊緣頁面一起顯示,例如顯示在頂端邊緣頁面的上端或顯示在底端邊緣頁面的下端(如圖2b所示,所述關聯頁面“企鵝圖片”顯示在底端邊緣頁面下端),所述關聯頁面也可以隱藏在所述邊緣頁面下面不顯示(如圖2c所示,可以認為所述關聯頁面“企鵝圖片”隱藏在底端邊緣頁面下面不顯示)。

在本發明實施例中,通過預加載所述關聯頁面,提高了對所述關聯頁面中的頁面元素進行調整以及顯示調整后的關聯頁面的效率。

s202,獲取所輸入的針對所述當前多媒體頁面的頁面展示操作,獲取所述頁面展示操作所指示的頁面展示距離和頁面展示方向;

具體的,所述頁面顯示設備可以獲取所輸入的針對所述當前多媒體頁面的頁面展示操作,可以理解的是,所述頁面展示操作可以為針對所述當前多媒體頁面的下拉、上滑、左滑、右滑等使所述當前所媒體頁面通過滾動或翻頁持續展示頁面內容的操作。

進一步的,所述頁面顯示設備可以獲取所述頁面展示操作所指示的頁面展示距離和頁面展示方向,可以理解的是,所述頁面展示距離可以是用戶輸入所述頁面展示操作時,在所述頁面顯示設備中的操作距離,例如,圖4a所示的在終端設備的顯示屏中進行下拉操作時從起點a到終點b間的距離為該頁面展示操作的頁面展示距離,可以理解的是,當手指的下拉或者上滑為曲線時,所述頁面展示距離為起點和終點間與顯示屏垂直的直線距離,如圖4b所示,下拉操作的軌跡為帶箭頭的彎曲實線所示,改軌跡的起點c和終點d之間的與顯示屏垂直的直線距離(虛線示出即c點和d1點間的虛線)為該頁面展示操作的頁面展示距離。可以理解的是,所示頁面展示方向為所示頁面展示操作的起點指向終點的方向,例如,圖4a中a點到b點間的距離直線上箭頭的所指向的方向,圖4b中c點指向d1點的方向。

可選的,所述頁面顯示設備可以基于預設平面坐標獲取所述頁面展示操作的操作起始坐標和操作結束坐標,進一步的,所述頁面顯示設備可以根據兩個坐標點極端所述頁面展示距離,確定頁面展示方向。可以理解的是,所述預設平面坐標可以是以終端設備顯示屏的某一點作為坐標原點,以平行于所述顯示屏寬邊和長邊的方向作為x軸和y軸,如圖4a和圖4b中所示的預設平面坐標。

需要說明的是,當所述當前多媒體頁面較長時,針對所述當前多媒體頁面的頁面展示操作可以是至少一次頁面展示操作的,此時所述頁面展示距離為所述至少一次頁面展示操作中每次頁面展示操作所指示的每次頁面展示距離的總和。

s203,根據所述頁面展示距離和所述頁面展示方向確定所述當前多媒體頁面的頁面卷去距離;

具體的,所示頁面顯示設備可以根據所述頁面展示距離和所述頁面展示方向確定所述當前多媒體頁面的頁面卷去距離,可以理解的是,所述頁面卷去距離可以是所述終端顯示窗口的窗口長度或寬度不足以顯示整個當前多媒體頁面時,所述當前所媒體頁面被隱藏掉的長度或寬度。可以理解的是,若所述當前所媒體頁面的頁面總長度等于所述終端顯示窗口的窗口長度,無論所述頁面展示操作為上滑操作還是下拉操作,所述頁面卷去距離都為零;若所述當前所媒體頁面的頁面總長度大于所述終端顯示窗口的窗口長度,當所述頁面展示操作為上滑操作時,所述頁面卷去距離與所述上滑操作所指示的頁面展示距離一致是逐漸增大的,且最大為所述當前多媒體頁面的總長度與所述當前終端窗口的窗口長度之差,當所述頁面展示操作為下拉操作時,所述頁面卷去距離可以為已卷去頁面的頁面距離與所述下拉操作所指示的頁面展示距離之差,隨著所述頁面展示距離的增加所述頁面卷去距離逐漸減小且最小為零。例如,圖2a所示在卷去頁面的頁面內容的存儲區域,沒有被卷去頁面的頁面內容,可以認為當前多媒體頁面中沒有被卷去的頁面即頁面卷去距離為零,圖2d所示在卷去頁面的頁面內容的存儲區域中存儲有被卷去頁面的頁面內容,可以認為所示被卷去頁面的頁面內容所占的頁面長度為所示頁面卷去距離。可以理解的是,圖2a或圖2d中所示的卷去頁面的頁面內容實際是不可見的,為了便于理解故在圖中標出。

s204,根據所述頁面卷去距離確定所述當前多媒體頁面中的邊緣頁面;

具體的,所述頁面顯示設備可以根據所述頁面卷去距離確定所述當前多媒體頁面中的邊緣頁面,可選的,當所述頁面卷去距離為零時,所述頁面顯示設備可以確定所述終端顯示窗口中的顯示頁面為所述當前多媒體頁面中的頂端邊緣頁面,例如,打開所述當前多媒體頁面時所顯示的頁面可以認為是所述當前多媒體頁面的頂端邊緣頁面。可選的,當所述頁面卷去距離與終端顯示窗口的窗口長度之和等于所述當前多媒體頁面的頁面總長度時,所述頁面顯示設備可以確定所述終端顯示窗口中的顯示頁面為所述當前多媒體頁面中的底端邊緣頁面。例如,所述頁面卷去距離為4cm,終端顯示窗口的窗口長度為9cm,當前多媒體頁面的頁面總長度為13cm,此時所述頁面卷去距離和終端顯示窗口的窗口長度為之和為13cm等于所述當前多媒體頁面的頁面總長度13cm,此時所述頁面顯示設備可以確定終端顯示窗口中的顯示頁面為當前多媒體頁面中的底端邊緣頁面。

需要說明的是,當所述當前多媒體頁面的頁面長度較長時,例如為25cm,所述終端顯示窗口的窗口長度為9cm,則所述當前多媒體頁面的頁面展示操作的頁面展示距離最多為9cm即與所述頁面展示距離相應的所述頁面卷去距離最多為9cm,所述頁面顯示設備需要在確定多次頁面展示距離的總和即總的頁面卷去距離與所述終端顯示窗口的窗口長度之和等于所述當前多媒體頁面的頁面總長度的基礎上,才能確定終端顯示窗口中的顯示頁面為當前多媒體頁面中的底端邊緣頁面。

在本發明實施例中,通過頁面卷去距離確定所述當前多媒體頁面的邊緣頁面是頂端邊緣頁面還是底端邊緣頁面,增加了對所述邊緣頁面進行確定的精確性。

s205,當檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,獲取在所述顯示頁面中所輸入的元素展示操作;

具體的,當所述頁面顯示設備檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,可以獲取在所述顯示頁面中所輸入的元素展示操作,可以理解的是,所述元素展示操作可以為展示關聯頁面中的頁面元素的操作,其中,所述關聯頁面可以為所述頁面顯示設備顯示所述當前多媒體頁面時,預加載的與所述當前多媒體頁面相關聯的頁面,所述頁面元素可以為組成關聯頁面內容的元素,例如,關聯頁面為企鵝圖片時,頁面元素可以為企鵝的五官、體型、顏色等元素。

s206,獲取所述元素展示操作所指示的元素展示距離和元素展示方向,所述元素展示方向與所述頁面展示方向的方向一致;

具體的,所述頁面顯示設備在獲取所述元素展示操作后,可以獲取所述元素展示操作所指示的元素展示距離和元素展示方向,可以理解的是,所述元素展示操作可以是針對所述邊緣頁面的下拉、上滑、左滑、右滑等用于展示預加載的關聯頁面的操作。可以理解的是,當所述當前多媒體頁面在所述頁面展示操作指示的頁面展示方向上展示結束處于邊緣頁面時,只有沿著所述頁面展示方向的方向輸入元素展示操作,才能展示所述關聯頁面,所以所述元素展示方向與所述頁面展示方向的方向一致。所述元素展示距離可以為輸入所述元素展示操作時從起點到終點的距離,具體距離可以如圖4a和4b所示。

s207,獲取所述顯示頁面在所述元素展示方向上預加載的關聯頁面,并根據所述元素展示距離對所述關聯頁面中的頁面元素進行元素調整;

具體的,所述頁面顯示設備可以獲取所述元素展示方向上預加載關聯頁面,若元素展示方向如圖4a所示為a點指向b點的方向,則所述頁面顯示設備可以預加載當前多媒體頁面中頁面頂端區域內的關聯頁面即所述關聯頁面位于靠近a點的區域內。

進一步的,所述頁面顯示設備可以根據所述元素展示距離對所述關聯頁面中的頁面元素進行元素調整,例如,關聯頁面企鵝圖像的初始頁面元素中,眼睛為直視前方,嘴巴為閉合狀態,則所述頁面顯示設備可以根據所述元素展示距離將企鵝的眼睛由直視調整為上仰,或者將企鵝的嘴巴由閉合調整為張開等。

在本發明實施例中,通過分析所述元素展示操作的元素展示距離和元素展示方向,實現對所述關聯頁面中頁面元素的調整過程,提高了對所述頁面元素進行調整的準確性。

s208,在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示;

具體的,所述頁面顯示設備可以在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示,例如圖2b和圖2c中關聯頁面中的企鵝經過元素展示操作后變化為圖2d中的企鵝,兩者相比眼睛、嘴巴的狀態發生了變化,可以理解的是,所述頁面顯示設備可以采用動畫效果向用戶展示頁面元素調整的過程,例如動畫展示企鵝的眼睛由直視變為仰視的過程。

需要說明的是,由于動畫效果圖在本申請中不能展示,僅以圖2b和圖2c展示調整前的效果以圖2d展示調整后的效果,具體的動畫調整過程可以參見上述文字描述。

s209,恢復顯示所述顯示頁面,并隱藏所述終端顯示窗口中顯示的對元素調整后的關聯頁面;

具體的,當所述頁面顯示設備對元素調整后的關聯頁面進行顯示后,可以恢復顯示所述顯示頁面,即恢復顯示所述邊緣頁面。進一步的,所述頁面顯示設備可以隱藏所述終端顯示窗口中顯示的對元素調整后的關聯頁面,例如,所述頁面顯示設備可以恢復到圖2a所示的顯示頁面,其中所述關聯頁面隱藏在所述顯示頁面之下如圖2c所示。可選的,所述頁面顯示設備也可以恢復到圖2b所示的顯示頁面,其中所述關聯頁面位于所述顯示頁面下端與所述顯示頁面一起顯示。

在本發明實施例一種具體實現方式中,所述獲取所述元素展示操作所指示的元素展示距離和元素展示方向可以包括以下幾個步驟,如圖5所示:

s301,基于預設平面坐標獲取所述元素展示操作的操作起始坐標和操作結束坐標,并根據所述操作起始坐標和所述操作結束坐標計算所述元素展示距離;

具體的,所述頁面顯示設備可以基于預設平面坐標獲取所述元素展示操作的操作起始坐標和操作結束坐標,可以理解的是,所述預設平面坐標可以為以終端設備顯示屏的某一點作為坐標原點,以平行于所述顯示屏寬邊和長邊的方向作為x軸和y軸,如圖4a和圖4b中所示的預設平面坐標。

進一步的,所述頁面顯示設備可以根據所述操作起始坐標和所述操作結束坐標計算所述元素展示距離,例如,以圖6a所示的預設平面坐標為例,操作起始坐標為(5,9),操作結束坐標為(5,5),則所述元素展示距離可以根據平面坐標距離公式計算得到是4。可選的,如圖6b所示操作起始坐標為(5,9),操作結束坐標為(2,5),此時需先求得操作結束坐標在操作起始坐標與x軸垂直線上的交點(5,5),再計算坐標點(5,9)與坐標點(5,5)之間的距離。

s302,確定從所述操作起始坐標到所述操作結束坐標的間的方向為所述元素展示方向;

具體的,得知所述操作起始坐標和所述操作結束坐標之后,所述頁面顯示設備可以確定從所述操作起始坐標到所述操作結束坐標的間的方向為所述元素展示方向,例如,圖4a所示的a點到b點的方向為可以為元素展示方向,圖4b所示的c點到d1點的方向為元素展示方向。

在本發明實施例中,通過采用預設平面坐標確定所述元素展示操作所指示的元素展示距離和元素展示方向,提高了獲取元素展示距離和元素展示方向的準確性。

在本發明實施例一種具體實現方式中,所述頁面元素為至少一個頁面元素;所述根據所述元素展示距離對所述關聯頁面中的頁面元素進行元素調整可以包括以下幾個步驟,如圖7所示:

s401,獲取所述關聯頁面中的至少一個頁面元素,根據所述元素展示距離獲取所述至少一個頁面元素中各頁面元素的各元素調整參數;

具體的,當所述關聯頁面中的頁面元素為至少一個頁面元素時,所述頁面顯示設備可以獲取所述關聯頁面中的至少一個頁面元素,例如,可以同時包括關聯頁面企鵝圖像中企鵝的眼睛、嘴巴以及毛發等。進一步的,所述頁面顯示設備可以根據所述元素展示距離獲取所述至少一個頁面元素中個頁面元素的各元素調整參數,例如,關聯頁面企鵝圖像的頁面元素包括眼睛、嘴巴以及毛發,所述頁面顯示設備可以根據頁面調整距離d再輔以預設的調整比例參數value獲取所述頁面元素眼睛、嘴巴以及毛發對應的元素調整參數eye、mouth和hair。

s402,基于所述各元素調整參數對所述頁面元素進行元素調整;

具體的,所述頁面顯示設備可以基于所述各元素調整參數對所述頁面元素進行元素調整,例如,頁面元素眼睛、嘴巴以及毛發對應的元素調整參數eye、mouth和hair當前的值分別為1,2,3,所述頁面顯示設備可以獲取數值分別為1,2,3時元素調整參數eye、mouth和hair的狀態,例如,eye為1時眼睛狀態為仰視、mouth值為2時嘴巴張開狀態、hair值為3時頭發為舞動狀態,進而可以根據各元素調整參數當前的狀態對所述頁面元素進行調整。

在本發明實施例中,通過元素展示距離對各元素調整參數的進行調整,實現了同時對多個頁面元素同時調整,增加了對關聯頁面中頁面元素調整的多樣性。

在本發明實施例中,當檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,獲取在顯示頁面中所輸入的元素展示操作,然后獲取當前多媒體頁面對應的預加載的關聯頁面,并基于元素展示操作對關聯頁面中的頁面元素進行元素調整,最后在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示。通過分析針對多媒體頁面的邊緣頁面所輸入的元素展示操作,對多媒體頁面對應的關聯頁面的頁面元素進行調整,并展示經元素調整后的關聯頁面,提高了展示頁面交互方式的多樣性;通過預加載關聯頁面,提高了對關聯頁面中的頁面元素進行調整以及顯示調整后的關聯頁面的效率;通過頁面卷去距離確定當前多媒體頁面的邊緣頁面是頂端邊緣頁面還是底端邊緣頁面,增加了對邊緣頁面進行確定的精確性;通過分析元素展示操作的元素展示距離和元素展示方向,實現對關聯頁面中頁面元素的調整過程,提高了對頁面元素進行調整的準確性;通過采用預設平面坐標確定元素展示操作所指示的元素展示距離和元素展示方向,提高了獲取元素展示距離和元素展示方向的準確性;通過元素展示距離對各元素調整參數的進行調整,實現了同時對多個頁面元素同時調整,增加了對關聯頁面中頁面元素調整的多樣性。

下面將結合附圖8-附圖13,對本發明實施例提供的頁面顯示設備進行詳細介紹。需要說明的是,附圖8-附圖13所示的設備,用于執行本發明圖1-圖7所示實施例的方法,為了便于說明,僅示出了與本發明實施例相關的部分,具體技術細節未揭示的,請參照本發明圖1-圖7所示的實施例。

請參見圖8,為本發明實施例提供了一種頁面顯示設備的結構示意圖。如圖8所示,本發明實施例的所述頁面顯示設備1可以包括:元素操作獲取模塊11、元素調整模塊12和頁面顯示模塊13。

元素操作獲取模塊11,用于當檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,獲取在所述顯示頁面中所輸入的元素展示操作;

具體實現中,元素操作獲取模塊11可以檢測到終端顯示窗口中的顯示頁面是否為當前多媒體頁面中的邊緣頁面,可以理解的是,所述終端顯示窗口可以是手機、掌上電腦等頁面顯示設備中用于顯示多媒體頁面的顯示窗口,例如圖2a所示的手機中的終端顯示窗口。所述當前多媒體頁面可以為所述終端顯示窗口中顯示的文檔頁面、視頻目錄頁面或者新聞瀏覽頁面等,例如圖2a中所示的鼓勵用戶通過使用優惠券獲得更好的使用體驗的頁面。可以理解的是,所述當前多媒體頁面的長度可能大于所述終端顯示窗口的長度,當前在所述終端顯示窗口中顯示的頁面為所述當前多媒體頁面的顯示頁面,所述邊緣頁面可以是所述當前多媒體頁面中作為起始頁面的頂端邊緣頁面或者所述當前多媒體頁面中作為結束頁面的低端邊緣頁面。可選的,當所述當前多媒體頁面基于所述頁面展示操作的頁面卷去距離為零時,可以認為所述終端顯示窗口中的顯示頁面為所述當前多媒體頁面中的頂端邊緣頁面,當所述當前多媒體頁面基于所述頁面展示操作的頁面卷去距離與所述終端顯示窗口的窗口長度之和等于所述當前多媒體頁面的頁面總長度時,可以認為所述終端顯示窗口中的顯示頁面為所述當前多媒體頁面中的頂端邊緣頁面。可以理解的是,所述頁面卷去距離可以是所述終端顯示窗口的窗口長度或寬度不足以顯示整個當前多媒體頁面時,所述當前所媒體頁面被隱藏掉的長度或寬度。

進一步的,當檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,所述元素操作獲取模塊11可以獲取在所述顯示頁面中所輸入的元素展示操作,可以理解的是,所述元素展示操作可以為展示關聯頁面中的頁面元素的操作,其中,所述關聯頁面可以為所述頁面顯示設備1顯示所述當前多媒體頁面時,預加載的與所述當前多媒體頁面相關聯的頁面,所述頁面元素可以為組成關聯頁面內容的元素,例如,關聯頁面為企鵝圖片時,頁面元素可以為企鵝的五官、體型、顏色等元素。

元素調整模塊12,用于獲取所述當前多媒體頁面對應的預加載的關聯頁面,并基于所述元素展示操作對所述關聯頁面中的頁面元素進行元素調整;

具體實現中,所述元素操作獲取模塊11獲取所述元素展示操作后,所述元素調整模塊12可以獲取所述當前多媒體頁面對應的預加載的關聯頁面,其中,如所述元素操作獲取模塊11中的描述,所述關聯頁面可以為所述頁面顯示設備1顯示所述當前多媒體頁面時,預加載的與所述當前多媒體頁面相關聯的頁面,可以是出現彩蛋、動畫效果、刷新功能、活動內容、趣味游戲等可個性化定制的區域。可以理解的是,所述關聯頁面可以與所述邊緣頁面一起顯示,例如顯示在所述頂端邊緣頁面的上端或顯示在所述底端邊緣頁面的下端(如圖2b所示,所述關聯頁面“企鵝圖片”顯示在底端邊緣頁面下端),所述關聯頁面也可以隱藏在所述邊緣頁面下面不顯示(如圖2c所示,可以認為所述關聯頁面“企鵝圖片”隱藏在底端邊緣頁面下面不顯示)。

進一步的,所述元素調整模塊12可以基于所述元素展示操作對所述關聯頁面中的頁面元素進行元素調整,可以理解的是,如所述元素操作獲取模塊11中的描述,所述頁面元素可以為組成關聯頁面內容的元素,例如,關聯頁面為企鵝圖片時,頁面元素可以為企鵝的五官、體型、顏色等元素。所述頁面顯示設備1可以在所述元素展示操作所指示的元素展示方向上預加載關聯頁面,所述元素調整模塊12可以根據所述元素展示操作所指示的元素展示距離對所述關聯頁面中的頁面元素進行元素調整,例如,關聯頁面企鵝圖像的初始頁面元素中,眼睛為直視前方,嘴巴為閉合狀態,則所述元素調整模塊12可以根據所述元素展示距離將企鵝的眼睛由直視調整為上仰,或者將企鵝的嘴巴由閉合調整為張開等。

頁面顯示模塊13,用于在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示;

具體實現中,所述頁面顯示模塊13可以在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示,例如圖2b和圖2c中關聯頁面中的企鵝經過元素展示操作后變化為圖2d中的企鵝,兩者相比眼睛、嘴巴的狀態發生了變化,可以理解的是,所述頁面顯示模塊13可以采用動畫效果向用戶展示頁面元素調整的過程,例如動畫展示企鵝的眼睛由直視變為仰視的過程。

需要說明的是,由于動畫效果圖在本申請中不能展示,僅以圖2b和圖2c展示調整前的效果以圖2d展示調整后的效果,具體的動畫調整過程可以參見上述文字描述。

在本發明實施例中,當檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,獲取在顯示頁面中所輸入的元素展示操作,然后獲取當前多媒體頁面對應的預加載的關聯頁面,并基于元素展示操作對關聯頁面中的頁面元素進行元素調整,最后在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示。通過分析針對多媒體頁面的邊緣頁面所輸入的元素展示操作,對多媒體頁面對應的關聯頁面的頁面元素進行調整,并展示經元素調整后的關聯頁面,提高了展示頁面交互方式的多樣性。

請參見圖9,為本發明實施例提供了另一種頁面顯示設備的結構示意圖。如圖9所示,本發明實施例的所述頁面顯示設備1可以包括:元素操作獲取模塊11、元素調整模塊12、頁面顯示模塊13、頁面加載模塊14、頁面操作獲取模塊15、距離確定模塊16、頁面確定模塊17和頁面處理模塊18。

頁面加載模塊14,用于當檢測到對當前多媒體頁面的顯示操作時,在終端顯示窗口中對所述當前多媒體頁面進行顯示,并預加載所述當前多媒體頁面對應的關聯頁面;

可以理解的是,所述顯示操作可以為顯示當前所媒體頁面的操作,例如,打開終端應用顯示應用首頁的操作(例如,點擊應用圖標)或者在已經顯示的當前多媒體頁面中進一步顯示當前多媒體頁面對應的子頁面的操作(例如,在已經顯示的頁面中點擊“詳情”來進一步顯示詳情對應的當前多媒體頁面對應的子頁面)。

具體實現中,當檢測到對當前多媒體頁面的顯示操作時,所述頁面加載模塊14可以在終端顯示窗口中對所述當前多媒體頁面進行顯示,可以理解的是,所述終端顯示窗口可以是手機、掌上電腦等頁面顯示設備中用于顯示多媒體頁面的顯示窗口,例如圖2a所示的手機中的終端顯示窗口。所述當前多媒體頁面可以所述終端顯示窗口中顯示的文檔頁面、視頻目錄頁面或者新聞瀏覽頁面等,例如圖2a中所示的鼓勵用戶通過使用優惠券獲得更好的使用體驗的頁面。

可選的,在對所述當前多媒體頁面進行顯示的同時,所述頁面加載模塊14可以預加載所述當前多媒體頁面對應的關聯頁面,可以理解的是,所述關聯頁面可以為所述頁面加載模塊14顯示所述當前多媒體頁面時,預加載的與所述當前多媒體頁面相關聯的頁面,可以是出現彩蛋、動畫效果、刷新功能、活動內容、趣味游戲等可個性化定制的區域。可以理解的是,所述關聯頁面可以與所述當前多媒體頁面的邊緣頁面一起顯示,例如顯示在頂端邊緣頁面的上端或顯示在底端邊緣頁面的下端(如圖2b所示,所述關聯頁面“企鵝圖片”顯示在底端邊緣頁面下端),所述關聯頁面也可以隱藏在所述邊緣頁面下面不顯示(如圖2c所示,可以認為所述關聯頁面“企鵝圖片”隱藏在底端邊緣頁面下面不顯示)。

在本發明實施例中,通過預加載所述關聯頁面,提高了對所述關聯頁面中的頁面元素進行調整以及顯示調整后的關聯頁面的效率。

頁面操作獲取模塊15,用于獲取所輸入的針對所述當前多媒體頁面的頁面展示操作,獲取所述頁面操作所指示的頁面展示距離和頁面展示方向;

具體實現中,頁面操作獲取模塊15可以獲取所輸入的針對所述當前多媒體頁面的頁面展示操作,可以理解的是,所述頁面展示操作可以為針對所述當前多媒體頁面的下拉、上滑、左滑、右滑等使所述當前所媒體頁面通過滾動或翻頁持續展示頁面內容的操作。

進一步的,所述頁面操作獲取模塊15可以獲取所述頁面展示操作所指示的頁面展示距離和頁面展示方向,可以理解的是,所述頁面展示距離可以是用戶輸入所述頁面展示操作時,在所述頁面顯示設備1中的操作距離,例如,圖4a所示的在終端設備的顯示屏中進行下拉操作時從起點a到終點b間的距離為該頁面展示操作的頁面展示距離,可以理解的是,當手指的下拉或者上滑為曲線時,所述頁面展示距離為起點和終點間與顯示屏垂直的直線距離,如圖4b所示,下拉操作的軌跡為帶箭頭的彎曲實線所示,改軌跡的起點c和終點d之間的與顯示屏垂直的直線距離(虛線示出即c點和d1點間的虛線)為該頁面展示操作的頁面展示距離。可以理解的是,所示頁面展示方向為所示頁面展示操作的起點指向終點的方向,例如,圖4a中a點到b點間的距離直線上箭頭的所指向的方向,圖4b中c點指向d1點的方向。

可選的,所述頁面操作獲取模塊15可以基于預設平面坐標獲取所述頁面展示操作的操作起始坐標和操作結束坐標,進一步的,所述頁面操作獲取模塊15可以根據兩個坐標點極端所述頁面展示距離,確定頁面展示方向。可以理解的是,所述預設平面坐標可以是以終端設備顯示屏的某一點作為坐標原點,以平行于所述顯示屏寬邊和長邊的方向作為x軸和y軸,如圖4a和圖4b中所示的預設平面坐標。

需要說明的是,當所述當前多媒體頁面較長時,針對所述當前多媒體頁面的頁面展示操作可以是至少一次頁面展示操作的,此時所述頁面展示距離為所述至少一次頁面展示操作中每次頁面展示操作所指示的每次頁面展示距離的總和。

距離確定模塊16,用于根據所述頁面展示距離和所述頁面展示方向確定所述當前多媒體頁面的頁面卷去距離;

具體實現中,頁面移動模塊16可以根據所述頁面展示距離和所述頁面展示方向確定所述當前多媒體頁面的頁面卷去距離,可以理解的是,所述頁面卷去距離可以是所述終端顯示窗口的窗口長度或寬度不足以顯示整個當前多媒體頁面時,所述當前所媒體頁面被隱藏掉的長度或寬度。可以理解的是,若所述當前所媒體頁面的頁面總長度等于所述終端顯示窗口的窗口長度,無論所述頁面展示操作為上滑操作還是下拉操作,所述頁面卷去距離都為零;若所述當前所媒體頁面的頁面總長度大于所述終端顯示窗口的窗口長度,當所述頁面展示操作為上滑操作時,所述頁面卷去距離與所述上滑操作所指示的頁面展示距離一致是逐漸增大的,且最大為所述當前多媒體頁面的總長度與所述當前終端窗口的窗口長度之差,當所述頁面展示操作為下拉操作時,所述頁面卷去距離可以為已卷去頁面的頁面距離與所述下拉操作所指示的頁面展示距離之差,隨著所述頁面展示距離的增加所述頁面卷去距離逐漸減小且最小為零。例如,圖2a所示在卷去頁面的頁面內容的存儲區域,沒有被卷去頁面的頁面內容,可以認為當前多媒體頁面中沒有被卷去的頁面即頁面卷去距離為零,圖2d所示在卷去頁面的頁面內容的存儲區域中存儲有被卷去頁面的頁面內容,可以認為所示被卷去頁面的頁面內容所占的頁面長度為所示頁面卷去距離。可以理解的是,圖2a或圖2d中所示的卷去頁面的頁面內容實際是不可見的,為了便于理解故在圖中標出。

頁面確定模塊17,用于根據所述頁面卷去距離確定所述當前多媒體頁面中的邊緣頁面;

具體實現中,所述頁面確定模塊17可以確定終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面。

請一并參考圖10,為本發明實施例提供了頁面確定模塊的結構示意圖。如圖10所示,所述頁面確定模塊17可以包括:

頂端頁面確定單元171,用于當所述頁面卷去距離為零時,確定所述終端顯示窗口中的顯示頁面為所述當前多媒體頁面中的頂端邊緣頁面;

具體實現中,當所述頁面卷去距離為零時,頂端頁面確定單元171可以確定所述終端顯示窗口中的顯示頁面為所述當前多媒體頁面中的頂端邊緣頁面,例如,打開所述當前多媒體頁面時所顯示的頁面可以認為是所述當前多媒體頁面的頂端邊緣頁面。

底端頁面確定單元172,用于當所述頁面卷去距離與終端顯示窗口的窗口長度之和等于所述當前多媒體頁面的頁面總長度時,確定所述終端顯示窗口中的顯示頁面為所述當前多媒體頁面中的底端邊緣頁面;

具體實現中,當所述頁面卷去距離與終端顯示窗口的窗口長度之和等于所述當前多媒體頁面的頁面總長度時,底端頁面確定單元172可以確定所述終端顯示窗口中的顯示頁面為所述當前多媒體頁面中的底端邊緣頁面。例如,所述頁面卷去距離為4cm,終端顯示窗口的窗口長度為9cm,當前多媒體頁面的頁面總長度為13cm,此時所述頁面卷去距離和終端顯示窗口的窗口長度之和為13cm等于所述當前多媒體頁面的頁面總長度13cm,此時所述底端頁面確定單元172可以確定終端顯示窗口中的顯示頁面為當前多媒體頁面中的底端邊緣頁面。

需要說明的是,當所述當前多媒體頁面的頁面長度較長時,例如為25cm,所述終端顯示窗口的窗口長度為9cm,則所述當前多媒體頁面的頁面展示操作的頁面展示距離最多為9cm,所述底端頁面確定單元172需要在確定多次頁面展示距離的總和與所述終端顯示窗口的窗口長度之和大于所述當前多媒體頁面的頁面總長度的基礎上,才能確定終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面。

在本發明實施例中,通過頁面卷去距離確定所述當前多媒體頁面的邊緣頁面是頂端邊緣頁面還是底端邊緣頁面,增加了對所述邊緣頁面進行確定的精確性。

元素操作獲取模塊11,用于當檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,獲取在所述顯示頁面中所輸入的元素展示操作;

具體實現中,當元素操作獲取模塊11檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,可以獲取在所述顯示頁面中所輸入的元素展示操作,可以理解的是,所述元素展示操作可以為展示關聯頁面中的頁面元素的操作,其中,所述關聯頁面可以為所述頁面顯示設備1顯示所述當前多媒體頁面時,預加載的與所述當前多媒體頁面相關聯的頁面,所述頁面元素可以為組成關聯頁面內容的元素,例如,關聯頁面為企鵝圖片時,頁面元素可以為企鵝的五官、體型、顏色等元素。

元素調整模塊12,用于獲取所述當前多媒體頁面對應的預加載的關聯頁面,并基于所述元素展示操作對所述關聯頁面中的頁面元素進行元素調整;

具體實現中,所述元素操作獲取模塊11在獲取所述元素展示操作后,元素調整模塊12可以獲取所述當前多媒體頁面對應的預加載的關聯頁面,并基于所述元素展示操作對所述關聯頁面中的頁面元素進行元素調整。

具體的,請一并參見圖11,為本發明實施例提供了元素調整模塊的結構示意圖。如圖11所示,所述元素調整模塊12可以包括:

元素信息獲取單元121,用于獲取所述元素展示操作所指示的元素展示距離和元素展示方向,所述元素展示方向與所述頁面展示方向一致;

具體實現中,元素信息獲取單元121可以獲取所述元素展示操作所指示的元素展示距離和元素展示方向,可以理解的是,所述元素展示操作可以是針對所述邊緣頁面的下拉、上滑、左滑、右滑等用于展示預加載的關聯頁面的操作。可以理解的是,當所述當前多媒體頁面在所述頁面展示操作指示的頁面展示方向上展示結束處于邊緣頁面時,只有沿著所述頁面展示方向的方向輸入元素展示操作,才能展示所述關聯頁面,所以所述元素展示方向與所述頁面展示方向的方向一致。所述元素展示距離可以為輸入所述元素展示操作時從起點到終點的距離,具體距離可以如圖4a和4b所示。

元素調整單元122,用于獲取所述顯示頁面在所述元素展示方向上預加載的關聯頁面,并根據所述元素展示距離對所述關聯頁面中的頁面元素進行元素調整;

具體實現中,元素調整單元122可以獲取所述元素展示方向上預加載關聯頁面,若元素展示方向如圖4a所示為a點指向b點的方向,則所述頁面顯示設備1可以預加載當前多媒體頁面中頁面頂端區域內的關聯頁面即所述關聯頁面位于靠近a點的區域內。

進一步的,所述元素調整單元122可以根據所述元素展示距離對所述關聯頁面中的頁面元素進行元素調整,例如,關聯頁面企鵝圖像的初始頁面元素中,眼睛為直視前方,嘴巴為閉合狀態,則所述元素調整單元122可以根據所述元素展示距離將企鵝的眼睛由直視調整為上仰,或者將企鵝的嘴巴由閉合調整為張開等。

在本發明實施例中,通過分析所述元素展示操作的元素展示距離和元素展示方向,實現對所述關聯頁面中頁面元素的調整過程,提高了對所述頁面元素進行調整的準確性。

頁面顯示模塊13,用于在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示;

具體實現中,頁面顯示模塊13可以在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示,例如圖2b和圖2c中關聯頁面中的企鵝經過元素展示操作后變化為圖2d中的企鵝,兩者相比眼睛、嘴巴的狀態發生了變化,可以理解的是,所述頁面顯示模塊13可以采用動畫效果向用戶展示頁面元素調整的過程,例如動畫展示企鵝的眼睛由直視變為仰視的過程。

需要說明的是,由于動畫效果圖在本申請中不能展示,僅以圖2b和圖2c展示調整前的效果以圖2d展示調整后的效果,具體的動畫調整過程可以參見上述文字描述。

頁面處理模塊18,用于恢復顯示所述顯示頁面,并隱藏所述終端顯示窗口中顯示的對元素調整后的關聯頁面;

具體實現中,當所述頁面顯示模塊13對元素調整后的關聯頁面進行顯示后,頁面處理模塊18可以恢復顯示所述顯示頁面,即恢復顯示所述邊緣頁面。進一步的,所述頁面處理模塊18可以隱藏所述終端顯示窗口中顯示的對元素調整后的關聯頁面,例如,所述頁面處理模塊18可以恢復到圖2a所示的顯示頁面,其中所述關聯頁面隱藏在所述顯示頁面之下如圖2c所示。可選的,所述頁面處理模塊18也可以恢復到圖2b所示的顯示頁面,其中所述關聯頁面位于所述顯示頁面下端與所述顯示頁面一起顯示。

在本發明實施例一種具體實現方式中,如圖12所示,所述元素信息獲取單元可以包括:

距離計算子單元1211,用于基于預設平面坐標獲取所述元素展示操作的操作起始坐標和操作結束坐標,并根據所述操作起始坐標和所述操作結束坐標計算所述元素展示距離;

具體實現中,距離計算子單元1211可以基于預設平面坐標獲取所述元素展示操作的操作起始坐標和操作結束坐標,可以理解的是,所述預設平面坐標可以為以終端設備顯示屏的某一點作為坐標原點,以平行于所述顯示屏寬邊和長邊的方向作為x軸和y軸,如圖4a和圖4b中所示的預設平面坐標。

進一步的,所述距離計算子單元1211可以根據所述操作起始坐標和所述操作結束坐標計算所述元素展示距離,例如,以圖6a所示的預設平面坐標為例,操作起始坐標為(5,9),操作結束坐標為(5,5),則所述元素展示距離可以根據平面坐標距離公式計算得到是4。可選的,如圖6b所示操作起始坐標為(5,9),操作結束坐標為(2,5),此時需先求得操作結束坐標在操作起始坐標與x軸垂直線上的交點(5,5),再計算坐標點(5,9)與坐標點(5,5)之間的距離。

方向確定子單元1212,用于確定從所述操作起始坐標到所述操作結束坐標的間的方向為所述元素展示方向;

具體實現中,得知所述操作起始坐標和所述操作結束坐標之后,方向確定子單元1212可以確定從所述操作起始坐標到所述操作結束坐標的間的方向為所述元素展示方向,例如,圖4a所示的a點到b點的方向為可以為元素展示方向,圖4b所示的c點到d1點的方向為元素展示方向。

在本發明實施例中,通過采用預設平面坐標確定所述元素展示操作所指示的元素展示距離和元素展示方向,提高了獲取元素展示距離和元素展示方向的準確性。

在本發明實施例另一種具體實現方式中,所述頁面元素為至少一個頁面元素;

如圖13所示,所述元素調整單元可以包括:

參數獲取子單元1221,用于獲取所述關聯頁面中的至少一個頁面元素,根據所述元素展示距離獲取所述至少一個頁面元素中各頁面元素的各元素調整參數;

具體實現中,當所述關聯頁面中的頁面元素為至少一個頁面元素時,參數獲取子單元1221可以獲取所述關聯頁面中的至少一個頁面元素,例如,可以同時包括關聯頁面企鵝圖像中企鵝的眼睛、嘴巴以及毛發等。進一步的,所述參數獲取子單元1221可以根據所述元素展示距離獲取所述至少一個頁面元素中個頁面元素的各元素調整參數,例如,關聯頁面企鵝圖像的頁面元素包括眼睛、嘴巴以及毛發,所述參數獲取子單元1221可以根據頁面調整距離d再輔以預設的調整比例參數value獲取所述頁面元素眼睛、嘴巴以及毛發對應的元素調整參數eye、mouth和hair。

元素調整子單元1222,用于基于所述各元素調整參數對所述頁面元素進行元素調整;

具體實現中,元素調整子單元1222可以基于所述各元素調整參數對所述頁面元素進行元素調整,例如,頁面元素眼睛、嘴巴以及毛發對應的元素調整參數eye、mouth和hair當前的值分別為1,2,3,所述元素調整子單元1222可以獲取數值分別為1,2,3時元素調整參數eye、mouth和hair的狀態,例如,eye為1時眼睛狀態為仰視、mouth值為2時嘴巴張開狀態、hair值為3時頭發為舞動狀態,進而可以根據各元素調整參數當前的狀態對所述頁面元素進行調整。

在本發明實施例中,通過元素展示距離對各元素調整參數的進行調整,實現了同時對多個頁面元素同時調整,增加了對關聯頁面中頁面元素調整的多樣性。

在本發明實施例中,當檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,獲取在顯示頁面中所輸入的元素展示操作,然后獲取當前多媒體頁面對應的預加載的關聯頁面,并基于元素展示操作對關聯頁面中的頁面元素進行元素調整,最后在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示。通過分析針對多媒體頁面的邊緣頁面所輸入的元素展示操作,對多媒體頁面對應的關聯頁面的頁面元素進行調整,并展示經元素調整后的關聯頁面,提高了展示頁面交互方式的多樣性;通過預加載關聯頁面,提高了對關聯頁面中的頁面元素進行調整以及顯示調整后的關聯頁面的效率;通過頁面卷去距離確定當前多媒體頁面的邊緣頁面是頂端邊緣頁面還是底端邊緣頁面,增加了對邊緣頁面進行確定的精確性;通過分析元素展示操作的元素展示距離和元素展示方向,實現對關聯頁面中頁面元素的調整過程,提高了對頁面元素進行調整的準確性;通過采用預設平面坐標確定元素展示操作所指示的元素展示距離和元素展示方向,提高了獲取元素展示距離和元素展示方向的準確性;通過元素展示距離對各元素調整參數的進行調整,實現了同時對多個頁面元素同時調整,增加了對關聯頁面中頁面元素調整的多樣性。

本發明實施例還提供了一種計算機存儲介質,所述計算機存儲介質可以存儲有多條指令,所述指令適于由處理器加載并執行如上述圖1-圖7所示實施例的方法步驟,具體執行過程可以參見圖1-圖7所示實施例的具體說明,在此不進行贅述。

請參見圖14,為本發明實施例提供了一種終端的結構示意圖。如圖14所示,所述終端1000具體可以為上述實施例中的頁面顯示設備,所述終端1000可以包括:至少一個處理器1001,例如cpu,至少一個網絡接口1004,用戶接口1003,存儲器1005,至少一個通信總線1002。其中,通信總線1002用于實現這些組件之間的連接通信。其中,用戶接口1003可以包括顯示屏(display)、鍵盤(keyboard),可選用戶接口1003還可以包括標準的有線接口、無線接口。網絡接口1004可選的可以包括標準的有線接口、無線接口(如wi-fi接口)。存儲器1005可以是高速ram存儲器,也可以是非不穩定的存儲器(non-volatilememory),例如至少一個磁盤存儲器。存儲器1005可選的還可以是至少一個位于遠離前述處理器1001的存儲裝置。如圖14所示,作為一種計算機存儲介質的存儲器1005中可以包括操作系統、網絡通信模塊、用戶接口模塊以及頁面顯示應用程序。

在圖14所示的終端1000中,用戶接口1003主要用于為用戶提供輸入的接口,獲取用戶輸入的數據;網絡接口1004用于與用戶終端進行數據通信;而處理器1001可以用于調用存儲器1005中存儲的頁面顯示應用程序,并具體執行以下操作:

當檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,獲取在所述顯示頁面中所輸入的元素展示操作;

獲取所述當前多媒體頁面對應的預加載的關聯頁面,并基于所述元素展示操作對所述關聯頁面中的頁面元素進行元素調整;

在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示。

在一個實施例中,所述處理器1001在執行所述獲取針對所述當前頁面處所輸入的第一頁面操作之前,還執行以下操作:

當檢測到對當前多媒體頁面的顯示操作時,在終端顯示窗口中對所述當前多媒體頁面進行顯示,并預加載所述當前多媒體頁面對應的關聯頁面;

獲取所輸入的針對所述當前多媒體頁面的頁面展示操作,獲取所述頁面操作所指示的頁面展示距離和頁面展示方向;

根據所述頁面展示距離和所述頁面展示方向確定所述當前多媒體頁面的頁面卷去距離;

根據所述頁面卷去距離確定所述當前多媒體頁面中的邊緣頁面。

在一個實施例中,所述處理器1001在執行根據所述頁面卷去距離確定所述當前多媒體頁面中的邊緣頁面時,具體執行以下操作:

當所述頁面卷去距離為零時,確定所述終端顯示窗口中的顯示頁面為所述當前多媒體頁面中的頂端邊緣頁面;

當所述頁面卷去距離與終端顯示窗口的窗口長度之和等于所述當前多媒體頁面的頁面總長度時,確定所述終端顯示窗口中的顯示頁面為所述當前多媒體頁面中的底端邊緣頁面。

在一個實施例中,所述處理器1001在執行獲取所述當前多媒體頁面對應的預加載的關聯頁面,并基于所述元素展示操作對所述關聯頁面中的頁面元素進行元素調整時,具體執行以下操作:

獲取所述元素展示操作所指示的元素展示距離和元素展示方向,所述元素展示方向與所述頁面展示方向一致;

獲取所述顯示頁面在所述元素展示方向上預加載的關聯頁面,并根據所述元素展示距離對所述關聯頁面中的頁面元素進行元素調整。

在一個實施例中,所述處理器1001在執行獲取所述元素展示操作所指示的元素展示距離和元素展示方向時,具體執行以下操作:

基于預設平面坐標獲取所述元素展示操作的操作起始坐標和操作結束坐標,并根據所述操作起始坐標和所述操作結束坐標計算所述元素展示距離;

確定從所述操作起始坐標到所述操作結束坐標的間的方向為所述元素展示方向。

在一個實施例中,所述頁面元素為至少一個頁面元素,所述處理器1001在執行根據所述元素展示距離對所述關聯頁面中的頁面元素進行元素調整時,具體執行以下操作:

獲取所述關聯頁面中的至少一個頁面元素,根據所述元素展示距離獲取所述至少一個頁面元素中各頁面元素的各元素調整參數;

基于所述各元素調整參數對所述頁面元素進行元素調整。

在一個實施例中,所述處理器1001在執行在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示之后,還執行以下操作:

恢復顯示所述顯示頁面,并隱藏所述終端顯示窗口中顯示的對元素調整后的關聯頁面。

在本發明實施例中,當檢測到終端顯示窗口中的顯示頁面為當前多媒體頁面中的邊緣頁面時,獲取在顯示頁面中所輸入的元素展示操作,然后獲取當前多媒體頁面對應的預加載的關聯頁面,并基于元素展示操作對關聯頁面中的頁面元素進行元素調整,最后在所述終端顯示窗口中對元素調整后的關聯頁面進行顯示。通過分析針對多媒體頁面的邊緣頁面所輸入的元素展示操作,對多媒體頁面對應的關聯頁面的頁面元素進行調整,并展示經元素調整后的關聯頁面,提高了展示頁面交互方式的多樣性;通過預加載關聯頁面,提高了對關聯頁面中的頁面元素進行調整以及顯示調整后的關聯頁面的效率;通過頁面卷去距離確定當前多媒體頁面的邊緣頁面是頂端邊緣頁面還是底端邊緣頁面,增加了對邊緣頁面進行確定的精確性;通過分析元素展示操作的元素展示距離和元素展示方向,實現對關聯頁面中頁面元素的調整過程,提高了對頁面元素進行調整的準確性;通過采用預設平面坐標確定元素展示操作所指示的元素展示距離和元素展示方向,提高了獲取元素展示距離和元素展示方向的準確性;通過元素展示距離對各元素調整參數的進行調整,實現了同時對多個頁面元素同時調整,增加了對關聯頁面中頁面元素調整的多樣性。

本領域普通技術人員可以理解實現上述實施例方法中的全部或部分流程,是可以通過計算機程序來指令相關的硬件來完成,所述的程序可存儲于計算機可讀取存儲介質中,該程序在執行時,可包括如上述各方法的實施例的流程。其中,所述的存儲介質可為磁碟、光盤、只讀存儲記憶體(read-onlymemory,rom)或隨機存儲記憶體(randomaccessmemory,ram)等。

以上所揭露的僅為本發明較佳實施例而已,當然不能以此來限定本發明之權利范圍,因此依本發明權利要求所作的等同變化,仍屬本發明所涵蓋的范圍。

當前第1頁1 2 
網友詢問留言 已有0條留言
  • 還沒有人留言評論。精彩留言會獲得點贊!
1
韩国伦理电影