一種wap頁(yè)面標(biāo)題欄顯示方法及系統(tǒng)的制作方法
【專利摘要】本發(fā)明適用于計(jì)算機(jī)【技術(shù)領(lǐng)域】，提供了一種wap頁(yè)面標(biāo)題欄顯示方法及系統(tǒng)，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述方法包括：在頁(yè)面滑動(dòng)過程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過程中，通過預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。本發(fā)明實(shí)現(xiàn)同一頁(yè)面內(nèi)不同區(qū)域標(biāo)題欄的模擬物理遞推的交互方式，從而將標(biāo)題欄不在設(shè)備屏幕內(nèi)的區(qū)域的標(biāo)題欄的內(nèi)容可以一直保留在設(shè)備屏幕頂端，使得終端設(shè)備用戶可以隨時(shí)進(jìn)入網(wǎng)頁(yè)的子頁(yè)面，且不影響用戶閱讀。
【專利說(shuō)明】一種wap頁(yè)面標(biāo)題欄顯示方法及系統(tǒng)
【技術(shù)領(lǐng)域】
[0001]本發(fā)明屬于計(jì)算機(jī)【技術(shù)領(lǐng)域】，尤其涉及一種wap頁(yè)面標(biāo)題欄顯示方法及系統(tǒng)。
【背景技術(shù)】
[0002]隨著無(wú)線應(yīng)用協(xié)議(Wireless Application Protocol, WAP)技術(shù)的發(fā)展,移動(dòng)終端等無(wú)線設(shè)備接入互聯(lián)網(wǎng)成為可能，例如，手機(jī)WAP網(wǎng)站，WAP技術(shù)把互聯(lián)網(wǎng)上的信息轉(zhuǎn)換成能在手機(jī)屏幕等移動(dòng)設(shè)備上顯示的信息，極大方便了移動(dòng)終端用戶上網(wǎng)瀏覽信息。
[0003]目前，為了滿足用戶對(duì)信息的需求量，一個(gè)wap頁(yè)面能夠承載的各種信息內(nèi)容頁(yè)越來(lái)越多，為了能夠及時(shí)幫助用戶獲取相應(yīng)的信息，通常將wap頁(yè)面劃分成多個(gè)區(qū)域，多個(gè)區(qū)域的內(nèi)容依次排開，且每個(gè)區(qū)域通常包括一個(gè)位于區(qū)域頂端的標(biāo)題欄，每個(gè)標(biāo)題欄包括多個(gè)相應(yīng)的子欄目選項(xiàng)卡，用戶可以在標(biāo)題欄點(diǎn)擊相應(yīng)的子欄目選項(xiàng)卡選擇想要查看的內(nèi)容，以進(jìn)入相應(yīng)的主題頁(yè)面。在用戶閱讀wap頁(yè)面過程中，整個(gè)wap頁(yè)面隨著用戶的操作手勢(shì)逐漸滑動(dòng)，然而，為了顯示更多的內(nèi)容，每個(gè)區(qū)域長(zhǎng)度通常超過當(dāng)前屏幕的大小，因此，用戶在閱讀某個(gè)區(qū)域的內(nèi)容時(shí)，區(qū)域的標(biāo)題欄經(jīng)常處于終端屏幕之外，以致無(wú)法提供及時(shí)方便的頁(yè)面導(dǎo)航，此時(shí)，用戶想進(jìn)入該區(qū)域標(biāo)題欄中的某個(gè)子欄目，只能反向拖拽頁(yè)面直到露出該區(qū)域的標(biāo)題欄，進(jìn)而選擇子欄目名稱以進(jìn)入相應(yīng)的主題頁(yè)面。

【發(fā)明內(nèi)容】

[0004]本發(fā)明實(shí)施例的目的在于提供一種wap頁(yè)面標(biāo)題欄顯示方法，旨在解決現(xiàn)有技術(shù)用戶在閱讀wap頁(yè)面某個(gè)區(qū)域的內(nèi)容時(shí)，區(qū)域的標(biāo)題欄經(jīng)常處于終端屏幕之外，無(wú)法提供及時(shí)方便的頁(yè)面導(dǎo)航的問題。
[0005]為了實(shí)現(xiàn)上述目的，本發(fā)明實(shí)施例提供如下技術(shù)方案:
[0006]本發(fā)明實(shí)施例是這樣實(shí)現(xiàn)的，本發(fā)明實(shí)施例提供了一種wap頁(yè)面標(biāo)題欄顯示方法，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述方法包括:
[0007]在頁(yè)面滑動(dòng)過程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過程中，通過預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。
[0008]本發(fā)明實(shí)施例提供了一種wap頁(yè)面標(biāo)題欄顯示系統(tǒng),所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述系統(tǒng)包括:
[0009]顯示單元，用于在頁(yè)面滑動(dòng)過程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過程中，通過預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。
[0010]本發(fā)明實(shí)施例與現(xiàn)有技術(shù)相比，有益效果在于:在頁(yè)面滑動(dòng)過程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過程中，通過預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。本發(fā)明實(shí)現(xiàn)同一頁(yè)面內(nèi)不同區(qū)域標(biāo)題欄的模擬物理遞推的交互方式，從而將標(biāo)題欄不在設(shè)備屏幕內(nèi)的區(qū)域的標(biāo)題欄的內(nèi)容可以一直保留在設(shè)備屏幕頂端，使得終端設(shè)備用戶可以隨時(shí)進(jìn)入網(wǎng)頁(yè)的子頁(yè)面，且不影響用戶閱讀。
【專利附圖】

【附圖說(shuō)明】
[0011]為了更清楚地說(shuō)明本發(fā)明實(shí)施例的技術(shù)方案，下面將對(duì)實(shí)施例描述中所需要使用的附圖作簡(jiǎn)單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0012]圖1是本發(fā)明實(shí)施例一提供的wap頁(yè)面標(biāo)題欄顯示方法的實(shí)現(xiàn)的流程圖；
[0013]圖2是本發(fā)明實(shí)施例二提供的wap頁(yè)面標(biāo)題欄顯示方法的實(shí)現(xiàn)的流程圖；
[0014]圖3是本發(fā)明實(shí)施例三提供的wap頁(yè)面標(biāo)題欄顯示方法的實(shí)現(xiàn)的流程圖；
[0015]圖4a-圖4d是本發(fā)明實(shí)施例三提供的wap頁(yè)面上滑過程標(biāo)題欄顯示過程的示意圖；
[0016]圖5是本發(fā)明實(shí)施例三提供的wap頁(yè)面標(biāo)題欄顯示方法的技術(shù)實(shí)現(xiàn)流程圖；
[0017]圖6是本發(fā)明實(shí)施例四提供的wap頁(yè)面標(biāo)題欄顯示方法的實(shí)現(xiàn)的流程圖；
[0018]圖7a_7d是本發(fā)明實(shí)施例四提供的wap頁(yè)面下滑過程標(biāo)題欄顯示過程的示意圖；
[0019]圖8是本發(fā)明實(shí)施例五提供的wap頁(yè)面標(biāo)題欄顯示系統(tǒng)的結(jié)構(gòu)示意圖；
[0020]圖9是本發(fā)明實(shí)施例六提供的wap頁(yè)面標(biāo)題欄顯示系統(tǒng)的結(jié)構(gòu)示意圖；
[0021]圖10是本發(fā)明實(shí)施例七提供的wap頁(yè)面標(biāo)題欄顯示系統(tǒng)的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0022]為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點(diǎn)更加清楚明白，以下結(jié)合附圖及實(shí)施例，對(duì)本發(fā)明進(jìn)行進(jìn)一步詳細(xì)說(shuō)明。應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
[0023]本發(fā)明實(shí)施例提供了一種wap頁(yè)面標(biāo)題欄顯示方法，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述方法包括:
[0024]在頁(yè)面滑動(dòng)過程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過程中，通過預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。
[0025]本發(fā)明實(shí)施例提供了一種wap頁(yè)面標(biāo)題欄顯示系統(tǒng),所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述系統(tǒng)包括:
[0026]顯示單元，用于在頁(yè)面滑動(dòng)過程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過程中，通過預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。
[0027]以下結(jié)合具體實(shí)施例對(duì)本發(fā)明的實(shí)現(xiàn)進(jìn)行詳細(xì)描述:
[0028]實(shí)施例一
[0029]本實(shí)施例的應(yīng)用場(chǎng)景如下:iPhone終端及android終端顯示wap頁(yè)面的過程中，由于wap頁(yè)面通常包括多個(gè)區(qū)域及其相應(yīng)的標(biāo)題欄，且通常一個(gè)區(qū)域的顯示內(nèi)容通常超過設(shè)備屏幕的大小，所以區(qū)域的標(biāo)題欄經(jīng)常不在設(shè)備設(shè)備屏幕內(nèi)，為了讓用戶能夠及時(shí)查看到區(qū)域的標(biāo)題欄的內(nèi)容，可以在當(dāng)前區(qū)域的標(biāo)題欄不再設(shè)備屏幕的期間內(nèi)，保持將其標(biāo)題欄的內(nèi)容仍然顯示在設(shè)備設(shè)備屏幕范圍內(nèi)，從而讓用戶隨時(shí)可以查看區(qū)域標(biāo)題欄的內(nèi)容，以下通過實(shí)施例進(jìn)行具體說(shuō)明，圖1示出了本發(fā)明實(shí)施例一提供的Wap頁(yè)面標(biāo)題欄顯示方法的實(shí)現(xiàn)的流程圖，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述方法詳述如下:
[0030]在SlOl中，在頁(yè)面滑動(dòng)過程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過程中，通過預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。
[0031]本實(shí)施例中，設(shè)備屏幕當(dāng)前顯示的區(qū)域可以有I個(gè)或者多個(gè)。
[0032]本實(shí)施例中，所述設(shè)備屏幕可以為iphone、ipad等移動(dòng)終端的設(shè)備屏幕。
[0033]本實(shí)施例中，可以使用iScroll進(jìn)行區(qū)域頁(yè)面滑動(dòng)。
[0034]本發(fā)明實(shí)施例中，在頁(yè)面滑動(dòng)過程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過程中，通過預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。本發(fā)明實(shí)現(xiàn)同一頁(yè)面內(nèi)不同區(qū)域標(biāo)題欄的模擬物理遞推的交互方式，從而將標(biāo)題欄不在設(shè)備屏幕內(nèi)的區(qū)域的標(biāo)題欄的內(nèi)容可以一直保留在設(shè)備屏幕頂端，使得終端設(shè)備用戶可以隨時(shí)進(jìn)入網(wǎng)頁(yè)的子頁(yè)面，且不影響用戶閱讀。
[0035]實(shí)施例二
[0036]本實(shí)施例中，可以將持續(xù)顯示的所述區(qū)域的標(biāo)題欄顯示在設(shè)備屏幕的任一預(yù)設(shè)位置，例如，設(shè)備屏幕左端內(nèi)側(cè)、設(shè)備屏幕右段內(nèi)側(cè)、設(shè)備屏幕下端外側(cè)等，為了方便用戶查看，優(yōu)選的，可以將位于設(shè)備屏幕的頂端內(nèi)側(cè)，請(qǐng)參閱圖2，圖2示出了本發(fā)明實(shí)施例二提供的wap頁(yè)面標(biāo)題欄顯示方法的實(shí)現(xiàn)的流程圖，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述方法詳述如下:
[0037]在S201中，在頁(yè)面滑動(dòng)過程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過程中，通過預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕頂端內(nèi)側(cè)持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容，其中，所述預(yù)設(shè)浮動(dòng)標(biāo)題欄為位于設(shè)備屏幕頂端的可滑動(dòng)標(biāo)題欄。
[0038]本發(fā)明實(shí)施例中，若當(dāng)前顯示區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述區(qū)域顯示的過程中，通過位于設(shè)備屏幕頂端的預(yù)設(shè)浮動(dòng)標(biāo)題欄，在設(shè)備屏幕頂端內(nèi)側(cè)持續(xù)顯示所述區(qū)域的標(biāo)題欄的內(nèi)容，實(shí)現(xiàn)同一頁(yè)面內(nèi)不同區(qū)域標(biāo)題欄的模擬物理遞推的交互方式，從而將標(biāo)題欄不在設(shè)備屏幕內(nèi)的區(qū)域的標(biāo)題欄的內(nèi)容可以一直保留在設(shè)備屏幕頂端，使得終端設(shè)備用戶可以隨時(shí)進(jìn)入網(wǎng)頁(yè)的子頁(yè)面，且不影響用戶閱讀。
[0039]實(shí)施例三
[0040]圖3示出了本發(fā)明實(shí)施例三提供的wap頁(yè)面標(biāo)題欄顯示方法的實(shí)現(xiàn)的流程圖，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述方法詳述如下:
[0041]在S301中，在頁(yè)面向上滑動(dòng)過程中，當(dāng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄所在區(qū)域相鄰的下一區(qū)域與所述預(yù)設(shè)浮動(dòng)標(biāo)題欄下邊緣碰撞后，向上滑動(dòng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄；
[0042]本實(shí)施例中，所述下一區(qū)域?yàn)槲挥诋?dāng)前所述預(yù)設(shè)浮動(dòng)標(biāo)題欄所在區(qū)域下方的區(qū)域。
[0043]在S302中，當(dāng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄滑動(dòng)至所述設(shè)備屏幕的頂端外側(cè)后，重置所述預(yù)設(shè)浮動(dòng)標(biāo)題欄位置至所述設(shè)備屏幕的頂端內(nèi)側(cè)，并將所述預(yù)設(shè)浮動(dòng)標(biāo)題欄的內(nèi)容更新為所述下一區(qū)域標(biāo)題欄的內(nèi)容。
[0044]本實(shí)施例中，當(dāng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄滑動(dòng)至所述設(shè)備屏幕的頂端外側(cè)后，則所述下一區(qū)域的標(biāo)題欄已經(jīng)滑出設(shè)備屏幕，即設(shè)備屏幕當(dāng)前顯示的所述下一區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則重置所述預(yù)設(shè)浮動(dòng)標(biāo)題欄位置至所述設(shè)備屏幕的頂端內(nèi)側(cè)，并將所述預(yù)設(shè)浮動(dòng)標(biāo)題欄的內(nèi)容更新為所述下一區(qū)域標(biāo)題欄的內(nèi)容，即實(shí)現(xiàn)通過預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕頂端內(nèi)側(cè)持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。
[0045]為了便于理解，以下通過具體的實(shí)現(xiàn)示例對(duì)本實(shí)施中頁(yè)面上滑過程wap頁(yè)面標(biāo)題欄顯示過程進(jìn)行說(shuō)明，但不以本實(shí)現(xiàn)示例的實(shí)現(xiàn)過程為限，請(qǐng)參閱圖4a_圖4d，若設(shè)備屏幕當(dāng)前顯示的一區(qū)域的標(biāo)題欄B不在設(shè)備屏幕內(nèi)，則通過預(yù)設(shè)浮動(dòng)標(biāo)題欄顯示所述標(biāo)題欄B，顯示過程如下:標(biāo)題欄為B的區(qū)域相鄰的下一區(qū)域正在隨著頁(yè)面向上滑動(dòng)，其標(biāo)題欄為C，請(qǐng)參閱圖4a，當(dāng)預(yù)設(shè)浮動(dòng)標(biāo)題欄與標(biāo)題欄C發(fā)生碰撞后，預(yù)設(shè)浮動(dòng)標(biāo)題欄與下一區(qū)域一起向上滑動(dòng)，請(qǐng)參閱圖4b，當(dāng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄滑動(dòng)至所述設(shè)備屏幕的頂端外側(cè)后，重置所述預(yù)設(shè)浮動(dòng)標(biāo)題欄位置至所述設(shè)備屏幕的頂端內(nèi)側(cè)，并將所述預(yù)設(shè)浮動(dòng)標(biāo)題欄的內(nèi)容更新為所述下一區(qū)域標(biāo)題欄C的內(nèi)容,請(qǐng)參閱圖4c, wap頁(yè)面繼續(xù)向上滑動(dòng)，wap頁(yè)面中的當(dāng)前顯示區(qū)域的標(biāo)題欄C已經(jīng)移出屏幕顯示范圍，但是已經(jīng)通過浮動(dòng)標(biāo)題將該區(qū)域的標(biāo)題欄C的內(nèi)容保留在了當(dāng)前顯示區(qū)域范圍內(nèi)，進(jìn)而等待下一次與交互碰撞過程，請(qǐng)參閱圖4d。
[0046]以下進(jìn)一步通過一個(gè)例子對(duì)本實(shí)施例的技術(shù)實(shí)現(xiàn)過程進(jìn)行說(shuō)明，但不以此實(shí)現(xiàn)方式進(jìn)行說(shuō)明，此處僅是可以實(shí)現(xiàn)的一種方式，請(qǐng)參閱圖5，本實(shí)施例中，以設(shè)備屏幕的右上角為坐標(biāo)原點(diǎn)，建立坐標(biāo)系，向右，向下分別為X軸正方向，Y周正方向，并預(yù)先獲取所有區(qū)域標(biāo)的位置及區(qū)域標(biāo)題欄所在位置，以便使用，具體流程如下:
[0047]在S501中，向下滑動(dòng)頁(yè)面；
[0048]在S502中，根據(jù)預(yù)先獲取所有區(qū)域標(biāo)的位置信息及區(qū)域標(biāo)題欄所在位置信息，判斷當(dāng)頁(yè)面卷去高度是否大于下一區(qū)域頂邊位置，若是，執(zhí)行S503，若否，執(zhí)行S504。
[0049]在S503中，重置所述預(yù)設(shè)浮動(dòng)標(biāo)題欄位置至所述設(shè)備屏幕的頂端內(nèi)側(cè)，并將所述預(yù)設(shè)浮動(dòng)標(biāo)題欄的內(nèi)容更新為所述下一區(qū)域標(biāo)題欄的內(nèi)容，并繼續(xù)滑動(dòng)頁(yè)面，并執(zhí)行S501。
[0050]在S504中，根據(jù)預(yù)先獲取所有區(qū)域標(biāo)的位置信息及區(qū)域標(biāo)題欄所在位置信息，判斷當(dāng)前頁(yè)面卷去高度是否大于下一區(qū)域頂邊位置減去標(biāo)題高度的差值，若是，則執(zhí)行S503，若否，則執(zhí)行S505。
[0051]在S505中，向上滑動(dòng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄，并計(jì)算預(yù)設(shè)浮動(dòng)標(biāo)題欄位置所在位置，并執(zhí)行S501。
[0052]本實(shí)施例中，根據(jù)頁(yè)面中區(qū)域位置、標(biāo)題欄位置及頁(yè)面卷去高度之間的關(guān)系，確定預(yù)設(shè)浮動(dòng)標(biāo)題欄狀態(tài)，實(shí)現(xiàn)wap頁(yè)面在向上滑動(dòng)過程中可以將當(dāng)前顯示區(qū)域的標(biāo)題欄保留在設(shè)備屏幕頂端，不依賴滑動(dòng)方向因此整個(gè)過程可逆，同時(shí)，由于預(yù)先獲取頁(yè)面所有標(biāo)題位置并緩存可以減少每次查詢的計(jì)算量
[0053]本實(shí)施例中，在頁(yè)面向上滑動(dòng)過程中，當(dāng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄所在區(qū)域相鄰的下一區(qū)域與所述預(yù)設(shè)浮動(dòng)標(biāo)題欄下邊緣碰撞后，向上滑動(dòng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄，當(dāng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄滑動(dòng)至所述設(shè)備屏幕的頂端外側(cè)后，重置所述預(yù)設(shè)浮動(dòng)標(biāo)題欄位置至所述設(shè)備屏幕的頂端內(nèi)側(cè)，并將所述預(yù)設(shè)浮動(dòng)標(biāo)題欄的內(nèi)容更新為所述下一區(qū)域標(biāo)題欄的內(nèi)容。實(shí)現(xiàn)wap頁(yè)面在向上滑動(dòng)過程中可以將當(dāng)前顯示區(qū)域的標(biāo)題欄保留在設(shè)備屏幕頂端，使得終端設(shè)備用戶可以隨時(shí)進(jìn)入當(dāng)前區(qū)域的子頁(yè)面。
[0054]實(shí)施例四
[0055]圖6示出了本發(fā)明實(shí)施例四提供的wap頁(yè)面標(biāo)題欄顯示方法的實(shí)現(xiàn)的流程圖，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述方法詳述如下:
[0056]在S601中，在頁(yè)面向下滑動(dòng)過程中，當(dāng)預(yù)設(shè)浮動(dòng)標(biāo)題欄所在區(qū)域相鄰的上一區(qū)域與所述預(yù)設(shè)浮動(dòng)標(biāo)題欄上邊緣碰撞后，重置所述預(yù)設(shè)浮動(dòng)標(biāo)題欄位置至所述設(shè)備屏幕的頂端外側(cè)，并將所述預(yù)設(shè)浮動(dòng)標(biāo)題欄的內(nèi)容更新為所述上一區(qū)域標(biāo)題欄的內(nèi)容；
[0057]本實(shí)施例中，所述上一區(qū)域?yàn)槲挥诋?dāng)前所述預(yù)設(shè)浮動(dòng)標(biāo)題欄所在區(qū)域上方的區(qū)域。
[0058]在S602中，向下滑動(dòng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄，當(dāng)滑動(dòng)至設(shè)備屏幕的頂端內(nèi)側(cè)時(shí)，停止滑動(dòng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄。
[0059]為了便于理解，以下通過具體的實(shí)現(xiàn)示例對(duì)本實(shí)施中頁(yè)面下滑過程wap頁(yè)面標(biāo)題欄顯示過程進(jìn)行說(shuō)明，但不以本實(shí)現(xiàn)示例的實(shí)現(xiàn)過程為限，仍然以實(shí)施例三中實(shí)現(xiàn)示例進(jìn)行說(shuō)明，請(qǐng)參閱圖7a_圖7d，假設(shè)用戶此時(shí)需要查看已經(jīng)滑到設(shè)備屏幕上端的所述下一區(qū)域的內(nèi)容，即標(biāo)題欄為B的區(qū)域的內(nèi)容，此時(shí)，已經(jīng)滑到設(shè)備屏幕上端的所述下一區(qū)域即為與所述浮動(dòng)標(biāo)題欄所在區(qū)域相鄰的上一區(qū)域，此時(shí)，屏幕顯示的是標(biāo)題欄為C的區(qū)域的內(nèi)容，即預(yù)設(shè)浮動(dòng)標(biāo)題欄顯示的標(biāo)題欄C的內(nèi)容，請(qǐng)參閱圖7a，在用戶向下拉動(dòng)頁(yè)面過程中，預(yù)設(shè)浮動(dòng)標(biāo)題欄所在區(qū)域相鄰的上一區(qū)域與所述預(yù)設(shè)浮動(dòng)標(biāo)題欄上邊緣碰撞后，重置所述預(yù)設(shè)浮動(dòng)標(biāo)題欄位置至所述設(shè)備屏幕的頂端外側(cè)，并將所述預(yù)設(shè)浮動(dòng)標(biāo)題欄的內(nèi)容更新為所述上一區(qū)域標(biāo)題欄B的內(nèi)容，請(qǐng)參閱圖7b，此后，預(yù)設(shè)浮動(dòng)標(biāo)題欄隨著頁(yè)面一起向下滑動(dòng)，請(qǐng)參閱圖7c，當(dāng)滑動(dòng)至設(shè)備屏幕的頂端內(nèi)側(cè)時(shí)，停止滑動(dòng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄，頁(yè)面繼續(xù)滑動(dòng)，此時(shí)，標(biāo)題欄與請(qǐng)參閱圖7d。
[0060]本實(shí)施例中，在頁(yè)面向下滑動(dòng)過程中，當(dāng)預(yù)設(shè)浮動(dòng)標(biāo)題欄所在區(qū)域相鄰的上一區(qū)域與所述預(yù)設(shè)浮動(dòng)標(biāo)題欄上邊緣碰撞后，重置所述預(yù)設(shè)浮動(dòng)標(biāo)題欄位置至所述設(shè)備屏幕的頂端外側(cè)，并將所述預(yù)設(shè)浮動(dòng)標(biāo)題欄的內(nèi)容更新為所述上一區(qū)域標(biāo)題欄的內(nèi)容，向下滑動(dòng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄，當(dāng)滑動(dòng)至設(shè)備屏幕的頂端內(nèi)側(cè)時(shí)，停止滑動(dòng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄。實(shí)現(xiàn)wap頁(yè)面在向下滑動(dòng)過程中可以將當(dāng)前顯示區(qū)域的標(biāo)題欄保留在設(shè)備屏幕頂端，使得終端設(shè)備用戶隨時(shí)隨刻進(jìn)入當(dāng)前區(qū)域的子頁(yè)面。
[0061]實(shí)施例五
[0062]圖8示出了本發(fā)明實(shí)施例五提供的wap頁(yè)面標(biāo)題欄顯示系統(tǒng)的結(jié)構(gòu)圖，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，為了便于說(shuō)明，僅示出了與本發(fā)明實(shí)施例相關(guān)的部分，該裝置可以是內(nèi)置于終端設(shè)備中的軟件單元、硬件單元或者軟硬結(jié)合單元，所述系統(tǒng)包括:
[0063]顯示單元81，用于在頁(yè)面滑動(dòng)過程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過程中，通過預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。
[0064]可選的，所述顯示單元81，具體用于在頁(yè)面滑動(dòng)過程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過程中，通過預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕頂端內(nèi)側(cè)持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容，其中，所述預(yù)設(shè)浮動(dòng)標(biāo)題欄為位于設(shè)備屏幕頂端的可滑動(dòng)標(biāo)題欄。
[0065]本發(fā)明實(shí)施例提供的wap頁(yè)面標(biāo)題欄顯示系統(tǒng)可以使用在前述對(duì)應(yīng)的方法實(shí)施例一、二中，詳情參見上述實(shí)施例一、二的描述，在此不再贅述。
[0066]實(shí)施例六
[0067]圖9示出了本發(fā)明實(shí)施例六提供的wap頁(yè)面標(biāo)題欄顯示系統(tǒng)的結(jié)構(gòu)圖，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，為了便于說(shuō)明，僅示出了與本發(fā)明實(shí)施例相關(guān)的部分，該裝置可以是內(nèi)置于終端設(shè)備中的軟件單元、硬件單元或者軟硬結(jié)合單元，所述系統(tǒng)顯示單元91，所述顯示單元91包括上滑模塊911和上滑更新模塊912。
[0068]上滑模塊911，用于在頁(yè)面向上滑動(dòng)過程中，當(dāng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄所在區(qū)域相鄰的下一區(qū)域與所述預(yù)設(shè)浮動(dòng)標(biāo)題欄下邊緣碰撞后，向上滑動(dòng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄；
[0069]上滑更新模塊912，用于當(dāng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄滑動(dòng)至所述設(shè)備屏幕的頂端外側(cè)后，重置所述預(yù)設(shè)浮動(dòng)標(biāo)題欄位置至所述設(shè)備屏幕的頂端內(nèi)側(cè)，并將所述預(yù)設(shè)浮動(dòng)標(biāo)題欄的內(nèi)容更新為所述下一區(qū)域標(biāo)題欄的內(nèi)容。
[0070]本發(fā)明實(shí)施例提供的wap頁(yè)面標(biāo)題欄顯示系統(tǒng)可以使用在前述對(duì)應(yīng)的方法實(shí)施例三中，詳情參見上述實(shí)施例三的描述，在此不再贅述。
[0071]實(shí)施例七
[0072]圖10示出了本發(fā)明實(shí)施例六提供的wap頁(yè)面標(biāo)題欄顯示系統(tǒng)的結(jié)構(gòu)圖，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，為了便于說(shuō)明，僅示出了與本發(fā)明實(shí)施例相關(guān)的部分，該裝置可以是內(nèi)置于終端設(shè)備中的軟件單元、硬件單元或者軟硬結(jié)合單元，所述系統(tǒng)顯示單元101包括下滑更新模塊1011和下滑模塊1012。
[0073]下滑更新模塊1011，用于在頁(yè)面向下滑動(dòng)過程中，當(dāng)預(yù)設(shè)浮動(dòng)標(biāo)題欄所在區(qū)域相鄰的上一區(qū)域與所述預(yù)設(shè)浮動(dòng)標(biāo)題欄上邊緣碰撞后，重置所述預(yù)設(shè)浮動(dòng)標(biāo)題欄位置至所述設(shè)備屏幕的頂端外側(cè)，并將所述預(yù)設(shè)浮動(dòng)標(biāo)題欄的內(nèi)容更新為所述上一區(qū)域標(biāo)題欄的內(nèi)容；
[0074]下滑模塊1012，用于向下滑動(dòng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄，當(dāng)滑動(dòng)至設(shè)備屏幕的頂端內(nèi)側(cè)時(shí)，停止滑動(dòng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄。
[0075]本發(fā)明實(shí)施例提供的wap頁(yè)面標(biāo)題欄顯示系統(tǒng)可以使用在前述對(duì)應(yīng)的方法實(shí)施例四中，詳情參見上述實(shí)施例四的描述，在此不再贅述。
[0076]值得注意的是，上述實(shí)施例中，所包括的各個(gè)單元只是按照功能邏輯進(jìn)行劃分的，但并不局限于上述的劃分，只要能夠?qū)崿F(xiàn)相應(yīng)的功能即可；另外，各功能單元的具體名稱也只是為了便于相互區(qū)分，并不用于限制本發(fā)明的保護(hù)范圍。
[0077]另外，本領(lǐng)域普通技術(shù)人員可以理解實(shí)現(xiàn)上述各實(shí)施例方法中的全部或部分步驟是可以通過程序來(lái)指令相關(guān)的硬件來(lái)完成，相應(yīng)的程序可以存儲(chǔ)于一計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中，所述的存儲(chǔ)介質(zhì)，如R0M/RAM、磁盤或光盤等。
[0078]以上所述僅為本發(fā)明的較佳實(shí)施例而已，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)所作的任何修改、等同替換和改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
【權(quán)利要求】
1.一種wap頁(yè)面標(biāo)題欄顯示方法，其特征在于，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述方法包括: 在頁(yè)面滑動(dòng)過程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過程中，通過預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。
2.如權(quán)利要求1所述的方法，其特征在于，所述在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容具體為: 在所述設(shè)備屏幕頂端內(nèi)側(cè)持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容，其中，所述預(yù)設(shè)浮動(dòng)標(biāo)題欄為位于設(shè)備屏幕頂端的可滑動(dòng)標(biāo)題欄。
3.如權(quán)利要求2所述的方法，其特征在于，所述在頁(yè)面滑動(dòng)過程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過程中，通過預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容具體為: 在頁(yè)面向上滑動(dòng)過程中，當(dāng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄所在區(qū)域相鄰的下一區(qū)域與所述預(yù)設(shè)浮動(dòng)標(biāo)題欄下邊緣碰撞后，向上滑動(dòng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄； 當(dāng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄滑動(dòng)至所述設(shè)備屏幕的頂端外側(cè)后，重置所述預(yù)設(shè)浮動(dòng)標(biāo)題欄位置至所述設(shè)備屏幕的頂端內(nèi)側(cè)，并將所述預(yù)設(shè)浮動(dòng)標(biāo)題欄的內(nèi)容更新為所述下一區(qū)域標(biāo)題欄的內(nèi)容。
4.如權(quán)利要求2所述的方法，其特征在于，所述在頁(yè)面滑動(dòng)過程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo) 題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過程中，通過預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容具體為: 在頁(yè)面向下滑動(dòng)過程中，當(dāng)預(yù)設(shè)浮動(dòng)標(biāo)題欄所在區(qū)域相鄰的上一區(qū)域與所述預(yù)設(shè)浮動(dòng)標(biāo)題欄上邊緣碰撞后，重置所述預(yù)設(shè)浮動(dòng)標(biāo)題欄位置至所述設(shè)備屏幕的頂端外側(cè)，并將所述預(yù)設(shè)浮動(dòng)標(biāo)題欄的內(nèi)容更新為所述上一區(qū)域標(biāo)題欄的內(nèi)容； 向下滑動(dòng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄，當(dāng)滑動(dòng)至設(shè)備屏幕的頂端內(nèi)側(cè)時(shí)，停止滑動(dòng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄。
5.一種wap頁(yè)面標(biāo)題欄顯示系統(tǒng)，其特征在于，所述wap頁(yè)面包括至少一個(gè)區(qū)域，每一區(qū)域包括一標(biāo)題欄，所述系統(tǒng)包括: 顯示單元，用于在頁(yè)面滑動(dòng)過程中，若設(shè)備屏幕當(dāng)前顯示的某個(gè)區(qū)域的標(biāo)題欄不在設(shè)備屏幕內(nèi)，則在所述某個(gè)區(qū)域的顯示過程中，通過預(yù)設(shè)浮動(dòng)標(biāo)題欄，在所述設(shè)備屏幕持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容。
6.如權(quán)利要求6所述的系統(tǒng)，其特征在于，所述顯示單元，具體用于在所述設(shè)備屏幕頂端內(nèi)側(cè)持續(xù)顯示所述某個(gè)區(qū)域的標(biāo)題欄的內(nèi)容，其中，所述預(yù)設(shè)浮動(dòng)標(biāo)題欄為位于設(shè)備屏幕頂端的可滑動(dòng)標(biāo)題欄。
7.如權(quán)利要求6所述的系統(tǒng)，其特征在于，所述顯示單元包括: 上滑模塊，用于在頁(yè)面向上滑動(dòng)過程中，當(dāng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄所在區(qū)域相鄰的下一區(qū)域與所述預(yù)設(shè)浮動(dòng)標(biāo)題欄下邊緣碰撞后，向上滑動(dòng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄； 上滑更新模塊，用于當(dāng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄滑動(dòng)至所述設(shè)備屏幕的頂端外側(cè)后，重置所述預(yù)設(shè)浮動(dòng)標(biāo)題欄位置至所述設(shè)備屏幕的頂端內(nèi)側(cè)，并將所述預(yù)設(shè)浮動(dòng)標(biāo)題欄的內(nèi)容更新為所述下一區(qū)域標(biāo)題欄的內(nèi)容。
8.如權(quán)利要求6所述的系統(tǒng)，其特征在于，所述顯示單元包括: 下滑更新模塊，用于在頁(yè)面向下滑動(dòng)過程中，當(dāng)預(yù)設(shè)浮動(dòng)標(biāo)題欄所在區(qū)域相鄰的上一區(qū)域與所述預(yù)設(shè)浮動(dòng)標(biāo)題欄上邊緣碰撞后，重置所述預(yù)設(shè)浮動(dòng)標(biāo)題欄位置至所述設(shè)備屏幕的頂端外側(cè)，并將所述預(yù)設(shè)浮動(dòng)標(biāo)題欄的內(nèi)容更新為所述上一區(qū)域標(biāo)題欄的內(nèi)容； 下滑模塊，用于向下滑動(dòng)所述預(yù)設(shè)浮動(dòng)標(biāo)題欄，當(dāng)滑動(dòng)至設(shè)備屏幕的頂端內(nèi)側(cè)時(shí)，停止滑動(dòng)所述預(yù)設(shè)浮 動(dòng)標(biāo)題欄。
【文檔編號(hào)】G06F17/30GK104008115SQ201310061879
【公開日】2014年8月27日 申請(qǐng)日期:2013年2月27日 優(yōu)先權(quán)日:2013年2月27日
【發(fā)明者】尚世朝, 張晶, 成媛, 趙娜 申請(qǐng)人:騰訊科技（深圳）有限公司