本發(fā)明涉及觸控識(shí)別領(lǐng)域,尤其涉及一種交互式滾動(dòng)條展示方法及電子設(shè)備。
背景技術(shù):
隨著移動(dòng)設(shè)備的越來越多,用戶習(xí)慣使用具有觸控屏的移動(dòng)終端,以及使用該具有觸控屏的移動(dòng)終端上的瀏覽器進(jìn)行瀏覽網(wǎng)頁。而具有觸控屏的移動(dòng)終端上的瀏覽器進(jìn)行瀏覽網(wǎng)頁是通過操作手勢來控制瀏覽網(wǎng)頁內(nèi)容,提高了用戶瀏覽網(wǎng)頁的體驗(yàn)度。其中,由于移動(dòng)設(shè)備的屏幕尺寸有限,現(xiàn)有移動(dòng)設(shè)備上的瀏覽器進(jìn)行瀏覽網(wǎng)頁時(shí),只有通過在對(duì)瀏覽器窗口內(nèi)顯示的網(wǎng)頁進(jìn)行上下滑動(dòng)操作手勢來到達(dá)同一網(wǎng)頁的不同位置。但是當(dāng)長網(wǎng)頁時(shí)需要多次滑動(dòng)操作才能定位至離當(dāng)前瀏覽區(qū)域較遠(yuǎn)的其他區(qū)域,因此瀏覽長網(wǎng)頁時(shí)操作非常不便,若在移動(dòng)設(shè)備的瀏覽器界面上設(shè)置可供用戶操作的滾動(dòng)條,又會(huì)占用移動(dòng)設(shè)備的有限的瀏覽器窗口,導(dǎo)致用戶會(huì)容易在正常瀏覽網(wǎng)頁時(shí)誤操作到滾動(dòng)條。
技術(shù)實(shí)現(xiàn)要素:
鑒于上述問題,本發(fā)明實(shí)施例提供了一種交互式滾動(dòng)條展示方法及電子設(shè)備。
第一方面,本發(fā)明實(shí)施例提供了一種交互式滾動(dòng)條展示方法,包括:
在瀏覽器窗口上顯示有網(wǎng)頁時(shí),檢測針對(duì)所述網(wǎng)頁的控制操作,所述控制操作用于控制所述網(wǎng)頁的網(wǎng)頁內(nèi)容移動(dòng);
判斷所述控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件;
如果所述控制操作滿足所述預(yù)設(shè)顯示觸發(fā)條件,顯示交互式滾動(dòng)條,以通過所述交互式滾動(dòng)條控制所述網(wǎng)頁內(nèi)容的更換速度大于預(yù)設(shè)速度。
優(yōu)選的,如果所述控制操作為控制所述網(wǎng)頁滑動(dòng)的滑動(dòng)操作,所述判斷所述控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件,包括:判斷所述滑動(dòng)操作的滑動(dòng)速度是否大于預(yù)設(shè)速度;或者,判斷預(yù)設(shè)時(shí)間段內(nèi),基于所述滑動(dòng)操作所控制的所述網(wǎng)頁內(nèi)容的更換數(shù)量是否大于預(yù)設(shè)數(shù)量。
優(yōu)選的,在所述顯示交互式滾動(dòng)條之后,所述方法還包括:
檢測針對(duì)所述交互式滾動(dòng)條的移動(dòng)控制操作,所述移動(dòng)控制操作用于控制所述交互式滾動(dòng)條移動(dòng);
響應(yīng)所述移動(dòng)控制操作,以控制所述網(wǎng)頁內(nèi)容基于所述移動(dòng)控制操作的操作方向和/或操作速度移動(dòng)所述網(wǎng)頁內(nèi)容。
優(yōu)選的,在所述顯示交互式滾動(dòng)條之后,所述方法還包括:
檢測針對(duì)所述交互式滾動(dòng)條的觸控操作;
確定所述觸控操作在所述交互式滾動(dòng)條上的觸控位置;
在所述瀏覽器窗口內(nèi)顯示所述網(wǎng)頁中與所述觸控位置對(duì)應(yīng)的網(wǎng)頁內(nèi)容。
優(yōu)選的,所述在所述瀏覽器窗口內(nèi)顯示所述網(wǎng)頁中與所述觸控位置對(duì)應(yīng)的網(wǎng)頁內(nèi)容,包括:
如果所述觸控位置為所述交互式滾動(dòng)條上的第一預(yù)定位置,在所述瀏覽器窗口內(nèi)顯示所述網(wǎng)頁的頂端網(wǎng)頁內(nèi)容;
如果所述觸控位置為所述交互式滾動(dòng)條上的第二預(yù)定位置,在所述瀏覽器窗口內(nèi)顯示所述網(wǎng)頁的底端網(wǎng)頁內(nèi)容,其中,所述第二預(yù)定位置與所述第一預(yù)定位置為所述交互式滾動(dòng)條上的不同位置。
優(yōu)選的,在所述顯示交互式滾動(dòng)條之后,所述方法還包括:
若在預(yù)設(shè)時(shí)長內(nèi)未檢測到針對(duì)所述交互式滾動(dòng)條的操作,則隱藏所述交互式滾動(dòng)條。
優(yōu)選的,所述顯示交互式滾動(dòng)條,包括:
將所述交互式滾動(dòng)條以覆蓋方式顯示在所述網(wǎng)頁表面。
優(yōu)選的,所述方法還包括:
計(jì)算得到所述網(wǎng)頁的網(wǎng)頁長度;判斷所述網(wǎng)頁的網(wǎng)頁長度是否大于預(yù)設(shè)網(wǎng)頁長度上限;
所述判斷所述控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件,包括:
如果所述網(wǎng)頁的網(wǎng)頁長度大于所述預(yù)設(shè)網(wǎng)頁長度上限,執(zhí)行所述判斷所述控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件的步驟。
第二方面,本發(fā)明實(shí)施例提供了一種電子設(shè)備,包括:
第一操作檢測模塊,用于在瀏覽器窗口上顯示有網(wǎng)頁時(shí),檢測針對(duì)所述網(wǎng)頁的控制操作,所述控制操作用于控制所述網(wǎng)頁的網(wǎng)頁內(nèi)容移動(dòng);
判斷模塊,與所述檢測模塊連接,用于判斷所述控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件;
顯示控制模塊,與所述判斷模塊連接,用于如果所述控制操作滿足所述預(yù)設(shè)顯示觸發(fā)條件,顯示交互式滾動(dòng)條,以通過所述交互式滾動(dòng)條控制所述網(wǎng)頁內(nèi)容的更換速度大于預(yù)設(shè)速度。
優(yōu)選的,如果所述控制操作為控制所述網(wǎng)頁滑動(dòng)的滑動(dòng)操作,所述判斷模塊,具體用于:
判斷所述滑動(dòng)操作的滑動(dòng)速度是否大于預(yù)設(shè)速度;或者,判斷預(yù)設(shè)時(shí)間段內(nèi),基于所述滑動(dòng)操作所控制的所述網(wǎng)頁內(nèi)容的更換數(shù)量是否大于預(yù)設(shè)數(shù)量。
優(yōu)選的,所述電子設(shè)備還包括:
第二操作檢測模塊,用于檢測針對(duì)所述交互式滾動(dòng)條的移動(dòng)控制操作,所述移動(dòng)控制操作用于控制所述交互式滾動(dòng)條移動(dòng);
移動(dòng)控制模塊,用于響應(yīng)所述移動(dòng)控制操作,以控制所述網(wǎng)頁內(nèi)容基于所述移動(dòng)控制操作的操作方向和/或操作速度移動(dòng)所述網(wǎng)頁內(nèi)容。
優(yōu)選的,所述電子設(shè)備還包括:
第三操作檢測模塊,用于檢測針對(duì)所述交互式滾動(dòng)條的觸控操作;
觸控位置確定模塊,用于確定所述觸控操作在所述交互式滾動(dòng)條上的觸控位置;
內(nèi)容顯示單元,用于在所述瀏覽器窗口內(nèi)顯示所述網(wǎng)頁中與所述觸控位置對(duì)應(yīng)的網(wǎng)頁內(nèi)容。
優(yōu)選的,所述內(nèi)容顯示單元,具體用于:
如果所述觸控位置為所述交互式滾動(dòng)條上的第一預(yù)定位置,在所述瀏覽器窗口內(nèi)顯示所述網(wǎng)頁的頂端網(wǎng)頁內(nèi)容;
如果所述觸控位置為所述交互式滾動(dòng)條上的第二預(yù)定位置,在所述瀏覽器窗口內(nèi)顯示所述網(wǎng)頁的底端網(wǎng)頁內(nèi)容,其中,所述第二預(yù)定位置與所述第一預(yù)定位置為所述交互式滾動(dòng)條上的不同位置。
優(yōu)選的,所述電子設(shè)備還包括:
隱藏模塊,用于若在預(yù)設(shè)時(shí)長內(nèi)未檢測到針對(duì)所述交互式滾動(dòng)條的操作,則隱藏所述交互式滾動(dòng)條。
優(yōu)選的,所述顯示控制模塊,具體用于:
將所述交互式滾動(dòng)條以覆蓋方式顯示在所述網(wǎng)頁表面。
優(yōu)選的,所述電子設(shè)備還包括:
網(wǎng)頁長度判斷模塊,用于計(jì)算得到所述網(wǎng)頁的網(wǎng)頁長度;判斷所述網(wǎng)頁的網(wǎng)頁長度是否大于預(yù)設(shè)網(wǎng)頁長度上限;
所述判斷模塊,具體用于:如果所述網(wǎng)頁的網(wǎng)頁長度大于所述預(yù)設(shè)網(wǎng)頁長度上限,執(zhí)行所述判斷所述控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件的步驟。
本發(fā)明實(shí)施例提供的一個(gè)或多個(gè)技術(shù)方案,至少實(shí)現(xiàn)了如下技術(shù)效果或優(yōu)點(diǎn):
通過檢測控制網(wǎng)頁的網(wǎng)頁內(nèi)容進(jìn)行移動(dòng)的控制操作,如果控制操作滿足預(yù)設(shè)顯示觸發(fā)條件就顯示交互式滾動(dòng)條,通過交互式滾動(dòng)條控制網(wǎng)頁內(nèi)容的更換速度大于預(yù)設(shè)速度,以快速更換所顯示的網(wǎng)頁內(nèi)容,從而基于檢測針對(duì)網(wǎng)頁的控制操作進(jìn)行來預(yù)判是否需要進(jìn)行顯示交互式滾動(dòng)條,在是時(shí)才顯示交互式滾動(dòng)條以供用戶使用,因此能夠避免用戶在正常、慢速瀏覽時(shí)對(duì)滾動(dòng)條的誤操作,而用戶又能夠在需要時(shí)通過交互式滾動(dòng)條快速更換所顯示的網(wǎng)頁內(nèi)容,可見,在方便了用戶通過交互式滾動(dòng)條瀏覽網(wǎng)頁的同時(shí)避免交互式滾動(dòng)條在用戶不需要時(shí)對(duì)用戶的影響。
附圖說明
通過閱讀下文優(yōu)選實(shí)施方式的詳細(xì)描述,各種其他的優(yōu)點(diǎn)和益處對(duì)于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實(shí)施方式的目的,而并不認(rèn)為是對(duì)本發(fā)明的限制。而且在整個(gè)附圖中,用相同的參考符號(hào)表示相同的部件。在附圖中:
圖1為本發(fā)明實(shí)施例中交互式滾動(dòng)條展示方法的流程圖;
圖2為圖1中S103之后的方法流程圖;
圖3為本發(fā)明實(shí)施例中電子設(shè)備的模塊圖。
具體實(shí)施方式
下面將參照附圖更詳細(xì)地描述本公開的示例性實(shí)施例。雖然附圖中顯示了本公開的示例性實(shí)施例,然而應(yīng)當(dāng)理解,可以以各種形式實(shí)現(xiàn)本公開而不應(yīng)被這里闡述的實(shí)施例所限制。相反,提供這些實(shí)施例是為了能夠更透徹地理解本公開,并且能夠?qū)⒈竟_的范圍完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。
如上所述,瀏覽長網(wǎng)頁時(shí)沒有可供用戶操作的滾動(dòng)條,操作非常不便,若在移動(dòng)設(shè)備的瀏覽器窗口上設(shè)置可供用戶操作的滾動(dòng)條又會(huì)占用移動(dòng)設(shè)備有限的瀏覽器窗口,導(dǎo)致用戶會(huì)在正常瀏覽網(wǎng)頁時(shí)誤操作到滾動(dòng)條。因此,本發(fā)明提供了一種交互式滾動(dòng)條展示方法,總的思路如下:設(shè)置了預(yù)設(shè)顯示觸發(fā)條件,如果控制網(wǎng)頁的網(wǎng)頁內(nèi)容進(jìn)行移動(dòng)的控制操作滿足預(yù)設(shè)顯示觸發(fā)條件就顯示交互式滾動(dòng)條,從而通過交互式滾動(dòng)條控制網(wǎng)頁內(nèi)容的快速更換,交互式滾動(dòng)條又不會(huì)一直顯示,因此在方便了用戶通過交互式滾動(dòng)條瀏覽網(wǎng)頁的同時(shí)又避免了交互式滾動(dòng)條在用戶不需要時(shí)對(duì)用戶的影響。
參考圖1所示,為根據(jù)本發(fā)明一個(gè)實(shí)施例的交互式滾動(dòng)條展示方法的流程圖,該交互式滾動(dòng)條展示方法包括下步驟:
S101、在瀏覽器窗口上顯示有網(wǎng)頁時(shí),檢測針對(duì)網(wǎng)頁的控制操作,控制操作用于控制網(wǎng)頁的網(wǎng)頁內(nèi)容移動(dòng);
S102、判斷控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件;
S103、如果控制操作滿足預(yù)設(shè)顯示觸發(fā)條件,顯示交互式滾動(dòng)條,以通過交互式滾動(dòng)條控制網(wǎng)頁內(nèi)容的更換速度大于預(yù)設(shè)速度。
需要說明的是,該交互式滾動(dòng)條展示方法應(yīng)用于具有觸摸顯示屏的電子設(shè)備,具體可以為智能手機(jī)、PAD、筆記本等,在此不作限制。該電子設(shè)備上安裝有一瀏覽器。
下面,結(jié)合圖1詳細(xì)介紹本發(fā)明實(shí)施例提供的交互式滾動(dòng)條展示方法的具體實(shí)現(xiàn)步驟:
首先,執(zhí)行S101、在瀏覽器窗口上顯示有網(wǎng)頁時(shí),檢測針對(duì)網(wǎng)頁的控制操作,控制操作用于控制網(wǎng)頁的網(wǎng)頁內(nèi)容移動(dòng)。
在本發(fā)明實(shí)施例中,瀏覽器窗口可以為顯示網(wǎng)站服務(wù)器或文件系統(tǒng)內(nèi)的文件的顯示窗口,比如,360瀏覽器的窗口。也可以顯示某種特定網(wǎng)絡(luò)內(nèi)容的窗口,比如,新聞APP、貼吧APP,播客APP等的窗口。
在本發(fā)明實(shí)施例中,針對(duì)網(wǎng)頁的控制操作可以定義為在網(wǎng)頁上進(jìn)行滑動(dòng)的滑動(dòng)操作手勢,本發(fā)明實(shí)施例以控制操作為滑動(dòng)操作手勢為例,需要說明的是,控制操作也可以定義為其他操作手勢,只要與對(duì)網(wǎng)頁內(nèi)容進(jìn)行其他控制的操作手勢不同即可,比如,可以為在網(wǎng)頁上進(jìn)行雙擊的操作手勢。
在一具體實(shí)施例中,在執(zhí)行S102之前還執(zhí)行步驟:計(jì)算得到網(wǎng)頁的網(wǎng)頁長度;判斷網(wǎng)頁的網(wǎng)頁長度是否大于預(yù)設(shè)網(wǎng)頁長度上限,如果網(wǎng)頁的網(wǎng)頁長度大于預(yù)設(shè)網(wǎng)頁長度上限,執(zhí)行判斷控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件的步驟。如果網(wǎng)頁的網(wǎng)頁長度小于或等于預(yù)設(shè)網(wǎng)頁長度上限,則不執(zhí)行判斷控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件的步驟,而僅僅響應(yīng)檢測到的控制操作,以對(duì)網(wǎng)頁的頁面內(nèi)容進(jìn)行移動(dòng)。在具體實(shí)施過程中,通過對(duì)網(wǎng)頁的加載時(shí)計(jì)算網(wǎng)頁長度。通過上述技術(shù)方案,網(wǎng)頁的網(wǎng)頁長度大于預(yù)設(shè)網(wǎng)頁長度上限才執(zhí)行判斷控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件的步驟。因此在瀏覽器窗口顯示的是短網(wǎng)頁就始終不會(huì)出現(xiàn)交互式滾動(dòng)條。而顯示的是長網(wǎng)頁,則會(huì)在滿足預(yù)設(shè)顯示觸發(fā)條件時(shí)顯示交互式滾動(dòng)條,更滿足用戶對(duì)交互式滾動(dòng)條的需求。
在本發(fā)明實(shí)施例中,控制操作具體為與網(wǎng)頁內(nèi)容的移動(dòng)方向相同或相反的滑動(dòng)操作,避免將返回上一網(wǎng)頁或進(jìn)入下一網(wǎng)頁的操作誤識(shí)別為控制網(wǎng)頁內(nèi)容進(jìn)行移動(dòng)的操作。
在執(zhí)行S101之后,接著執(zhí)行S102:判斷控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件。
在S102中,如果控制操作為滑動(dòng)操作,則預(yù)設(shè)顯示觸發(fā)條件可以設(shè)置如下多種或其中一種,下面給出預(yù)設(shè)顯示觸發(fā)條件的三種舉例:
第一種為:滑動(dòng)操作的滑動(dòng)速度大于預(yù)設(shè)速度,則S102包括:判斷滑動(dòng)操作的滑動(dòng)速度是否大于預(yù)設(shè)速度;
第二種為:預(yù)設(shè)時(shí)間段內(nèi)基于滑動(dòng)操作所控制的網(wǎng)頁內(nèi)容的更換數(shù)量大于預(yù)設(shè)數(shù)量,則S102包括:判斷預(yù)設(shè)時(shí)間段內(nèi)基于滑動(dòng)操作所控制的網(wǎng)頁內(nèi)容的更換數(shù)量是否大于預(yù)設(shè)數(shù)量;
第三種為:預(yù)設(shè)時(shí)間段內(nèi)進(jìn)行滑動(dòng)操作的次數(shù)大于預(yù)設(shè)次數(shù),則S102包括:判斷預(yù)設(shè)時(shí)間段內(nèi)進(jìn)行滑動(dòng)操作的次數(shù)是否大于預(yù)設(shè)次數(shù)。
在S102之后,接著執(zhí)行S103:如果控制操作滿足預(yù)設(shè)顯示觸發(fā)條件,顯示交互式滾動(dòng)條,以通過交互式滾動(dòng)條控制網(wǎng)頁內(nèi)容的更換速度大于預(yù)設(shè)速度。
針對(duì)上述S102的三種情況,對(duì)應(yīng)給出S103的三種實(shí)施方式:
針對(duì)第一種,S103包括:如果滑動(dòng)操作的滑動(dòng)速度大于預(yù)設(shè)速度,顯示交互式滾動(dòng)條。從而在用戶在慢速滑動(dòng)以移動(dòng)網(wǎng)頁內(nèi)容時(shí)不會(huì)顯示交互式滾動(dòng)條。具體的,通過獲取滑動(dòng)操作的時(shí)間和手指位置,然后基于滑動(dòng)操作的時(shí)間做差求時(shí)間差,基于手指位置求滑動(dòng)操作的路程,然后基于滑動(dòng)操作的路程和時(shí)間差得到滑動(dòng)操作的滑動(dòng)速度。
需要說明的是,預(yù)設(shè)速度為大于0值的一個(gè)滑動(dòng)速度值,如果滑動(dòng)操作的滑動(dòng)速度小于或等于預(yù)設(shè)速度,則顯示與本發(fā)明實(shí)施例中交互式滾動(dòng)條不同的指示性滾動(dòng)條,指示性滾動(dòng)條僅用于指示當(dāng)前在瀏覽器窗口中的網(wǎng)頁內(nèi)容占已經(jīng)加載的網(wǎng)頁內(nèi)容的位置,但是無法接收用戶對(duì)其操作。
通過第一種的實(shí)施例,能夠根據(jù)用戶滑動(dòng)操作的快慢來預(yù)判顯示或不顯示交互式滾動(dòng)條,因此可以在網(wǎng)頁的任何位置觸發(fā)顯示交互式滾動(dòng)條,因此用戶對(duì)交互式滾動(dòng)條的可控性更高。
針對(duì)第二種,S103包括:如果網(wǎng)頁內(nèi)容的更換數(shù)量大于預(yù)設(shè)數(shù)量,顯示交互式滾動(dòng)條。需要說明的是,預(yù)設(shè)數(shù)量需要小于網(wǎng)頁內(nèi)容的總數(shù)量。
在具體實(shí)施過程中,預(yù)設(shè)數(shù)量可以以網(wǎng)頁內(nèi)容的行數(shù)為單位,如果預(yù)設(shè)時(shí)間段內(nèi)網(wǎng)頁內(nèi)容的更換行數(shù)大于預(yù)設(shè)行數(shù),顯示交互式滾動(dòng)條。舉例來講,預(yù)設(shè)數(shù)量可以設(shè)置為10行、20行、30行等等,但是本文不限制具體的預(yù)設(shè)行數(shù)的值,只要小于顯示的網(wǎng)頁的總行數(shù)即可。比如,網(wǎng)頁內(nèi)容的總數(shù)量為100行,預(yù)設(shè)數(shù)量可以設(shè)置為10行,則預(yù)設(shè)時(shí)間段內(nèi)基于滑動(dòng)操作所控制的網(wǎng)頁內(nèi)容的更換行數(shù)大于10行,顯示交互式滾動(dòng)條。
在具體實(shí)施過程中,針對(duì)網(wǎng)頁為分段加載的情況,預(yù)設(shè)數(shù)量還可以以網(wǎng)頁的段數(shù)為單位,網(wǎng)頁的一段包括多屏,網(wǎng)頁的一段所指為單次加載的網(wǎng)頁內(nèi)容。具體的,在預(yù)設(shè)時(shí)間段內(nèi)基于滑動(dòng)操作所控制的網(wǎng)頁內(nèi)容的更換段數(shù)大于預(yù)設(shè)段數(shù),顯示交互式滾動(dòng)條。網(wǎng)頁每加載一段,更換段數(shù)就增加1段。具體的,預(yù)設(shè)段數(shù)可以設(shè)置為2段,3段,4段等等,但是本文不限制具體的預(yù)設(shè)段數(shù)的值,只要設(shè)置的預(yù)設(shè)段數(shù)需要小于該網(wǎng)頁的總分段數(shù)即可。比如,網(wǎng)頁分10段加載,預(yù)設(shè)段數(shù)可以設(shè)置為2段,如果預(yù)設(shè)時(shí)間段內(nèi)基于滑動(dòng)操作所控制的網(wǎng)頁內(nèi)容的更換段數(shù)大于2段,顯示交互式滾動(dòng)條。
在具體實(shí)施過程中,預(yù)設(shè)數(shù)量可以以網(wǎng)頁的屏數(shù)為單位,網(wǎng)頁的第一屏指到達(dá)一個(gè)網(wǎng)頁時(shí)不移動(dòng)網(wǎng)頁內(nèi)容能夠看到的全部,接著的與上一屏不同的網(wǎng)頁內(nèi)容依次為網(wǎng)頁的第二、第三屏…。具體的,在預(yù)設(shè)時(shí)間段內(nèi)基于滑動(dòng)操作所控制的網(wǎng)頁內(nèi)容的更換屏數(shù)大于預(yù)設(shè)屏數(shù),顯示交互式滾動(dòng)條。預(yù)設(shè)屏數(shù)可以設(shè)置為1屏,2屏,3屏等等,但是本文不限制具體的預(yù)設(shè)屏數(shù)的值,只要設(shè)置的預(yù)設(shè)段數(shù)需要小于該網(wǎng)頁的總屏數(shù)。比如,需要在同一頁面顯示超過10屏的網(wǎng)頁內(nèi)容,可以設(shè)置預(yù)設(shè)屏數(shù)為2屏,則可以在預(yù)設(shè)時(shí)間段內(nèi)基于滑動(dòng)操作所控制的網(wǎng)頁內(nèi)容的更換屏數(shù)大于2屏,顯示交互式滾動(dòng)條。
針對(duì)第三種,S103包括:判斷預(yù)設(shè)時(shí)間段內(nèi)進(jìn)行滑動(dòng)操作的次數(shù)是否大于預(yù)設(shè)次數(shù),如果滑動(dòng)操作的次數(shù)大于預(yù)設(shè)次數(shù),顯示交互式滾動(dòng)條。
通過第二種和第三種的實(shí)施例,均能夠預(yù)判用戶移動(dòng)的網(wǎng)頁內(nèi)容多少,移動(dòng)的網(wǎng)頁內(nèi)容在一段時(shí)間內(nèi)達(dá)到一定量才顯示交互式滾動(dòng)條,更符合需要交互式滾動(dòng)條的情況,從而減少了交互式滾動(dòng)條的誤顯示,比如,避免在網(wǎng)頁頂端顯示。
當(dāng)然,在具體實(shí)施過程中,所述預(yù)設(shè)顯示觸發(fā)條件不限于以上三種,基于不同的需求,可以設(shè)置其他不同的顯示觸發(fā)條件,對(duì)此本發(fā)明實(shí)施例不再詳細(xì)列舉,并且不作限制。
具體的,在S103中:將交互式滾動(dòng)條以覆蓋方式顯示在網(wǎng)頁表面。
顯示的交互式滾動(dòng)條的長度可以與網(wǎng)頁的網(wǎng)頁長度匹配,也可以為與網(wǎng)頁的網(wǎng)頁長度無關(guān)的固定長度。
需要說明的是,在交互式滾動(dòng)條的長度與網(wǎng)頁長度匹配的實(shí)施方式中,交互式滾動(dòng)條在網(wǎng)頁表面的顯示位置是固定的,網(wǎng)頁長度越長,交互式滾動(dòng)條的長度越長,因此在具體實(shí)施過程中,根據(jù)網(wǎng)頁的網(wǎng)頁長度計(jì)算所適配的交互式滾動(dòng)條的長度,接著,根據(jù)計(jì)算的交互式滾動(dòng)條的長度顯示對(duì)應(yīng)長度的交互式滾動(dòng)條。
在交互式滾動(dòng)條為與網(wǎng)頁長度無關(guān)的固定長度的實(shí)施方式中,交互式滾動(dòng)條在網(wǎng)頁表面的顯示位置是不固定的,交互式滾動(dòng)條的縱向坐標(biāo)與瀏覽器窗口內(nèi)顯示的網(wǎng)頁內(nèi)容占已經(jīng)加載的網(wǎng)頁內(nèi)容的位置對(duì)應(yīng),交互式滾動(dòng)條的橫向坐標(biāo)固定。舉例來講,當(dāng)前已經(jīng)加載網(wǎng)頁內(nèi)容100行,當(dāng)前顯示至第10行,則根據(jù)觸摸屏坐標(biāo)算法確定顯示交互式滾動(dòng)條的縱向坐標(biāo),基于確定的橫向坐標(biāo)和縱向坐標(biāo)顯示交互式滾動(dòng)條,從而顯示在網(wǎng)頁表面的交互式滾動(dòng)條距離網(wǎng)頁頂端十分之一的位置。
在具體實(shí)施過程中,將交互式滾動(dòng)條以覆蓋方式顯示在網(wǎng)頁表面有多種實(shí)施方式,下面進(jìn)行舉例說明:
一種實(shí)施方式為:安裝有瀏覽器的電子設(shè)備在瀏覽器的上層,比如UI層進(jìn)行渲染,渲染后以覆蓋方式顯示交互式滾動(dòng)條在網(wǎng)頁表面,從而在顯示交互式滾動(dòng)條時(shí)不改變?yōu)g覽器窗口的布局,也不會(huì)占用顯示網(wǎng)頁的空間。
另一種實(shí)施方式為:安裝有瀏覽器的電子設(shè)備向?yàn)g覽器服務(wù)器發(fā)送請(qǐng)求信息,則瀏覽器服務(wù)器在瀏覽器窗口上進(jìn)行渲染并以覆蓋方式顯示交互式滾動(dòng)條在網(wǎng)頁表面,從而交互式滾動(dòng)條不會(huì)占用或者不會(huì)一直占用瀏覽器窗口的布局,留給網(wǎng)頁更大的顯示空間。
當(dāng)然,在具體實(shí)施過程中,也可以通過嵌入交互式滾動(dòng)條至瀏覽器窗口的布局上進(jìn)行顯示交互式滾動(dòng)條。
參考圖2所示,在執(zhí)行S103以顯示交互式滾動(dòng)條之后,本發(fā)明實(shí)施例還包括如下步驟S104:檢測針對(duì)交互式滾動(dòng)條的移動(dòng)控制操作,移動(dòng)控制操作用于控制交互式滾動(dòng)條移動(dòng);響應(yīng)移動(dòng)控制操作,以控制網(wǎng)頁內(nèi)容基于移動(dòng)控制操作的操作方向和/或操作速度移動(dòng)網(wǎng)頁內(nèi)容。
具體的,如果交互式滾動(dòng)條為與網(wǎng)頁長度無關(guān)的固定長度,針對(duì)交互式滾動(dòng)條的移動(dòng)控制操作為拖曳交互式滾動(dòng)條的操作。如果交互式滾動(dòng)條的長度與網(wǎng)頁長度匹配,針對(duì)交互式滾動(dòng)條的移動(dòng)控制操作為在交互式滾動(dòng)條上沿著滾動(dòng)條進(jìn)行移動(dòng)的操作。
在本發(fā)明實(shí)施例中,移動(dòng)控制操作的操作方向用于控制網(wǎng)頁內(nèi)容的移動(dòng)方向。具體的,網(wǎng)頁內(nèi)容的移動(dòng)方向與移動(dòng)控制操作的操作方向相同或相反,在具體實(shí)施過程中,可以根據(jù)使用習(xí)慣設(shè)置網(wǎng)頁內(nèi)容的移動(dòng)方向與移動(dòng)控制操作的操作方向相同或相反。
在本發(fā)明實(shí)施例中,移動(dòng)控制操作的操作速度用于控制網(wǎng)頁內(nèi)容的移動(dòng)速度。具體的,移動(dòng)控制操作的操作速度越快,網(wǎng)頁內(nèi)容的移動(dòng)速度越快。在具體實(shí)施過程中,設(shè)定移動(dòng)控制操作的操作速度與網(wǎng)頁內(nèi)容的移動(dòng)速度的預(yù)設(shè)關(guān)系,根據(jù)預(yù)設(shè)關(guān)系確定移動(dòng)控制操作的操作速度所對(duì)應(yīng)的網(wǎng)頁內(nèi)容的移動(dòng)速度,以該移動(dòng)速度移動(dòng)網(wǎng)頁內(nèi)容。
參考圖2所示,在執(zhí)行S103以顯示交互式滾動(dòng)條之后,還包括如下步驟S105:檢測針對(duì)交互式滾動(dòng)條的觸控操作;確定觸控操作在交互式滾動(dòng)條上的觸控位置;在瀏覽器窗口內(nèi)顯示網(wǎng)頁中與觸控位置對(duì)應(yīng)的網(wǎng)頁內(nèi)容。
在本發(fā)明實(shí)施例中,針對(duì)交互式滾動(dòng)條的觸控操作可以定義為單擊操作手勢、長按操作手勢、雙擊操作手勢等。
在具體實(shí)施過程中,在瀏覽器窗口內(nèi)顯示網(wǎng)頁中與觸控位置對(duì)應(yīng)的網(wǎng)頁內(nèi)容包括多種情況。其中,如果觸控位置為交互式滾動(dòng)條上的第一預(yù)定位置,在瀏覽器窗口內(nèi)顯示網(wǎng)頁的頂端網(wǎng)頁內(nèi)容;如果觸控位置為交互式滾動(dòng)條上的第二預(yù)定位置,在瀏覽器窗口內(nèi)顯示網(wǎng)頁的底端網(wǎng)頁內(nèi)容,其中,第二預(yù)定位置與第一預(yù)定位置為交互式滾動(dòng)條上的不同位置。比如,第一預(yù)定位置為交互式滾動(dòng)條上的頂端位置,第二預(yù)定位置為交互式滾動(dòng)條上的底端位置。如果觸控位置為交互式滾動(dòng)條上的除第一預(yù)定位置、第二預(yù)定位置之外的其他位置,在瀏覽器窗口內(nèi)跳轉(zhuǎn)至顯示對(duì)應(yīng)的網(wǎng)頁內(nèi)容,具體的,網(wǎng)頁內(nèi)容與交互式滾動(dòng)條的觸控位置一一對(duì)應(yīng)。
通過S105,能夠基于單次操作快速到達(dá)頂端網(wǎng)頁內(nèi)容、底端網(wǎng)頁內(nèi)容等,而不需要對(duì)網(wǎng)頁依次進(jìn)行逐行滾動(dòng),用戶也不需要進(jìn)行持續(xù)控制交互式滾動(dòng)條,因此用戶操作更簡單,定位網(wǎng)頁內(nèi)容更快。
參考圖2所示,在執(zhí)行S103以顯示交互式滾動(dòng)條之后,本發(fā)明實(shí)施例還包括如下步驟S106:若在預(yù)設(shè)時(shí)長內(nèi)未檢測到針對(duì)交互式滾動(dòng)條的操作,則隱藏交互式滾動(dòng)條。
具體的,預(yù)設(shè)時(shí)長可以根據(jù)開發(fā)人員設(shè)置,比如,可以設(shè)置為1秒、2秒、3秒,4秒等等,預(yù)設(shè)時(shí)長的具體數(shù)值不進(jìn)行限制。在本發(fā)明實(shí)施例中,隱藏交互式滾動(dòng)條的方式可以為淡出、或者隱藏至瀏覽器窗口的邊緣。
在本發(fā)明實(shí)施例中,S104、S105和S106為在執(zhí)行S103之后分別獨(dú)立執(zhí)行的步驟,因此本文不限制S104、S105和S106的執(zhí)行先后順序。
在介紹了本實(shí)施例提供的方法的詳細(xì)流程后,為了便于理解本實(shí)施例提供的方法的交互過程,下面以所述方法應(yīng)用于一網(wǎng)頁瀏覽器為例,介紹本發(fā)明提供方法的一交互實(shí)例:
用戶在具有觸摸顯示屏的電子設(shè)備上打開網(wǎng)頁瀏覽器后,網(wǎng)頁瀏覽器的窗口內(nèi)點(diǎn)擊打開一網(wǎng)頁時(shí),網(wǎng)頁瀏覽器加載該網(wǎng)頁的全部網(wǎng)頁內(nèi)容或部分網(wǎng)頁內(nèi)容,已經(jīng)加載的網(wǎng)頁內(nèi)容經(jīng)渲染后顯示。
用戶在觸摸顯示屏上顯示的網(wǎng)頁上進(jìn)行滑動(dòng)操作手勢,網(wǎng)頁瀏覽器檢測到滑動(dòng)操作手勢,如果滑動(dòng)操作手勢不滿足預(yù)設(shè)顯示觸發(fā)條件時(shí),瀏覽器響應(yīng)滑動(dòng)操作手勢,僅僅根據(jù)滑動(dòng)操作手勢的滑動(dòng)方向和滑動(dòng)速度對(duì)網(wǎng)頁內(nèi)容進(jìn)行向前移動(dòng)或向后移動(dòng),以便于用戶瀏覽網(wǎng)頁上的網(wǎng)頁內(nèi)容;如果滑動(dòng)操作手勢滿足預(yù)設(shè)顯示觸發(fā)條件,顯示交互式滾動(dòng)條。
在顯示了交互式滾動(dòng)條后,用戶可以在交互式滾動(dòng)條上進(jìn)行操作。具體的,用戶可以在交互式滾動(dòng)條上進(jìn)行移動(dòng)控制操作、也可以進(jìn)行觸控操作。
如果用戶在交互式滾動(dòng)條上進(jìn)行移動(dòng)控制操作,網(wǎng)頁瀏覽器檢測到移動(dòng)控制操作,網(wǎng)頁瀏覽器響應(yīng)檢測到的移動(dòng)控制操作,以控制網(wǎng)頁內(nèi)容根據(jù)移動(dòng)控制操作的操作方向和/或操作速度移動(dòng)。
如果用戶在交互式滾動(dòng)條上進(jìn)行觸控操作,網(wǎng)頁瀏覽器檢測到觸控操作網(wǎng)頁瀏覽器響應(yīng)檢測到的觸控操作,確定觸控操作在交互式滾動(dòng)條上的觸控位置,在瀏覽器窗口內(nèi)顯示網(wǎng)頁中與觸控位置對(duì)應(yīng)的網(wǎng)頁內(nèi)容。如果用戶在交互式滾動(dòng)條上的頂端位置進(jìn)行觸控操作,跳轉(zhuǎn)網(wǎng)頁的頂端網(wǎng)頁內(nèi)容至在瀏覽器窗口內(nèi)顯示,從而快速回到網(wǎng)頁的第一屏。如果用戶在交互式滾動(dòng)條上的底端位置進(jìn)行觸控操作,跳轉(zhuǎn)網(wǎng)頁的底端網(wǎng)頁內(nèi)容至在瀏覽器窗口內(nèi)顯示,從而快速達(dá)到網(wǎng)頁的最后一屏。
在用戶在交互式滾動(dòng)條上進(jìn)行移動(dòng)控制操作和/或觸控操作之后,或者在交互式滾動(dòng)條顯示之后即使用戶沒有進(jìn)行任何操作,在預(yù)設(shè)時(shí)長內(nèi)未檢測到針對(duì)交互式滾動(dòng)條的操作,則隱藏交互式滾動(dòng)條。當(dāng)用戶在交互式滾動(dòng)條上再次進(jìn)行移動(dòng)控制操作時(shí)再次進(jìn)行上述過程,以再次顯示交互式滾動(dòng)條。
基于同一發(fā)明構(gòu)思,本發(fā)明實(shí)施例還提供了與前述交互式滾動(dòng)條展示方法實(shí)施例對(duì)應(yīng)的電子設(shè)備,參考圖3所示,本發(fā)明實(shí)施例提供的電子設(shè)備包括如下模塊:
第一操作檢測模塊201,用于在瀏覽器窗口上顯示有網(wǎng)頁時(shí),檢測針對(duì)所述網(wǎng)頁的控制操作,所述控制操作用于控制所述網(wǎng)頁的網(wǎng)頁內(nèi)容移動(dòng);
判斷模塊202,與所述檢測模塊201連接,用于判斷所述控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件;
顯示控制模塊203,與所述判斷模塊202連接,用于如果所述控制操作滿足所述預(yù)設(shè)顯示觸發(fā)條件,顯示交互式滾動(dòng)條,以通過所述交互式滾動(dòng)條控制所述網(wǎng)頁內(nèi)容的更換速度大于預(yù)設(shè)速度。
需要說明的是,該交互式滾動(dòng)條展示方法應(yīng)用于具有觸摸顯示屏的電子設(shè)備,具體可以為智能手機(jī)、PAD、筆記本等,在此不作限制。該電子設(shè)備上安裝有一瀏覽器。在本發(fā)明實(shí)施例中,瀏覽器窗口可以為顯示網(wǎng)站服務(wù)器或文件系統(tǒng)內(nèi)的文件的顯示窗口,比如,360瀏覽器的窗口。也可以特定顯示某種特定網(wǎng)絡(luò)內(nèi)容的窗口,比如,新聞APP、貼吧APP,播客APP等的窗口。
在本發(fā)明實(shí)施例中,如果所述控制操作為控制所述網(wǎng)頁滑動(dòng)的滑動(dòng)操作,所述判斷模塊202,具體用于:判斷所述滑動(dòng)操作的滑動(dòng)速度是否大于預(yù)設(shè)速度;或者,判斷預(yù)設(shè)時(shí)間段內(nèi),基于所述滑動(dòng)操作所控制的所述網(wǎng)頁內(nèi)容的更換數(shù)量是否大于預(yù)設(shè)數(shù)量。
在本發(fā)明實(shí)施例中,所述電子設(shè)備還包括:第二操作檢測模塊,用于檢測針對(duì)所述交互式滾動(dòng)條的移動(dòng)控制操作,所述移動(dòng)控制操作用于控制所述交互式滾動(dòng)條移動(dòng);移動(dòng)控制模塊,用于響應(yīng)所述移動(dòng)控制操作,以控制所述網(wǎng)頁內(nèi)容基于所述移動(dòng)控制操作的操作方向和/或操作速度移動(dòng)所述網(wǎng)頁內(nèi)容。
在本發(fā)明實(shí)施例中,所述電子設(shè)備還包括:第三操作檢測模塊,用于檢測針對(duì)所述交互式滾動(dòng)條的觸控操作;觸控位置確定模塊,用于確定所述觸控操作在所述交互式滾動(dòng)條上的觸控位置;內(nèi)容顯示單元,用于在所述瀏覽器窗口內(nèi)顯示所述網(wǎng)頁中與所述觸控位置對(duì)應(yīng)的網(wǎng)頁內(nèi)容。
在本發(fā)明實(shí)施例中,所述內(nèi)容顯示單元,具體用于:
如果所述觸控位置為所述交互式滾動(dòng)條上的第一預(yù)定位置,在所述瀏覽器窗口內(nèi)顯示所述網(wǎng)頁的頂端網(wǎng)頁內(nèi)容;
如果所述觸控位置為所述交互式滾動(dòng)條上的第二預(yù)定位置,在所述瀏覽器窗口內(nèi)顯示所述網(wǎng)頁的底端網(wǎng)頁內(nèi)容,其中,所述第二預(yù)定位置與所述第一預(yù)定位置為所述交互式滾動(dòng)條上的不同位置。
在本發(fā)明實(shí)施例中,所述電子設(shè)備還包括:
隱藏模塊,用于若在預(yù)設(shè)時(shí)長內(nèi)未檢測到針對(duì)所述交互式滾動(dòng)條的操作,則隱藏所述交互式滾動(dòng)條。
在本發(fā)明實(shí)施例中,所述顯示控制模塊203,具體用于:將所述交互式滾動(dòng)條以覆蓋方式顯示在所述網(wǎng)頁表面。
在本發(fā)明實(shí)施例中,所述電子設(shè)備還包括:網(wǎng)頁長度判斷模塊,用于計(jì)算得到所述網(wǎng)頁的網(wǎng)頁長度;判斷所述網(wǎng)頁的網(wǎng)頁長度是否大于預(yù)設(shè)網(wǎng)頁長度上限;所述判斷模塊,具體用于:如果所述網(wǎng)頁的網(wǎng)頁長度大于所述預(yù)設(shè)網(wǎng)頁長度上限,執(zhí)行所述判斷所述控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件的步驟。
由于本發(fā)明實(shí)施例所介紹的電子設(shè)備,為實(shí)施本發(fā)明交互式滾動(dòng)條展示方法實(shí)施例所采用的電子設(shè)備,故而基于本發(fā)明實(shí)施例所介紹的交互式滾動(dòng)條展示方法,本領(lǐng)域所屬人員能夠了解該電子設(shè)備的具體結(jié)構(gòu)及變形,故而在此不再贅述。凡是本發(fā)明交互式滾動(dòng)條展示方法實(shí)施例所采用的設(shè)備都屬于本發(fā)明所欲保護(hù)的范圍。
本發(fā)明實(shí)施例中提供的技術(shù)方案,至少具有如下技術(shù)效果或優(yōu)點(diǎn):
通過檢測控制網(wǎng)頁的網(wǎng)頁內(nèi)容進(jìn)行移動(dòng)的控制操作,如果控制操作滿足預(yù)設(shè)顯示觸發(fā)條件就顯示交互式滾動(dòng)條,通過交互式滾動(dòng)條控制網(wǎng)頁內(nèi)容的更換速度大于預(yù)設(shè)速度,以快速更換所顯示的網(wǎng)頁內(nèi)容,從而基于檢測針對(duì)網(wǎng)頁的控制操作進(jìn)行來預(yù)判是否需要進(jìn)行顯示交互式滾動(dòng)條,在是時(shí)才顯示交互式滾動(dòng)條以供用戶使用,因此能夠避免用戶在正常、慢速瀏覽時(shí)對(duì)交互式滾動(dòng)條的誤操作,而用戶又能夠在需要時(shí)通過交互式滾動(dòng)條快速更換所顯示的網(wǎng)頁內(nèi)容,可見,在方便了用戶通過交互式滾動(dòng)條瀏覽網(wǎng)頁的同時(shí)避免交互式滾動(dòng)條在用戶不需要時(shí)對(duì)用戶的影響。
在此提供的算法和顯示不與任何特定計(jì)算機(jī)、虛擬系統(tǒng)或者其它設(shè)備固有相關(guān)。各種通用系統(tǒng)也可以與基于在此的示教一起使用。根據(jù)上面的描述,構(gòu)造這類系統(tǒng)所要求的結(jié)構(gòu)是顯而易見的。此外,本發(fā)明也不針對(duì)任何特定編程語言。應(yīng)當(dāng)明白,可以利用各種編程語言實(shí)現(xiàn)在此描述的本發(fā)明的內(nèi)容,并且上面對(duì)特定語言所做的描述是為了披露本發(fā)明的最佳實(shí)施方式。
在此處所提供的說明書中,說明了大量具體細(xì)節(jié)。然而,能夠理解,本發(fā)明的實(shí)施例可以在沒有這些具體細(xì)節(jié)的情況下實(shí)踐。在一些實(shí)例中,并未詳細(xì)示出公知的方法、結(jié)構(gòu)和技術(shù),以便不模糊對(duì)本說明書的理解。
類似地,應(yīng)當(dāng)理解,為了精簡本公開并幫助理解各個(gè)發(fā)明方面中的一個(gè)或多個(gè),在上面對(duì)本發(fā)明的示例性實(shí)施例的描述中,本發(fā)明的各個(gè)特征有時(shí)被一起分組到單個(gè)實(shí)施例、圖、或者對(duì)其的描述中。然而,并不應(yīng)將該公開的方法解釋成反映如下意圖:即所要求保護(hù)的本發(fā)明要求比在每個(gè)權(quán)利要求中所明確記載的特征更多的特征。更確切地說,如下面的權(quán)利要求書所反映的那樣,發(fā)明方面在于少于前面公開的單個(gè)實(shí)施例的所有特征。因此,遵循具體實(shí)施方式的權(quán)利要求書由此明確地并入該具體實(shí)施方式,其中每個(gè)權(quán)利要求本身都作為本發(fā)明的單獨(dú)實(shí)施例。
本領(lǐng)域那些技術(shù)人員可以理解,可以對(duì)實(shí)施例中的設(shè)備中的模塊進(jìn)行自適應(yīng)性地改變并且把它們?cè)O(shè)置在與該實(shí)施例不同的一個(gè)或多個(gè)設(shè)備中??梢园褜?shí)施例中的模塊或單元或組件組合成一個(gè)模塊或單元或組件,以及此外可以把它們分成多個(gè)子模塊或子單元或子組件。除了這樣的特征和/或過程或者單元中的至少一些是相互排斥之外,可以采用任何組合對(duì)本說明書(包括伴隨的權(quán)利要求、摘要和附圖)中公開的所有特征以及如此公開的任何方法或者設(shè)備的所有過程或單元進(jìn)行組合。除非另外明確陳述,本說明書(包括伴隨的權(quán)利要求、摘要和附圖)中公開的每個(gè)特征可以由提供相同、等同或相似目的的替代特征來代替。
此外,本領(lǐng)域的技術(shù)人員能夠理解,盡管在此的一些實(shí)施例包括其它實(shí)施例中所包括的某些特征而不是其它特征,但是不同實(shí)施例的特征的組合意味著處于本發(fā)明的范圍之內(nèi)并且形成不同的實(shí)施例。例如,在下面的權(quán)利要求書中,所要求保護(hù)的實(shí)施例的任意之一都可以以任意的組合方式來使用。
本發(fā)明的各個(gè)部件實(shí)施例可以以硬件實(shí)現(xiàn),或者以在一個(gè)或者多個(gè)處理器上運(yùn)行的軟件模塊實(shí)現(xiàn),或者以它們的組合實(shí)現(xiàn)。本領(lǐng)域的技術(shù)人員應(yīng)當(dāng)理解,可以在實(shí)踐中使用微處理器或者數(shù)字信號(hào)處理器(DSP)來實(shí)現(xiàn)根據(jù)本發(fā)明實(shí)施例的網(wǎng)關(guān)、代理服務(wù)器、系統(tǒng)中的一些或者全部部件的一些或者全部功能。本發(fā)明還可以實(shí)現(xiàn)為用于執(zhí)行這里所描述的方法的一部分或者全部的設(shè)備或者裝置程序(例如,計(jì)算機(jī)程序和計(jì)算機(jī)程序產(chǎn)品)。這樣的實(shí)現(xiàn)本發(fā)明的程序可以存儲(chǔ)在計(jì)算機(jī)可讀介質(zhì)上,或者可以具有一個(gè)或者多個(gè)信號(hào)的形式。這樣的信號(hào)可以從因特網(wǎng)網(wǎng)站上下載得到,或者在載體信號(hào)上提供,或者以任何其他形式提供。
應(yīng)該注意的是上述實(shí)施例對(duì)本發(fā)明進(jìn)行說明而不是對(duì)本發(fā)明進(jìn)行限制,并且本領(lǐng)域技術(shù)人員在不脫離所附權(quán)利要求的范圍的情況下可設(shè)計(jì)出替換實(shí)施例。在權(quán)利要求中,不應(yīng)將位于括號(hào)之間的任何參考符號(hào)構(gòu)造成對(duì)權(quán)利要求的限制。單詞“包含”不排除存在未列在權(quán)利要求中的元件或步驟。位于元件之前的單詞“一”或“一個(gè)”不排除存在多個(gè)這樣的元件。本發(fā)明可以借助于包括有若干不同元件的硬件以及借助于適當(dāng)編程的計(jì)算機(jī)來實(shí)現(xiàn)。在列舉了若干裝置的單元權(quán)利要求中,這些裝置中的若干個(gè)可以是通過同一個(gè)硬件項(xiàng)來具體體現(xiàn)。單詞第一、第二、以及第三等的使用不表示任何順序??蓪⑦@些單詞解釋為名稱。
本發(fā)明公開了,A1、一種交互式滾動(dòng)條展示方法,包括:
在瀏覽器窗口上顯示有網(wǎng)頁時(shí),檢測針對(duì)所述網(wǎng)頁的控制操作,所述控制操作用于控制所述網(wǎng)頁的網(wǎng)頁內(nèi)容移動(dòng);
判斷所述控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件;
如果所述控制操作滿足所述預(yù)設(shè)顯示觸發(fā)條件,顯示交互式滾動(dòng)條,以通過所述交互式滾動(dòng)條控制所述網(wǎng)頁內(nèi)容的更換速度大于預(yù)設(shè)速度。
A2、根據(jù)A1所述的交互式滾動(dòng)條展示方法,如果所述控制操作為控制所述網(wǎng)頁滑動(dòng)的滑動(dòng)操作,所述判斷所述控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件,包括:判斷所述滑動(dòng)操作的滑動(dòng)速度是否大于預(yù)設(shè)速度;或者,判斷預(yù)設(shè)時(shí)間段內(nèi),基于所述滑動(dòng)操作所控制的所述網(wǎng)頁內(nèi)容的更換數(shù)量是否大于預(yù)設(shè)數(shù)量。
A3、根據(jù)A1所述的交互式滾動(dòng)條展示方法,在所述顯示交互式滾動(dòng)條之后,所述方法還包括:
檢測針對(duì)所述交互式滾動(dòng)條的移動(dòng)控制操作,所述移動(dòng)控制操作用于控制所述交互式滾動(dòng)條移動(dòng);
響應(yīng)所述移動(dòng)控制操作,以控制所述網(wǎng)頁內(nèi)容基于所述移動(dòng)控制操作的操作方向和/或操作速度移動(dòng)所述網(wǎng)頁內(nèi)容。
A4、根據(jù)A1所述的交互式滾動(dòng)條展示方法,在所述顯示交互式滾動(dòng)條之后,所述方法還包括:
檢測針對(duì)所述交互式滾動(dòng)條的觸控操作;
確定所述觸控操作在所述交互式滾動(dòng)條上的觸控位置;
在所述瀏覽器窗口內(nèi)顯示所述網(wǎng)頁中與所述觸控位置對(duì)應(yīng)的網(wǎng)頁內(nèi)容。
A5、根據(jù)A4所述的交互式滾動(dòng)條展示方法,其特征在于,所述在所述瀏覽器窗口內(nèi)顯示所述網(wǎng)頁中與所述觸控位置對(duì)應(yīng)的網(wǎng)頁內(nèi)容,包括:
如果所述觸控位置為所述交互式滾動(dòng)條上的第一預(yù)定位置,在所述瀏覽器窗口內(nèi)顯示所述網(wǎng)頁的頂端網(wǎng)頁內(nèi)容;
如果所述觸控位置為所述交互式滾動(dòng)條上的第二預(yù)定位置,在所述瀏覽器窗口內(nèi)顯示所述網(wǎng)頁的底端網(wǎng)頁內(nèi)容,其中,所述第二預(yù)定位置與所述第一預(yù)定位置為所述交互式滾動(dòng)條上的不同位置。
A6、根據(jù)A1-A5任一所述的交互式滾動(dòng)條展示方法,在所述顯示交互式滾動(dòng)條之后,所述方法還包括:
若在預(yù)設(shè)時(shí)長內(nèi)未檢測到針對(duì)所述交互式滾動(dòng)條的操作,則隱藏所述交互式滾動(dòng)條。
A7、根據(jù)A5所述的交互式滾動(dòng)條展示方法,其特征在于,所述顯示交互式滾動(dòng)條,包括:
將所述交互式滾動(dòng)條以覆蓋方式顯示在所述網(wǎng)頁表面。
A8、根據(jù)A1所述的交互式滾動(dòng)條展示方法,所述方法還包括:
計(jì)算得到所述網(wǎng)頁的網(wǎng)頁長度;判斷所述網(wǎng)頁的網(wǎng)頁長度是否大于預(yù)設(shè)網(wǎng)頁長度上限;
所述判斷所述控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件,包括:
如果所述網(wǎng)頁的網(wǎng)頁長度大于所述預(yù)設(shè)網(wǎng)頁長度上限,執(zhí)行所述判斷所述控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件的步驟。
B9、一種電子設(shè)備,其特征在于,包括:
第一操作檢測模塊,用于在瀏覽器窗口上顯示有網(wǎng)頁時(shí),檢測針對(duì)所述網(wǎng)頁的控制操作,所述控制操作用于控制所述網(wǎng)頁的網(wǎng)頁內(nèi)容移動(dòng);
判斷模塊,與所述檢測模塊連接,用于判斷所述控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件;
顯示控制模塊,與所述判斷模塊連接,用于如果所述控制操作滿足所述預(yù)設(shè)顯示觸發(fā)條件,顯示交互式滾動(dòng)條,以通過所述交互式滾動(dòng)條控制所述網(wǎng)頁內(nèi)容的更換速度大于預(yù)設(shè)速度。
B10、根據(jù)B9所述的電子設(shè)備,如果所述控制操作為控制所述網(wǎng)頁滑動(dòng)的滑動(dòng)操作,所述判斷模塊,具體用于:
判斷所述滑動(dòng)操作的滑動(dòng)速度是否大于預(yù)設(shè)速度;或者,判斷預(yù)設(shè)時(shí)間段內(nèi),基于所述滑動(dòng)操作所控制的所述網(wǎng)頁內(nèi)容的更換數(shù)量是否大于預(yù)設(shè)數(shù)量。
B11、根據(jù)B9所述的電子設(shè)備,所述電子設(shè)備還包括:
第二操作檢測模塊,用于檢測針對(duì)所述交互式滾動(dòng)條的移動(dòng)控制操作,所述移動(dòng)控制操作用于控制所述交互式滾動(dòng)條移動(dòng);
移動(dòng)控制模塊,用于響應(yīng)所述移動(dòng)控制操作,以控制所述網(wǎng)頁內(nèi)容基于所述移動(dòng)控制操作的操作方向和/或操作速度移動(dòng)所述網(wǎng)頁內(nèi)容。
B12、根據(jù)B9所述的電子設(shè)備,所述電子設(shè)備還包括:
第三操作檢測模塊,用于檢測針對(duì)所述交互式滾動(dòng)條的觸控操作;
觸控位置確定模塊,用于確定所述觸控操作在所述交互式滾動(dòng)條上的觸控位置;
內(nèi)容顯示單元,用于在所述瀏覽器窗口內(nèi)顯示所述網(wǎng)頁中與所述觸控位置對(duì)應(yīng)的網(wǎng)頁內(nèi)容。
B13、根據(jù)B12所述的電子設(shè)備,其特征在于,所述內(nèi)容顯示單元,具體用于:
如果所述觸控位置為所述交互式滾動(dòng)條上的第一預(yù)定位置,在所述瀏覽器窗口內(nèi)顯示所述網(wǎng)頁的頂端網(wǎng)頁內(nèi)容;
如果所述觸控位置為所述交互式滾動(dòng)條上的第二預(yù)定位置,在所述瀏覽器窗口內(nèi)顯示所述網(wǎng)頁的底端網(wǎng)頁內(nèi)容,其中,所述第二預(yù)定位置與所述第一預(yù)定位置為所述交互式滾動(dòng)條上的不同位置。
B14、根據(jù)B9-B13任一所述的電子設(shè)備,所述電子設(shè)備還包括:
隱藏模塊,用于若在預(yù)設(shè)時(shí)長內(nèi)未檢測到針對(duì)所述交互式滾動(dòng)條的操作,則隱藏所述交互式滾動(dòng)條。
B15、根據(jù)B13所述的電子設(shè)備,所述顯示控制模塊,具體用于:
將所述交互式滾動(dòng)條以覆蓋方式顯示在所述網(wǎng)頁表面。
B16、根據(jù)B9所述的電子設(shè)備,所述電子設(shè)備還包括:
網(wǎng)頁長度判斷模塊,用于計(jì)算得到所述網(wǎng)頁的網(wǎng)頁長度;判斷所述網(wǎng)頁的網(wǎng)頁長度是否大于預(yù)設(shè)網(wǎng)頁長度上限;
所述判斷模塊,具體用于:如果所述網(wǎng)頁的網(wǎng)頁長度大于所述預(yù)設(shè)網(wǎng)頁長度上限,執(zhí)行所述判斷所述控制操作是否滿足預(yù)設(shè)顯示觸發(fā)條件的步驟。