一種顯示方法及裝置的制造方法
【專利摘要】本申請公開了一種顯示方法及裝置，方法包括：在判斷達到設(shè)定數(shù)據(jù)獲取條件時，從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)，計算各個列表數(shù)據(jù)對應(yīng)的控件的布局，該布局包括控件的顯示位置及控件的尺寸，在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，按照計算得到的目標列表數(shù)據(jù)對應(yīng)的控件的布局，進行目標列表數(shù)據(jù)的顯示。本申請客戶端在判斷達到設(shè)定數(shù)據(jù)獲取條件時，一次性從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)，并在獲取后進行各個列表數(shù)據(jù)的控件的布局，在確定某條目標列表數(shù)據(jù)需要顯示時，可以按照計算得到的目標列表數(shù)據(jù)對應(yīng)控件的布局，直接進行目標列表數(shù)據(jù)的顯示，避免了列表數(shù)據(jù)顯示卡頓、不流暢的問題。
【專利說明】
一種顯示方法及裝置
技術(shù)領(lǐng)域
[0001]本申請涉及應(yīng)用軟件技術(shù)領(lǐng)域，更具體地說，涉及一種顯示方法及裝置。
【背景技術(shù)】
[0002]隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，基于互聯(lián)網(wǎng)的應(yīng)用服務(wù)也日益多樣化。用戶可以通過客戶端來調(diào)取服務(wù)器存儲的數(shù)據(jù)，并通過客戶端進行展示。
[0003]以微信朋友圈為例，用戶登錄后在朋友圈頁面通過向下滑動可以查看各個好友發(fā)布的消息，包含圖片、文字和視頻。
[0004]現(xiàn)有應(yīng)用的消息顯示邏輯大致包括，用戶通過滑動等操作請求某一條列表數(shù)據(jù)，客戶端響應(yīng)用戶的這一操作，臨時向服務(wù)器請求該條列表數(shù)據(jù)。在得到服務(wù)器返回的該條列表數(shù)據(jù)后，確定該條列表數(shù)據(jù)所包含的元素類型，元素類型可以包括圖片類型、文字類型、視頻類型等，根據(jù)元素類型確定與列表數(shù)據(jù)對應(yīng)的控件，進一步計算列表數(shù)據(jù)對應(yīng)的控件的布局，包括控件的顯示位置、控件的寬度、高度等，最后，按照計算得到的控件的布局，進行列表數(shù)據(jù)的渲染顯示。
[0005]由上可知，現(xiàn)有技術(shù)在用戶請求顯示某一列表數(shù)據(jù)時才臨時獲取該條列表數(shù)據(jù)，并經(jīng)過布局計算后才能夠顯示，而布局計算過程需要耗費一定時間，從而造成列表數(shù)據(jù)顯示卡頓、不流暢的問題。

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

[0006]有鑒于此，本申請?zhí)峁┝艘环N顯示方法及裝置，用于解決現(xiàn)有技術(shù)在顯示列表數(shù)據(jù)時容易出現(xiàn)卡頓、不流暢的問題。
[0007]為了實現(xiàn)上述目的，現(xiàn)提出的方案如下:
[0008]—種顯示方法，包括:
[0009]在判斷達到設(shè)定數(shù)據(jù)獲取條件時，從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)；
[0010]根據(jù)各個所述列表數(shù)據(jù)所包含的元素類型，確定各個列表數(shù)據(jù)對應(yīng)的控件；
[0011 ]計算各個列表數(shù)據(jù)對應(yīng)的控件的布局，所述布局包含控件的顯示位置及控件的尺寸；
[0012]在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，按照計算得到的所述目標列表數(shù)據(jù)對應(yīng)的控件的布局，進行目標列表數(shù)據(jù)的顯示。
[0013]優(yōu)選地，所述在判斷達到設(shè)定數(shù)據(jù)獲取條件時，從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)，包括:
[0014]判斷上一周期從服務(wù)器獲取的設(shè)定數(shù)量的列表數(shù)據(jù)是否已經(jīng)顯示了設(shè)定比例，若是，則從服務(wù)器獲取當前周期設(shè)定數(shù)量的列表數(shù)據(jù)。
[0015]優(yōu)選地，所述根據(jù)各個所述列表數(shù)據(jù)所包含的元素類型，確定各個列表數(shù)據(jù)對應(yīng)的控件，包括:
[0016]確定各個所述列表數(shù)據(jù)所包含的元素類型；
[0017]根據(jù)元素類型與控件類型間對應(yīng)關(guān)系，確定各個所述列表數(shù)據(jù)所包含的元素類型對應(yīng)的控件類型，作為各個列表數(shù)據(jù)對應(yīng)的控件類型。
[0018]優(yōu)選地，所述在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，按照計算得到的所述目標列表數(shù)據(jù)對應(yīng)的控件的布局，進行目標列表數(shù)據(jù)的顯示，包括:
[0019]在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，在預(yù)先創(chuàng)建的列表模板集合中查找目標列表模板，所述目標列表模板僅包含所述目標列表數(shù)據(jù)對應(yīng)的控件類型的控件；
[0020]按照計算得到的所述目標列表對應(yīng)的控件的布局，對所述目標列表模板中的控件進行布局設(shè)置；
[0021]將所述目標列表數(shù)據(jù)按照元素類型加載到對應(yīng)的控件中，進行渲染顯示。
[0022]優(yōu)選地，所述元素類型包含圖片類型、文字類型和視頻類型；
[0023]在所述計算各個列表數(shù)據(jù)對應(yīng)的控件的布局之前，還包括:
[0024]若確定某個列表數(shù)據(jù)包含圖片類型的元素時，根據(jù)終端的分辨率對該列表數(shù)據(jù)中圖片類型的元素進行裁剪處理，在裁剪處理完畢后執(zhí)行計算該列表數(shù)據(jù)對應(yīng)的控件的布局的步驟。
[0025]一種顯示裝置，包括:
[0026]列表數(shù)據(jù)獲取單元，用于在判斷達到設(shè)定數(shù)據(jù)獲取條件時，從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)；
[0027]控件確定單元，用于根據(jù)各個所述列表數(shù)據(jù)所包含的元素類型，確定各個列表數(shù)據(jù)對應(yīng)的控件；
[0028]布局計算單元，用于計算各個列表數(shù)據(jù)對應(yīng)的控件的布局，所述布局包含控件的顯示位置及控件的尺寸；
[0029]顯示單元，用于在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，按照計算得到的所述目標列表數(shù)據(jù)對應(yīng)的控件的布局，進行目標列表數(shù)據(jù)的顯示。
[0030]優(yōu)選地，所述列表數(shù)據(jù)獲取單元包括:
[0031]第一列表數(shù)據(jù)獲取子單元，用于判斷上一周期從服務(wù)器獲取的設(shè)定數(shù)量的列表數(shù)據(jù)是否已經(jīng)顯示了設(shè)定比例，若是，則從服務(wù)器獲取當前周期設(shè)定數(shù)量的列表數(shù)據(jù)。
[0032]優(yōu)選地，所述控件確定單元包括:
[0033]元素類型確定單元，用于確定各個所述列表數(shù)據(jù)所包含的元素類型；
[0034]控件類型確定單元，用于根據(jù)元素類型與控件類型間對應(yīng)關(guān)系，確定各個所述列表數(shù)據(jù)所包含的元素類型對應(yīng)的控件類型，作為各個列表數(shù)據(jù)對應(yīng)的控件類型。
[0035]優(yōu)選地，所述顯示單元包括:
[0036]目標列表模板查找單元，用于在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，在預(yù)先創(chuàng)建的列表模板集合中查找目標列表模板，所述目標列表模板僅包含所述目標列表數(shù)據(jù)對應(yīng)的控件類型的控件；
[0037]布局設(shè)置單元，用于按照計算得到的所述目標列表對應(yīng)的控件的布局，對所述目標列表模板中的控件進行布局設(shè)置；
[0038]數(shù)據(jù)加載單元，用于將所述目標列表數(shù)據(jù)按照元素類型加載到對應(yīng)的控件中，進行渲染顯示。
[0039]優(yōu)選地，所述元素類型包含圖片類型、文字類型和視頻類型;該裝置還包括:
[0040]圖片裁剪單元，用于在確定某個列表數(shù)據(jù)包含圖片類型的元素時，根據(jù)終端的分辨率對該列表數(shù)據(jù)中圖片類型的元素進行裁剪處理，在裁剪處理完畢后執(zhí)行所述布局計算單元。
[0041]從上述的技術(shù)方案可以看出，本申請實施例提供的顯示方法，客戶端在判斷達到設(shè)定數(shù)據(jù)獲取條件時，從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)，計算各個列表數(shù)據(jù)對應(yīng)的控件的布局，該布局包括控件的顯示位置及控件的尺寸，在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，按照計算得到的目標列表數(shù)據(jù)對應(yīng)的控件的布局，進行目標列表數(shù)據(jù)的顯示。由此可知，本申請客戶端在判斷達到設(shè)定數(shù)據(jù)獲取條件時，一次性從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)，并在獲取后進行各個列表數(shù)據(jù)的控件的布局，進而在確定某條目標列表數(shù)據(jù)需要顯示時，可以按照計算得到的目標列表數(shù)據(jù)對應(yīng)控件的布局，直接進行目標列表數(shù)據(jù)的顯示，避免了在用戶請求顯示目標列表數(shù)據(jù)時才臨時進行布局計算所造成的用戶響應(yīng)時間長、列表數(shù)據(jù)顯示卡頓、不流暢的問題。
【附圖說明】
[0042]為了更清楚地說明本申請實施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本申請的實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)提供的附圖獲得其他的附圖。
[0043]圖1為本申請實施例公開的一種顯示方法流程圖；
[0044]圖2為本申請實施例公開的另一種顯示方法流程圖；
[0045]圖3為本申請實施例公開的又一種顯示方法流程圖；
[0046]圖4為本申請實施例公開的又一種顯示方法流程圖；
[0047]圖5為本申請實施例公開的一種顯示裝置結(jié)構(gòu)示意圖。
【具體實施方式】
[0048]下面將結(jié)合本申請實施例中的附圖，對本申請實施例中的技術(shù)方案進行清楚、完整地描述，顯然，所描述的實施例僅僅是本申請一部分實施例，而不是全部的實施例?；诒旧暾堉械膶嵤├?，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本申請保護的范圍。
[0049]參見圖1，圖1為本申請實施例公開的一種顯示方法流程圖。
[0050]如圖1所示，該方法包括:
[0051]步驟S100、在判斷達到設(shè)定數(shù)據(jù)獲取條件時，從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)；
[0052]具體地，用戶登錄客戶端之后，客戶端可以從服務(wù)器調(diào)取該用戶相關(guān)的列表數(shù)據(jù)，以朋友圈為例，客戶端可以調(diào)取用戶的各個好友發(fā)布的狀態(tài)數(shù)據(jù)。
[0053]客戶端獲取列表數(shù)據(jù)的時機可以是客戶端在判斷達到設(shè)定數(shù)據(jù)獲取條件時，從服務(wù)器獲取列表數(shù)據(jù)。該設(shè)定數(shù)據(jù)獲取條件有以有多種，具體看用戶設(shè)定的規(guī)則。
[0054]客戶端每次從服務(wù)器獲取列表數(shù)據(jù)時，獲取的列表數(shù)據(jù)的數(shù)量可以是預(yù)先設(shè)定的，例如每次獲取10條，或者每次獲取若干頁面的列表數(shù)據(jù)等。
[0055]這里需要說明的是，客戶端獲取列表數(shù)據(jù)時，按照列表數(shù)據(jù)從服務(wù)器中存儲的順序依次獲取，該存儲順序也是客戶端顯示列表數(shù)據(jù)時的顯示順序。以朋友圈為例，顯示順序為按照發(fā)布時間排序。
[0056]步驟SI10、根據(jù)各個所述列表數(shù)據(jù)所包含的元素類型，確定各個列表數(shù)據(jù)對應(yīng)的控件；
[0057]這里，列表數(shù)據(jù)所包含的元素可以是圖片、文字、視頻等，對應(yīng)的元素類型即為圖片類型、文字類型、視頻類型。
[0058]由于不同類型的元素需要不同類型的控件進行加載，因此本步驟中根據(jù)各個列表數(shù)據(jù)所包含的元素類型，確定各個列表數(shù)據(jù)對應(yīng)的控件。
[0059]步驟S120、計算各個列表數(shù)據(jù)對應(yīng)的控件的布局；
[0060]具體地，根據(jù)列表數(shù)據(jù)中元素的具體數(shù)據(jù)不同，對應(yīng)控件布局也不同。布局包含控件的顯示位置及控件的尺寸。
[0061]仍以朋友圈為例，用戶發(fā)布的一條列表數(shù)據(jù)包含一串文字和一張圖片，則根據(jù)文字長度和高度的不同，對應(yīng)文字控件的尺寸不同。同樣，根據(jù)用戶發(fā)布的圖片的尺寸不同，對應(yīng)圖片控件的尺寸也不同。
[0062]步驟S130、在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，按照計算得到的所述目標列表數(shù)據(jù)對應(yīng)的控件的布局，進行目標列表數(shù)據(jù)的顯示。
[0063]具體地，客戶端確定需要顯示獲取的列表數(shù)據(jù)中的某一條目標列表數(shù)據(jù)的過程可以是，客戶端接收到用戶對新的列表數(shù)據(jù)的顯示指令，例如用戶觸發(fā)翻頁操作，或用戶滑動頁面等操作。
[0064]本步驟中按照目標列表數(shù)據(jù)對應(yīng)的控件的布局，進行目標列表數(shù)據(jù)的顯示過程與現(xiàn)有顯示方式相同，對此不做過多介紹。
[0065]本申請實施例提供的顯示方法，客戶端在判斷達到設(shè)定數(shù)據(jù)獲取條件時，從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)，計算各個列表數(shù)據(jù)對應(yīng)的控件的布局，該布局包括控件的顯示位置及控件的尺寸，在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，按照計算得到的目標列表數(shù)據(jù)對應(yīng)的控件的布局，進行目標列表數(shù)據(jù)的顯示。由此可知，本申請客戶端在判斷達到設(shè)定數(shù)據(jù)獲取條件時，一次性從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)，并在獲取后進行各個列表數(shù)據(jù)的控件的布局，進而在確定某條目標列表數(shù)據(jù)需要顯示時，可以按照計算得到的目標列表數(shù)據(jù)對應(yīng)控件的布局，直接進行目標列表數(shù)據(jù)的顯示，避免了在用戶請求顯示目標列表數(shù)據(jù)時才臨時進行布局計算所造成的用戶響應(yīng)時間長、列表數(shù)據(jù)顯示卡頓、不流暢的問題。
[0066]本實施例中對于布局計算和列表數(shù)據(jù)的渲染顯示過程，采用異步線程處理，在客戶端獲取設(shè)定數(shù)量的列表數(shù)據(jù)之后即通過第一線程計算各個列表數(shù)據(jù)對應(yīng)的控件的布局。第二線程在確定需要顯示某個列表數(shù)據(jù)時，通過第一線程計算得到的該列表數(shù)據(jù)對應(yīng)的控件的布局，進行列表數(shù)據(jù)的顯示。
[0067]參見圖2，圖2為本申請實施例公開的另一種顯示方法流程圖。
[0068]如圖2所示，該方法包括:
[0069]步驟S200、判斷上一周期從服務(wù)器獲取的設(shè)定數(shù)量的列表數(shù)據(jù)是否已經(jīng)顯示了設(shè)定比例，若是，則執(zhí)行步驟S210;
[0070]具體地，本實施例中對于客戶端從服務(wù)器獲取列表數(shù)據(jù)的過程進行了介紹?？蛻舳双@取列表數(shù)據(jù)是周期性獲取的，每當客戶端確定上一周期從服務(wù)器獲取的設(shè)定數(shù)量的列表數(shù)據(jù)已經(jīng)顯示了設(shè)定比例時，則執(zhí)行下述步驟，從服務(wù)器獲取當前周期設(shè)定數(shù)量的列表數(shù)據(jù)。
[0071]其中，設(shè)定比例可以由用戶設(shè)定，例如90%或100%等。
[0072]以設(shè)定比例為90%，設(shè)定數(shù)量為10為例進行舉例說明:
[0073]上一周期從服務(wù)器獲取的列表數(shù)據(jù)為10條。服務(wù)器當檢測到第9條列表數(shù)據(jù)已經(jīng)完成顯示，則確定需要從服務(wù)器獲取當前周期的10條列表數(shù)據(jù)。
[0074]步驟S210、從服務(wù)器獲取當前周期設(shè)定數(shù)量的列表數(shù)據(jù)；
[0075]步驟S220、根據(jù)獲取的當前周期的各個所述列表數(shù)據(jù)所包含的元素類型，確定各個列表數(shù)據(jù)對應(yīng)的控件；
[0076]這里，列表數(shù)據(jù)所包含的元素可以是圖片、文字、視頻等，對應(yīng)的元素類型即為圖片類型、文字類型、視頻類型。
[0077]由于不同類型的元素需要不同類型的控件進行加載，因此本步驟中根據(jù)各個列表數(shù)據(jù)所包含的元素類型，確定各個列表數(shù)據(jù)對應(yīng)的控件。
[0078]步驟S230、計算各個列表數(shù)據(jù)對應(yīng)的控件的布局；
[0079]具體地，根據(jù)列表數(shù)據(jù)中元素的具體數(shù)據(jù)不同，對應(yīng)控件布局也不同。布局包含控件的顯示位置及控件的尺寸。
[0080]步驟S240、在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，按照計算得到的所述目標列表數(shù)據(jù)對應(yīng)的控件的布局，進行目標列表數(shù)據(jù)的顯示。
[0081]在本實施例中，介紹了客戶端從服務(wù)器獲取列表數(shù)據(jù)的一種具體實現(xiàn)方式，也即服務(wù)器通過對上一周期獲取的列表數(shù)據(jù)的顯示狀態(tài)來決定是否從服務(wù)器獲取當前周期對應(yīng)的設(shè)定數(shù)量的列表數(shù)據(jù)。
[0082]參見圖3，圖3為本申請實施例公開的又一種顯示方法流程圖。
[0083]如圖3所示，該方法包括:
[0084]步驟S300、在判斷達到設(shè)定數(shù)據(jù)獲取條件時，從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)；
[0085]步驟S310、確定各個所述列表數(shù)據(jù)所包含的元素類型；
[0086]具體地，列表數(shù)據(jù)所包含的元素可以是圖片、文字、視頻等，對應(yīng)的元素類型即為圖片類型、文字類型、視頻類型。
[0087]步驟S320、根據(jù)元素類型與控件類型間對應(yīng)關(guān)系，確定各個所述列表數(shù)據(jù)所包含的元素類型對應(yīng)的控件類型，作為各個列表數(shù)據(jù)對應(yīng)的控件類型；
[0088]具體地，由于不同類型的元素需要不同類型的控件進行加載，本申請預(yù)先設(shè)定了元素類型與控件類型間對應(yīng)關(guān)系，進而可以確定各個列表數(shù)據(jù)所包含的元素類型對應(yīng)的控件類型，作為各個列表數(shù)據(jù)對應(yīng)的控件類型。
[0089]步驟S330、計算各個列表數(shù)據(jù)對應(yīng)的控件的布局；
[0090]具體地，上一步驟中確定了各個列表數(shù)據(jù)對應(yīng)的控件類型，根據(jù)控件類型可以確定對應(yīng)的控件。
[0091]根據(jù)列表數(shù)據(jù)中元素的具體數(shù)據(jù)不同，對應(yīng)控件布局也不同。布局包含控件的顯示位置及控件的尺寸。
[0092]步驟S340、在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，按照計算得到的所述目標列表數(shù)據(jù)對應(yīng)的控件的布局，進行目標列表數(shù)據(jù)的顯示。
[0093]相比于上述各實施例，本實施例中提供了一種確定列表數(shù)據(jù)對應(yīng)的控件的具體實現(xiàn)方式，也即首先確定列表數(shù)據(jù)所包含的元素類型，進而根據(jù)元素類型與控件類型間對應(yīng)關(guān)系，確定列表數(shù)據(jù)對應(yīng)的控件類型，根據(jù)控件類型確定對應(yīng)控件。
[0094]參見圖4，圖4為本申請實施例公開的又一種顯示方法流程圖。
[0095]如圖4所示，該方法包括:
[0096]步驟S400、在判斷達到設(shè)定數(shù)據(jù)獲取條件時，從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)；
[0097]步驟S410、確定各個所述列表數(shù)據(jù)所包含的元素類型；
[0098]具體地，列表數(shù)據(jù)所包含的元素可以是圖片、文字、視頻等，對應(yīng)的元素類型即為圖片類型、文字類型、視頻類型。
[0099]步驟S420、根據(jù)元素類型與控件類型間對應(yīng)關(guān)系，確定各個所述列表數(shù)據(jù)所包含的元素類型對應(yīng)的控件類型，作為各個列表數(shù)據(jù)對應(yīng)的控件類型；
[0100]具體地，由于不同類型的元素需要不同類型的控件進行加載，本申請預(yù)先設(shè)定了元素類型與控件類型間對應(yīng)關(guān)系，進而可以確定各個列表數(shù)據(jù)所包含的元素類型對應(yīng)的控件類型，作為各個列表數(shù)據(jù)對應(yīng)的控件類型。
[0101]步驟S430、計算各個列表數(shù)據(jù)對應(yīng)的控件的布局；
[0102]具體地，上一步驟中確定了各個列表數(shù)據(jù)對應(yīng)的控件類型，根據(jù)控件類型可以確定對應(yīng)的控件。
[0103]根據(jù)列表數(shù)據(jù)中元素的具體數(shù)據(jù)不同，對應(yīng)控件布局也不同。布局包含控件的顯示位置及控件的尺寸。
[0104]步驟S440、在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，在預(yù)先創(chuàng)建的列表模板集合中查找目標列表模板；
[0105]其中，所述目標列表模板僅包含所述目標列表數(shù)據(jù)對應(yīng)的控件類型的控件。
[0106]以控件類型包括圖片類型、文字類型和視頻類型為例，本申請預(yù)先創(chuàng)建的列表模板集合中包含以下幾類列表模板:僅包含圖片類型、文字類型、視頻類型中任意一個類型的控件的列表模板、僅包含圖片類型、文字類型、視頻類型中任意兩個類型的控件的列表模板、包含圖片類型、文字類型和視頻類型中全部類型的控件的列表模板。
[0107]則本步驟中在確定需要顯示目標列表數(shù)據(jù)時所查找的目標列表模板，其僅包含目標列表數(shù)據(jù)對應(yīng)的控件類型的控件。
[0108]步驟S450、按照計算得到的所述目標列表對應(yīng)的控件的布局，對所述目標列表模板中的控件進行布局設(shè)置；
[0109]具體地，上述步驟中已經(jīng)計算得到目標列表對應(yīng)的控件的布局，進而本步驟中對目標列表模板中各個控件按照上述計算的布局進行布局設(shè)置。舉例如，上述步驟計算得到目標列表數(shù)據(jù)對應(yīng)的圖片控件的寬高尺寸，則本步驟中對目標列表模板中的圖片控件的寬高尺寸按照計算結(jié)果進行調(diào)整。
[0110]步驟S460、將所述目標列表數(shù)據(jù)按照元素類型加載到對應(yīng)的控件中，進行渲染顯不O
[0111]相比于上述各個實施例，本實施例中通過預(yù)先創(chuàng)建不同類型的列表模板，進而在確定需要顯示目標列表數(shù)據(jù)時，獲取目標列表模板，該目標列表模板僅包含所述目標列表數(shù)據(jù)對應(yīng)的控件類型的控件，進而對目標列表模板中的各個控件進行布局設(shè)置即可。而現(xiàn)有技術(shù)中，每次顯不時均米用統(tǒng)一的列表模板，該統(tǒng)一的列表模板包含各種類型的控件。每次顯示時，均需要對統(tǒng)一的列表模板中用不到的控件進行調(diào)整刪除，增加了客戶端處理復(fù)雜度。
[0112]進一步可選的，在上述實施例的基礎(chǔ)上，在計算各個列表數(shù)據(jù)對應(yīng)的控件的布局之前，若確定某個列表數(shù)據(jù)包含圖片類型的元素時，則根據(jù)客戶端的分辨率對該列表數(shù)據(jù)中圖片類型的元素進行裁剪處理，在裁剪處理完畢后執(zhí)行計算該列表數(shù)據(jù)對應(yīng)的控件的布局的步驟。
[0113]這里需要解釋的是，由于客戶端的分辨率不同，某些客戶端分辨率較低不需要過大的圖片，因此可以對客戶端獲取的圖片進行裁剪縮小，減少了圖片繪制時對處理器的資源消耗，同時不會降低用戶的視覺體驗。
[0114]下面對本申請實施例提供的顯示裝置進行描述，下文描述的顯示裝置與上文描述的顯示方法可相互對應(yīng)參照。
[0115]參見圖5，圖5為本申請實施例公開的一種顯示裝置結(jié)構(gòu)示意圖。
[0116]如圖5所示，該裝置包括:
[0117]列表數(shù)據(jù)獲取單元51，用于在判斷達到設(shè)定數(shù)據(jù)獲取條件時，從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)；
[0118]控件確定單元52，用于根據(jù)各個所述列表數(shù)據(jù)所包含的元素類型，確定各個列表數(shù)據(jù)對應(yīng)的控件；
[0119]布局計算單元53，用于計算各個列表數(shù)據(jù)對應(yīng)的控件的布局，所述布局包含控件的顯示位置及控件的尺寸；
[0120]顯示單元54，用于在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，按照計算得到的所述目標列表數(shù)據(jù)對應(yīng)的控件的布局，進行目標列表數(shù)據(jù)的顯示。
[0121]本申請實施例提供的顯示裝置，在判斷達到設(shè)定數(shù)據(jù)獲取條件時，從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)，計算各個列表數(shù)據(jù)對應(yīng)的控件的布局，該布局包括控件的顯示位置及控件的尺寸，在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，按照計算得到的目標列表數(shù)據(jù)對應(yīng)的控件的布局，進行目標列表數(shù)據(jù)的顯示。由此可知，本申請應(yīng)用于客戶端的顯示裝置在判斷達到設(shè)定數(shù)據(jù)獲取條件時，一次性從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)，并在獲取后進行各個列表數(shù)據(jù)的控件的布局，進而在確定某條目標列表數(shù)據(jù)需要顯示時，可以按照計算得到的目標列表數(shù)據(jù)對應(yīng)控件的布局，直接進行目標列表數(shù)據(jù)的顯示，避免了在用戶請求顯示目標列表數(shù)據(jù)時才臨時進行布局計算所造成的用戶響應(yīng)時間長、列表數(shù)據(jù)顯示卡頓、不流暢的問題。
[0122]可選的，上述列表數(shù)據(jù)獲取單元可以包括:
[0123]第一列表數(shù)據(jù)獲取子單元，用于判斷上一周期從服務(wù)器獲取的設(shè)定數(shù)量的列表數(shù)據(jù)是否已經(jīng)顯示了設(shè)定比例，若是，則從服務(wù)器獲取當前周期設(shè)定數(shù)量的列表數(shù)據(jù)。
[0124]可選的，上述控件確定單元可以包括:
[0125]元素類型確定單元，用于確定各個所述列表數(shù)據(jù)所包含的元素類型；
[0126]控件類型確定單元，用于根據(jù)元素類型與控件類型間對應(yīng)關(guān)系，確定各個所述列表數(shù)據(jù)所包含的元素類型對應(yīng)的控件類型，作為各個列表數(shù)據(jù)對應(yīng)的控件類型。
[0127]可選的，上述顯示單元可以包括:
[0128]目標列表模板查找單元，用于在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，在預(yù)先創(chuàng)建的列表模板集合中查找目標列表模板，所述目標列表模板僅包含所述目標列表數(shù)據(jù)對應(yīng)的控件類型的控件；
[0129]布局設(shè)置單元，用于按照計算得到的所述目標列表對應(yīng)的控件的布局，對所述目標列表模板中的控件進行布局設(shè)置；
[0130]數(shù)據(jù)加載單元，用于將所述目標列表數(shù)據(jù)按照元素類型加載到對應(yīng)的控件中，進行渲染顯示。
[0131]可選的，所述元素類型可以包含圖片類型、文字類型和視頻類型等。則本申請的顯示裝置還可以包括:
[0132]圖片裁剪單元，用于在確定某個列表數(shù)據(jù)包含圖片類型的元素時，根據(jù)終端的分辨率對該列表數(shù)據(jù)中圖片類型的元素進行裁剪處理，在裁剪處理完畢后執(zhí)行所述布局計算單元。
[0133]最后，還需要說明的是，在本文中，諸如第一和第二等之類的關(guān)系術(shù)語僅僅用來將一個實體或者操作與另一個實體或操作區(qū)分開來，而不一定要求或者暗示這些實體或操作之間存在任何這種實際的關(guān)系或者順序。而且，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者設(shè)備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者設(shè)備所固有的要素。在沒有更多限制的情況下，由語句“包括一個……”限定的要素，并不排除在包括所述要素的過程、方法、物品或者設(shè)備中還存在另外的相同要素。
[0134]本說明書中各個實施例采用遞進的方式描述，每個實施例重點說明的都是與其他實施例的不同之處，各個實施例之間相同相似部分互相參見即可。
[0135]對所公開的實施例的上述說明，使本領(lǐng)域?qū)I(yè)技術(shù)人員能夠?qū)崿F(xiàn)或使用本申請。對這些實施例的多種修改對本領(lǐng)域的專業(yè)技術(shù)人員來說將是顯而易見的，本文中所定義的一般原理可以在不脫離本申請的精神或范圍的情況下，在其它實施例中實現(xiàn)。因此，本申請將不會被限制于本文所示的這些實施例，而是要符合與本文所公開的原理和新穎特點相一致的最寬的范圍。
【主權(quán)項】
1.一種顯示方法，其特征在于，包括: 在判斷達到設(shè)定數(shù)據(jù)獲取條件時，從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)； 根據(jù)各個所述列表數(shù)據(jù)所包含的元素類型，確定各個列表數(shù)據(jù)對應(yīng)的控件； 計算各個列表數(shù)據(jù)對應(yīng)的控件的布局，所述布局包含控件的顯示位置及控件的尺寸； 在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，按照計算得到的所述目標列表數(shù)據(jù)對應(yīng)的控件的布局，進行目標列表數(shù)據(jù)的顯示。2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述在判斷達到設(shè)定數(shù)據(jù)獲取條件時，從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)，包括: 判斷上一周期從服務(wù)器獲取的設(shè)定數(shù)量的列表數(shù)據(jù)是否已經(jīng)顯示了設(shè)定比例，若是，則從服務(wù)器獲取當前周期設(shè)定數(shù)量的列表數(shù)據(jù)。3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)各個所述列表數(shù)據(jù)所包含的元素類型，確定各個列表數(shù)據(jù)對應(yīng)的控件，包括: 確定各個所述列表數(shù)據(jù)所包含的元素類型； 根據(jù)元素類型與控件類型間對應(yīng)關(guān)系，確定各個所述列表數(shù)據(jù)所包含的元素類型對應(yīng)的控件類型，作為各個列表數(shù)據(jù)對應(yīng)的控件類型。4.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，按照計算得到的所述目標列表數(shù)據(jù)對應(yīng)的控件的布局，進行目標列表數(shù)據(jù)的顯示，包括: 在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，在預(yù)先創(chuàng)建的列表模板集合中查找目標列表模板，所述目標列表模板僅包含所述目標列表數(shù)據(jù)對應(yīng)的控件類型的控件； 按照計算得到的所述目標列表對應(yīng)的控件的布局，對所述目標列表模板中的控件進行布局設(shè)置； 將所述目標列表數(shù)據(jù)按照元素類型加載到對應(yīng)的控件中，進行渲染顯示。5.根據(jù)權(quán)利要求1-4任一項所述的方法，其特征在于，所述元素類型包含圖片類型、文字類型和視頻類型； 在所述計算各個列表數(shù)據(jù)對應(yīng)的控件的布局之前，還包括: 若確定某個列表數(shù)據(jù)包含圖片類型的元素時，根據(jù)終端的分辨率對該列表數(shù)據(jù)中圖片類型的元素進行裁剪處理，在裁剪處理完畢后執(zhí)行計算該列表數(shù)據(jù)對應(yīng)的控件的布局的步驟。6.一種顯示裝置，其特征在于，包括: 列表數(shù)據(jù)獲取單元，用于在判斷達到設(shè)定數(shù)據(jù)獲取條件時，從服務(wù)器獲取設(shè)定數(shù)量的列表數(shù)據(jù)； 控件確定單元，用于根據(jù)各個所述列表數(shù)據(jù)所包含的元素類型，確定各個列表數(shù)據(jù)對應(yīng)的控件； 布局計算單元，用于計算各個列表數(shù)據(jù)對應(yīng)的控件的布局，所述布局包含控件的顯示位置及控件的尺寸； 顯示單元，用于在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，按照計算得到的所述目標列表數(shù)據(jù)對應(yīng)的控件的布局，進行目標列表數(shù)據(jù)的顯示。7.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述列表數(shù)據(jù)獲取單元包括: 第一列表數(shù)據(jù)獲取子單元，用于判斷上一周期從服務(wù)器獲取的設(shè)定數(shù)量的列表數(shù)據(jù)是否已經(jīng)顯示了設(shè)定比例，若是，則從服務(wù)器獲取當前周期設(shè)定數(shù)量的列表數(shù)據(jù)。8.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述控件確定單元包括: 元素類型確定單元，用于確定各個所述列表數(shù)據(jù)所包含的元素類型； 控件類型確定單元，用于根據(jù)元素類型與控件類型間對應(yīng)關(guān)系，確定各個所述列表數(shù)據(jù)所包含的元素類型對應(yīng)的控件類型，作為各個列表數(shù)據(jù)對應(yīng)的控件類型。9.根據(jù)權(quán)利要求8所述的裝置，其特征在于，所述顯示單元包括: 目標列表模板查找單元，用于在確定需要顯示獲取的列表數(shù)據(jù)中的某一目標列表數(shù)據(jù)時，在預(yù)先創(chuàng)建的列表模板集合中查找目標列表模板，所述目標列表模板僅包含所述目標列表數(shù)據(jù)對應(yīng)的控件類型的控件； 布局設(shè)置單元，用于按照計算得到的所述目標列表對應(yīng)的控件的布局，對所述目標列表模板中的控件進行布局設(shè)置； 數(shù)據(jù)加載單元，用于將所述目標列表數(shù)據(jù)按照元素類型加載到對應(yīng)的控件中，進行渲染顯示。10.根據(jù)權(quán)利要求6-9任一項所述的裝置，其特征在于，所述元素類型包含圖片類型、文字類型和視頻類型;該裝置還包括: 圖片裁剪單元，用于在確定某個列表數(shù)據(jù)包含圖片類型的元素時，根據(jù)終端的分辨率對該列表數(shù)據(jù)中圖片類型的元素進行裁剪處理，在裁剪處理完畢后執(zhí)行所述布局計算單J L ο
【文檔編號】G06F9/44GK105930149SQ201610234490
【公開日】2016年9月7日
【申請日】2016年4月15日
【發(fā)明人】楊碧天, 王云凱, 王路, 陳拓, 陳敏銳, 駱超鋒, 文帥營, 彭東江
【申請人】鄭州悉知信息科技股份有限公司