瀑布流界面顯示方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及網(wǎng)絡(luò)技術(shù)領(lǐng)域，特別涉及一種瀑布流界面顯示方法及裝置。
【背景技術(shù)】
[0002]瀑布流(waterflow)，又稱瀑布流式布局，是目前較為流行的一種網(wǎng)站頁面布局。其視覺表現(xiàn)為參差不齊的多欄布局，隨著頁面滾動條向下滾動，這種布局還會不斷加載數(shù)據(jù)并附加至當前的頁面尾部。
[0003]當前使用較多的一種瀑布流界面顯示方法為傳統(tǒng)多列浮動式界面顯示方法。其特點是界面中有多列數(shù)據(jù)，每一列的寬度固定。具體實現(xiàn)時，當服務(wù)器接收到終端的數(shù)據(jù)請求后，服務(wù)器根據(jù)終端的數(shù)據(jù)請求以列表(list)形式下發(fā)數(shù)據(jù)單元(data cell)至終端，由終端將接收到的數(shù)據(jù)單元依次插入到各個列的尾部。數(shù)據(jù)單元在顯示界面上的顯示示意圖如圖1所示。
[0004]在實現(xiàn)本發(fā)明的過程中，發(fā)明人發(fā)現(xiàn)現(xiàn)有技術(shù)至少存在以下問題:
[0005]由于傳統(tǒng)多列浮動式界面顯示方法中列數(shù)固定，所以擴展性不好，當需要添加一列時，需要對已有的數(shù)據(jù)單元排列進行調(diào)整，其過程過于復(fù)雜；且由于每一列的寬度固定，所以極大地限制了數(shù)據(jù)單元的顯示樣式。

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

[0006]為了解決現(xiàn)有技術(shù)的問題，本發(fā)明實施例提供了一種瀑布流界面顯示方法及裝置。所述技術(shù)方案如下:
[0007]第一方面，提供了一種瀑布流界面顯示方法，所述方法包括:
[0008]向服務(wù)器發(fā)送數(shù)據(jù)獲取請求，使得所述服務(wù)器根據(jù)所述數(shù)據(jù)獲取請求下發(fā)多個數(shù)據(jù)單元及與所述多個數(shù)據(jù)單元對應(yīng)的布局因子；
[0009]當接收到所述多個數(shù)據(jù)單元及與所述多個數(shù)據(jù)單元對應(yīng)的布局因子時，對于多個數(shù)據(jù)單元中的每一個數(shù)據(jù)單元，根據(jù)所述數(shù)據(jù)單元對應(yīng)的布局因子，確定所述數(shù)據(jù)單元的顯示框體信息；所述布局因子由所述服務(wù)器根據(jù)用戶訪問量生成；
[0010]根據(jù)所述多個數(shù)據(jù)單元的顯示框體信息，在顯示界面上對所述多個數(shù)據(jù)單元進行顯不O
[0011]第二方面，提供了一種瀑布流界面顯示方法，所述方法包括:
[0012]接收終端發(fā)送的數(shù)據(jù)獲取請求；
[0013]根據(jù)所述數(shù)據(jù)獲取請求，獲取多個數(shù)據(jù)單元及與所述多個數(shù)據(jù)單元對應(yīng)的布局因子，所述布局因子根據(jù)用戶訪問量生成；
[0014]將所述多個數(shù)據(jù)單元及所述多個數(shù)據(jù)單元對應(yīng)的布局因子下發(fā)至所述終端，以使所述終端根據(jù)所述多個數(shù)據(jù)單元對應(yīng)的布局因子，確定所述多個數(shù)據(jù)單元的顯示框體信息，并根據(jù)所述多個數(shù)據(jù)單元的顯示框體信息，在顯示界面上對所述多個數(shù)據(jù)單元進行顯示;
[0015]其中，所述布局因子包括布局權(quán)重及布局算法。
[0016]第三方面，提供了一種瀑布流界面顯示裝置，所述裝置包括:
[0017]數(shù)據(jù)獲取請求發(fā)送模塊，用于向服務(wù)器發(fā)送數(shù)據(jù)獲取請求，使得所述服務(wù)器根據(jù)所述數(shù)據(jù)獲取請求下發(fā)多個數(shù)據(jù)單元及與所述多個數(shù)據(jù)單元對應(yīng)的布局因子；
[0018]顯示框體信息確定模塊，用于當接收到所述多個數(shù)據(jù)單元及與所述多個數(shù)據(jù)單元對應(yīng)的布局因子時，對于多個數(shù)據(jù)單元中的每一個數(shù)據(jù)單元，根據(jù)所述數(shù)據(jù)單元對應(yīng)的布局因子，確定所述數(shù)據(jù)單元的顯示框體信息；所述布局因子由所述服務(wù)器根據(jù)用戶訪問量生成；
[0019]數(shù)據(jù)單元顯示模塊，用于根據(jù)所述多個數(shù)據(jù)單元的顯示框體信息，在顯示界面上對所述多個數(shù)據(jù)單元進行顯示。
[0020]第四方面，提供了一種瀑布流界面顯示裝置，所述裝置包括:
[0021]數(shù)據(jù)獲取請求接收模塊，用于接收終端發(fā)送的數(shù)據(jù)獲取請求；
[0022]布局因子獲取模塊，用于根據(jù)所述數(shù)據(jù)獲取請求，獲取多個數(shù)據(jù)單元及與所述多個數(shù)據(jù)單元對應(yīng)的布局因子，所述布局因子根據(jù)用戶訪問量生成；
[0023]數(shù)據(jù)下發(fā)模塊，用于將所述多個數(shù)據(jù)單元及所述多個數(shù)據(jù)單元對應(yīng)的布局因子下發(fā)至所述終端，以使所述終端根據(jù)所述多個數(shù)據(jù)單元對應(yīng)的布局因子，確定所述多個數(shù)據(jù)單元的顯示框體信息，并根據(jù)所述多個數(shù)據(jù)單元的顯示框體信息，在顯示界面上對所述多個數(shù)據(jù)單元進行顯示；
[0024]其中，所述布局因子包括布局權(quán)重及布局算法。
[0025]本發(fā)明實施例提供的技術(shù)方案帶來的有益效果是:
[0026]當接收到多個數(shù)據(jù)單元及與多個數(shù)據(jù)單元對應(yīng)的布局因子時，根據(jù)每一個數(shù)據(jù)單元對應(yīng)的布局因子確定數(shù)據(jù)單元的顯示框體信息，并根據(jù)多個數(shù)據(jù)單元的顯示框體信息在顯示界面上對多個數(shù)據(jù)單元進行顯示，由于引入了布局因子，所以顯示界面上的數(shù)據(jù)單元列數(shù)可隨意變化，因此該種顯示方式擴展性好；且每一列的寬度也可隨意變化，所以豐富了數(shù)據(jù)單元的顯示樣式，使得瀑布流界面顯示更加智能化。
【附圖說明】
[0027]為了更清楚地說明本發(fā)明實施例中的技術(shù)方案，下面將對實施例描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0028]圖1是本發(fā)明實施例提供的一種瀑布流界面的顯示示意圖；
[0029]圖2是本發(fā)明實施例提供的應(yīng)用場景系統(tǒng)架構(gòu)圖；
[0030]圖3是本發(fā)明實施例提供的一種瀑布流界面顯示的方法流程圖；
[0031]圖4是本發(fā)明實施例提供的一種瀑布流界面顯示的方法流程圖；
[0032]圖5是本發(fā)明實施例提供的一種瀑布流界面顯示的方法流程圖；
[0033]圖6是本發(fā)明實施例提供的一種瀑布流界面的顯示示意圖；
[0034]圖7是本發(fā)明實施例提供的一種瀑布流界面顯示裝置的結(jié)構(gòu)示意圖；
[0035]圖8是本發(fā)明實施例提供的一種瀑布流界面顯示裝置的結(jié)構(gòu)示意圖；
[0036]圖9是本發(fā)明實施例提供的一種終端的結(jié)構(gòu)示意圖；
[0037]圖10是本發(fā)明實施例四提供的一種服務(wù)器的結(jié)構(gòu)示意圖。
【具體實施方式】
[0038]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點更加清楚，下面將結(jié)合附圖對本發(fā)明實施方式作進一步地詳細描述。
[0039]在對本發(fā)明實施例作詳細介紹之前，先對本發(fā)明實施例的應(yīng)用場景給予介紹。參見圖2，本發(fā)明實施例的典型應(yīng)用場景為:當用戶通過終端進行網(wǎng)頁瀏覽操作時，為了使得終端顯示界面上顯示的網(wǎng)頁布局更加美觀，瀑布流界面更加智能化，本發(fā)明實施例引入了布局因子，該布局因子根據(jù)用戶訪問量生成，包括布局權(quán)重和布局算法。具體步驟包括:終端向服務(wù)器發(fā)送數(shù)據(jù)獲取請求，使得服務(wù)器根據(jù)數(shù)據(jù)獲取請求下發(fā)多個數(shù)據(jù)單元及與多個數(shù)據(jù)單元對應(yīng)的布局因子；當終端接收到多個數(shù)據(jù)單元及與多個數(shù)據(jù)單元對應(yīng)的布局因子時，對于多個數(shù)據(jù)單元中的每一個數(shù)據(jù)單元，根據(jù)數(shù)據(jù)單元對應(yīng)的布局因子，確定數(shù)據(jù)單元的顯示框體信息；根據(jù)多個數(shù)據(jù)單元的顯示框體信息，在顯示界面上對多個數(shù)據(jù)單元進行顯示。其中，終端既可指代移動終端，也可指代固定終端，圖2僅以終端移動終端為例進行說明。
[0040]圖3是本發(fā)明實施例提供的一種瀑布流界面顯示的方法流程圖。以終端執(zhí)行該方法的角度為例，參見圖3，本發(fā)明實施例提供的方法流程包括:
[0041]301、向服務(wù)器發(fā)送數(shù)據(jù)獲取請求，使得服務(wù)器根據(jù)數(shù)據(jù)獲取請求下發(fā)多個數(shù)據(jù)單元及與多個數(shù)據(jù)單元對應(yīng)的布局因子。
[0042]302、當接收到多個數(shù)據(jù)單元及與多個數(shù)據(jù)單元對應(yīng)的布局因子時，對于多個數(shù)據(jù)單元中的每一個數(shù)據(jù)單元，根據(jù)數(shù)據(jù)單元對應(yīng)的布局因子，確定數(shù)據(jù)單元的顯示框體信息；布局因子由服務(wù)器根據(jù)用戶訪問量生成。
[0043]303、根據(jù)多個數(shù)據(jù)單元的顯示框體信息，在顯示界面上對多個數(shù)據(jù)單元進行顯
/Jn ο
[0044]本發(fā)明實施例提供的方法，當接收到多個數(shù)據(jù)單元及與多個數(shù)據(jù)單元對應(yīng)的布局因子時，根據(jù)每一個數(shù)據(jù)單元對應(yīng)的布局因子確定數(shù)據(jù)單元的顯示框體信息，并根據(jù)多個數(shù)據(jù)單元的顯示框體信息在顯示界面上對多個數(shù)據(jù)單元進行顯示，由于引入了布局因子，所以顯示界面上的數(shù)據(jù)單元列數(shù)可隨意變化，因此該種顯示方式擴展性好；且每一列的寬度也可隨意變化，所以豐富了數(shù)據(jù)單元的顯示樣式，使得瀑布流界面顯示更加智能化。
[0045]可選地，布局因子包括布局權(quán)重及布局算法，根據(jù)數(shù)據(jù)單元對應(yīng)的布局因子，確定數(shù)據(jù)單元的顯示框體信息,包括:
[0046]將數(shù)據(jù)單元的布局權(quán)重作為數(shù)據(jù)單元的布局算法的輸入?yún)?shù)，利用數(shù)據(jù)單元的布局算法計算數(shù)據(jù)單元的顯示框體信息。
[0047]可選地，顯示框體信息中包括顯示框體的頂點坐標數(shù)據(jù)、顯示框體的高度值及顯示框體的寬度值，根據(jù)多個數(shù)據(jù)單元的顯示框體信息，在顯示界面上對多個數(shù)據(jù)單元進行顯示，包括:
[0048]對于多個數(shù)據(jù)單元中的每一個數(shù)據(jù)單元，根據(jù)頂點坐標數(shù)據(jù)，確定數(shù)據(jù)單元的顯示框體的任一頂點在顯示界面中的位置；<