一種頁面顯示方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及移動通信領(lǐng)域，具體涉及一種頁面顯示方法及裝置。
【背景技術(shù)】
[0002]通常在移動設(shè)備的App上瀏覽網(wǎng)頁或者購物時，網(wǎng)頁需要展示不同種類的商品列表或者新聞列表。由于受移動設(shè)備顯示區(qū)域的限制，軟件開發(fā)人員會在頁面展示多個列表，由此導(dǎo)致各個列表都無法完全顯示每個列表的具體內(nèi)容。在現(xiàn)有技術(shù)中，開發(fā)人員會在每個列表添加一個“更多”的控件或者按鈕來鏈接到完全顯示每個列表具體內(nèi)容的頁面。
[0003]鑒于上述顯示方式，當(dāng)用戶在瀏覽網(wǎng)頁或者購物時，每當(dāng)瀏覽當(dāng)前列表的底部，需要查看當(dāng)前列表的更多具體內(nèi)容需返回當(dāng)前列表的頂部才能點擊“更多”控件，這種操作方式會在長期瀏覽的過程中產(chǎn)生操作不便和較差的用戶體驗。

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

[0004]鑒于上述情況，本發(fā)明提供一種頁面顯示方法和裝置，以解決用戶在移動設(shè)備上瀏覽頁面進入其他列表時不便于瀏覽頁面的操作問題。
[0005]本發(fā)明的技術(shù)方案是提供一種頁面顯示方法，該方法包括:在頁面中加載多個列表，并在多個列表的第一預(yù)設(shè)位置均設(shè)置有能夠分別鏈接至與多個列表對應(yīng)更多信息的第一控件;識別當(dāng)前正在瀏覽的列表以及對應(yīng)內(nèi)容;根據(jù)識別的當(dāng)前正在瀏覽的列表，在屏幕的第二預(yù)設(shè)位置固定設(shè)置能夠鏈接至與該當(dāng)前瀏覽的列表對應(yīng)更多信息的第二控件。
[0006]可選地，識別當(dāng)前正在瀏覽的列表以及對應(yīng)內(nèi)容包括:根據(jù)當(dāng)前顯示的列表的該第一控件與屏幕顯示區(qū)域的位置關(guān)系，將該列表識別為當(dāng)前瀏覽的列表。
[0007]可選地，識別當(dāng)前正在瀏覽的列表以及對應(yīng)內(nèi)容還包括:獲取當(dāng)前屏幕滾動高度、每個列表的第一控件的第一垂直坐標(biāo)和該列表的底部的第二垂直坐標(biāo);如果該當(dāng)前屏幕滾動高度大于該第一垂直坐標(biāo)且小于該第二垂直坐標(biāo)，則該列表為當(dāng)前瀏覽的列表。
[0008]可選地，該第一預(yù)設(shè)位置包括但不限于該列表的右上角。
[0009]可選地，該第二預(yù)設(shè)位置包括但不限于該屏幕的頂部。
[0010]本發(fā)明還提供一種頁面顯示裝置，該裝置包括:頁面信息模塊，用于在頁面中加載多個列表，并在多個列表的第一預(yù)設(shè)位置均設(shè)置有能夠分別鏈接至與多個列表對應(yīng)更多信息的第一控件;位置處理模塊，用于識別當(dāng)前正在瀏覽的列表以及對應(yīng)內(nèi)容;控件生成模塊，用于根據(jù)識別的當(dāng)前正在瀏覽的列表，在屏幕的第二預(yù)設(shè)位置固定設(shè)置能夠鏈接至與該當(dāng)前瀏覽的列表對應(yīng)更多信息的第二控件。
[0011]可選地，該位置處理模塊，根據(jù)當(dāng)前顯示的列表的該第一控件與屏幕顯示區(qū)域的位置關(guān)系，將該列表識別為當(dāng)前瀏覽的列表。
[0012]可選地，該位置處理模塊還包括:位置計算模塊，用于獲取當(dāng)前屏幕滾動高度、每個列表的所述第一控件的第一垂直坐標(biāo)和該列表的底部的第二垂直坐標(biāo);位置判斷模塊，用于如果該當(dāng)前屏幕滾動高度大于該第一垂直坐標(biāo)且小于該第二垂直坐標(biāo)，則該列表為當(dāng)前瀏覽的列表。
[0013]可選地，該第一預(yù)設(shè)位置包括但不限于該列表的右上角。
[0014]可選地，該第二預(yù)設(shè)位置包括但不限于該屏幕的頂部。
[0015]通過本發(fā)明提供的頁面顯示方法和裝置能夠在移動設(shè)備上選購商品或者瀏覽頁面進入其他列表時，方便用戶的操作，有效提高用戶的使用體驗。
【附圖說明】
[0016]為了更清楚地說明本發(fā)明實施例中的技術(shù)方案，下面將對實施例描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。在附圖中:
[0017]圖1為本發(fā)明的應(yīng)用場景不意圖；
[0018]圖2為本發(fā)明的方法流程圖；
[0019]圖3為本發(fā)明的裝置示意圖。
【具體實施方式】
[0020]為使本發(fā)明實施例的目的、技術(shù)方案和優(yōu)點更加清楚明白，下面結(jié)合附圖對本發(fā)明實施例做進一步詳細說明。在此，本發(fā)明的示意性實施例及其說明用于解釋本發(fā)明，但并不作為對本發(fā)明的限定。
[0021]根據(jù)本發(fā)明的實施方式，提出了一種頁面顯示方法和顯示裝置。
[0022]應(yīng)用場景總覽
[0023]圖1為本發(fā)明的應(yīng)用場景示意圖。具體地，本發(fā)明的應(yīng)用場景包括應(yīng)用軟件(以下簡稱App)和移動終端，其中，移動終端例如可以但不限于手機、平板電腦、個人數(shù)字助理、車載電腦、電子書閱讀器等移動電子設(shè)備。
[0024]需要理解的是，網(wǎng)頁頁面的高度記為H，當(dāng)前屏幕顯示的高度記為H2，而在本文中，所涉及的術(shù)語“滾動高度”為當(dāng)前屏幕的頂點至網(wǎng)頁頁面頂點之間的距離H1。
[0025]實施例一
[0026]圖2為本發(fā)明的頁面顯示方法流程圖。該方法包括:在頁面中加載多個列表，并在多個列表的第一預(yù)設(shè)位置均設(shè)置有能夠分別鏈接至與多個列表對應(yīng)更多信息的第一控件；識別當(dāng)前正在瀏覽的列表以及對應(yīng)內(nèi)容;根據(jù)識別的當(dāng)前正在瀏覽的列表，在屏幕的第二預(yù)設(shè)位置固定設(shè)置能夠鏈接至與該當(dāng)前瀏覽的列表對應(yīng)更多信息的第二控件。
[0027]可選地，識別當(dāng)前正在瀏覽的列表以及對應(yīng)內(nèi)容包括:根據(jù)當(dāng)前顯示的列表的該第一控件與屏幕顯示區(qū)域的位置關(guān)系，將該列表識別為當(dāng)前瀏覽的列表。
[0028]可選地，識別當(dāng)前正在瀏覽的列表以及對應(yīng)內(nèi)容還包括:獲取當(dāng)前屏幕滾動高度、每個列表的第一控件的第一垂直坐標(biāo)和該列表的底部的第二垂直坐標(biāo);如果該當(dāng)前屏幕滾動高度大于該第一垂直坐標(biāo)且小于該第二垂直坐標(biāo)，則該列表為當(dāng)前瀏覽的列表。
[0029]可選地，該第一預(yù)設(shè)位置包括但不限于該列表的右上角。
[0030]可選地，該第二預(yù)設(shè)位置包括但不限于該屏幕的頂部。
[0031]下面結(jié)合一個具體的實施例對本發(fā)明進行具體描述，然而值得注意的是該具體實施例僅是為了更好地描述本發(fā)明，并不構(gòu)成對本發(fā)明的不當(dāng)限定。
[0032]用戶點擊手機執(zhí)行App的時候，打開手機App之后會根據(jù)頁面內(nèi)容在頁面上加載多個預(yù)設(shè)列表，然后每一個預(yù)設(shè)列表的右上角生成一個“更多”控件，同時在“更多”控件的左側(cè)設(shè)置顯示每一個模塊的預(yù)設(shè)名稱。當(dāng)用戶在App上選購商品或者瀏覽頁面時，根據(jù)用戶的向上拖動動作，手機頁面會按照頁面預(yù)先設(shè)置的列表順序依次顯示這些預(yù)設(shè)列表。
[0033]根據(jù)當(dāng)前正在瀏覽的該列表的該第一控件與屏幕顯示區(qū)域的位置關(guān)系，識別該列表為當(dāng)前瀏覽的列表。具體來說，獲取當(dāng)前屏幕滾動高度Hl以及循環(huán)獲取網(wǎng)頁頁面中的每一個列表右上角“更多”控件的垂直坐標(biāo)Xl和對應(yīng)列表底部的垂直坐標(biāo)X2。
[0034]具體判斷方法如下:
[0035]依次獲取已經(jīng)越過的屏幕位置的“更多”控件并讀取這些“更多”控件的垂直坐標(biāo)X；
[0036]比較條件為:當(dāng)前列表中控件的垂直坐標(biāo)Xl小于滾動高度Hl，并且該列表底部的垂直坐標(biāo)X2大于滾動高度Hl:
[0037]如果不符合條件且有下一個列表，循環(huán)下一個列表；
[0038]如果符合條件，即滾動高度Hl大于當(dāng)前列表中控件的垂直坐標(biāo)XI，并且滾動高度Hl小于列表底部垂直坐標(biāo)X2，則記錄當(dāng)前列表中“更多”控件的索引為待顯示的信息索引