本發(fā)明涉及可視信息的展示方法與推送方法。特別是涉及一種能夠從中間開始向兩側(cè)展示可視信息的展示方法與推送方法。本發(fā)明所稱的可視信息包括并不限于：文字、圖片、視頻、元數(shù)據(jù)等。

背景技術：

隨著各種移動智能終端的不斷開發(fā)問世，存在各種帶有屏幕的設備上展示可視信息的需要。

一種用于展示例如圖片的可視信息的方法是方法，見圖1(a)。所謂“瀑布流”，如瀑布式連續(xù)不斷，感覺有無窮無盡的內(nèi)容推送，其技術特點是：圖片展示規(guī)定寬度，不限制高度；可以在扁平的視角界面內(nèi)，快速瀏覽，快速判斷感興趣的內(nèi)容點擊查看。人眼的視角極限大約為垂直方向150度，水平方向230度，可見橫向展示更符合視角體驗。所以，作為快速瀏覽，橫向方式展示更符合人體工程學。常用的手持終端設備來說，例如相機，攝像機等，其均采用橫拍方式采集圖片，適合較大場景拍攝。但橫向方式展示在“瀑布流”界面中進行展示時，并未考慮最符合人體視覺感官的橫屏圖片的展示；而且，瀑布流“有始無終”的排序的拓展是單方向的。需要設置展示的起始點，在起始點只能向某一個特定的方向發(fā)展，較為尷尬。

美國專利申請US2014267439A1公開了“瀑布流”展示方式，其將圖片按規(guī)定的分割比例分割完成后，將圖片顯示在設備屏幕的用于放置經(jīng)分割的圖片的容器之中。如圖1(b)所示，將圖片按規(guī)定的分割比例分割完成后，就知道了容器所需要幾個格子，同時也知道了容器的高度。所需要格子的(按高度為常數(shù)α值)數(shù)量，從而在提出請求的設備上將容器顯示出來。對于圖1(b)的222圖片，其被分割為222A,222B,222C,222D,222E,222F,222G,222H的格子，由提出請求的設備中的GPU計算排列和獲得每個格子中經(jīng)分割圖片的信息后，對接收的圖片信息進行校驗。完成校驗后，圖片被填充在這個容器中展示出來。如果222A,222B,222C,222D,222E,222F,222G,222H中某一個格子所對應的圖片信息丟失，圖片信息校驗的結(jié)果就是為“未完成”或“錯誤”，則只能顯示容器的色塊，而不能顯示其對應的圖片。因此，在網(wǎng)絡傳輸數(shù)量出現(xiàn)波動時，某張圖片或其一部分就不能顯示。該方法是非常依賴于良好的網(wǎng)絡環(huán)境的。

第二種展示例如圖片的可視信息的方法是圖2所示的傳統(tǒng)的“Web畫廊”方式。

此種展示方式將圖片統(tǒng)一縮放為固定大小，圖片展示規(guī)定寬度和高度。雖然既可以上下方向上瀏覽，也可以左右方向上瀏覽，但展示的表現(xiàn)形式千篇一律，用戶體驗較為呆板，而且，由于其將圖片統(tǒng)一縮放為固定大小，故對于180°或360°的全景照片則無法良好地在界面中展示。

技術實現(xiàn)要素：

本發(fā)明要解決的技術問題是提供展示可視信息的方法與推送方法，用于展示全景圖像或文字的可視信息。

具體地說，本發(fā)明的技術方案是這樣的：

本發(fā)明提出一種處理展示可視信息的方法，用于終端設備上傳可視信息，其中：

所述終端設備根據(jù)自身屏幕的分辨率，確定用于在該屏幕上展示可視信息在縱向上可設置的多層展示區(qū)域的層數(shù)；

基于所述層數(shù)，來確定每層展示區(qū)域的高度。所述多層展示區(qū)域中的每一層的高度是相同的；也可以另行設定某一層或某幾層的高度為某一個或幾個設定的值，讓各層高度有不同的變化。

根據(jù)每層展示區(qū)域的高度，確定被展示可視信息的壓縮比率；

被展示可視信息被所述終端設備壓縮后分類上傳到服務器保存，以備調(diào)取使用。

本發(fā)明還提出推送展示可視信息的方法，包括，在服務器中保存有被展示可視信息內(nèi)容，其中：

所述服務器接收終端設備發(fā)出的接收可視信息的登錄請求；

確認該終端上次登錄的時間，以該登錄時間為界限，將上次登錄時間前和上次登錄時間后上傳的可視信息在服務器中進行列隊并分組；

將分組中列隊的帖子中第一張可視信息的寬高比發(fā)送到發(fā)出請求的終端設備，供所述終端設備計算所接收的可視信息的排放位置；

然后，依次推送下一張可視信息的寬高比。

本發(fā)明還提出一種展示可視信息的方法，用于在終端設備與服務器之間進行數(shù)據(jù)交換，其中：

所述終端設備確定其屏幕分辨率；

基于所述屏幕分辨率確定用于在該屏幕上展示可視信息的多層展示區(qū)域在縱向上的層數(shù)；

確定所述多層展示區(qū)域的高度；其中，每層展示區(qū)域的高度可以是相同的，也可以是不同的高度，以合理利用展示區(qū)域來體現(xiàn)展示效果；

所述終端設備向所述服務器發(fā)送關于接收可視信息的請求；

所述終端設備從所述服務器接收可視信息的隊列，以及接收與所述隊列中的多項可視信息中的每一者相關聯(lián)的參數(shù)；

基于所述與隊列中的多項可視信息中的每一者相關聯(lián)的參數(shù)，確定與所述多項可視信息中的每一者相關聯(lián)的所述多層展示區(qū)域的每層展示區(qū)域的參數(shù)；

基于所確定的每層展示區(qū)域的參數(shù)和所述用于在同一時間在該屏幕上縱向展示可視信息的多層展示區(qū)域的數(shù)量，確定所述多層展示區(qū)域的排列布局；

基于所述排列布局，將所接收的隊列中的可視信息中的每一者在與其相關聯(lián)的展示區(qū)域中展示；

其中，所述多層展示區(qū)域經(jīng)布局以在屏幕的左右方向上排列。

基于所述的展示可視信息的方法，本發(fā)明還提出了一種用于展示可視信息的終端設備，其包含：

用于確定屏幕的分辨率的單元；

用于基于所述屏幕的分辨率確定用于在該屏幕上展示可視信息的多層展示區(qū)域在縱向上的數(shù)量的單元；

用于基于所述數(shù)量來確定所述多層展示區(qū)域的高度的單元；

用于向服務器發(fā)送接收可視信息的請求的單元；

用于從所述服務器接收可視信息的隊列，以及用于接收與所述隊列中的多項可視信息中的每一者相關聯(lián)參數(shù)的單元；

用于基于所述與隊列中的多項可視信息中的每一者相關聯(lián)的參數(shù)，確定與所述多項可視信息中的每一者相關聯(lián)的所述多層展示區(qū)域的每層展示區(qū)域的參數(shù)的單元；

用于基于所確定的每層展示區(qū)域的尺寸和所述用于在同一時間在該屏幕上縱向展示可視信息的多層展示區(qū)域數(shù)量的單元，確定所述多層展示區(qū)域的排列布局；

用于基于所述排列布局，將所接收的隊列中的可視信息中的每一者在與其相關聯(lián)的展示區(qū)域中展示的單元，其中，

所述多層展示區(qū)域經(jīng)布局以在屏幕的左右方向上排列。

本發(fā)明的技術方案實現(xiàn)了“卷軸流”方式展示可視信息，“卷軸流”方式像一幅中國畫徐徐展開，它可以從任意需要定義的位置開始展開卷軸，并可以采用向左或向右的滑動方式展示內(nèi)容。特別適合最常用的橫向拍攝方式的可視信息展示，尤其是專業(yè)攝影和攝像視頻，本發(fā)明引入時間界標概念，可以快速找到最新的未被探知的內(nèi)容，更適合于在互聯(lián)網(wǎng)中需要快速瀏覽時，用戶能快速判斷希望了解的內(nèi)容，并且這種展示方式更符合人體視覺工程學。

附圖說明

圖1中的(a)、(b)為“瀑布流”方式顯示圖片的現(xiàn)有技術方案；

圖2為展示用于顯示圖片的傳統(tǒng)的“Web畫廊”的現(xiàn)有技術方案；

圖3-4為說明本發(fā)明處理用于終端設備上傳可視信息的處理展示可視信息的示意圖；

圖5示意的是發(fā)出請求的終端設備與服務器之間的數(shù)據(jù)交換

圖6為本發(fā)明中的服務器向終端設備推送展示的可視信息的實施例；

圖7-11為根據(jù)本發(fā)明的示范性實施例的基于可視信息的尺寸確定終端設備的屏幕展示區(qū)域的布局過程；

圖12是根據(jù)本發(fā)明的示范性實施例的終端設備中表現(xiàn)時間界標前后的顯示圖片。

具體實施方式

在下文結(jié)合圖陳述的詳細描述意欲作為對本發(fā)明的示范性實施例的描述且無意表示可實踐本發(fā)明的僅有實施例。在整個此描述中所使用的術語“示范性”指“充當實例、例子或說明”且應沒有必要理解為比其它示范性實施例優(yōu)選或有利。所述詳細描述包括特定細節(jié)以用于提供對本發(fā)明的示范性實施例的徹底理解的目的。所屬領域的技術人員將明白，可在無這些特定細節(jié)的情況下實踐本發(fā)明的示范性實施例。在一些例子中，以框圖形式來展示眾所周知的結(jié)構(gòu)和裝置以便避免使本文所呈現(xiàn)的示范性實施例的新穎性模糊不清。

為了避免圖1和圖2給出的“瀑布流”和web方式移植的展示方式的不足，本發(fā)明公開了通過“卷軸流”的方式來展示可視信息的方法和設備。

本發(fā)明所述“卷軸流”指代傳統(tǒng)中國畫卷式展示的方式，像一幅中國畫一樣徐徐展開，它可以從任意需要定義的位置開始展開卷軸，并可以采用向左或向右的滑動方式展示內(nèi)容。

在圖3、圖4所示的實施例中，本發(fā)明給出了終端設備處理上傳可視信息的方法。

我們知道，每一種終端設備，包括：筆記本電腦、臺式電腦、智能手機、iMac、IPAD等，都具有自身的屏幕分辨率，根據(jù)不同的分辨率，在屏幕中顯示出不同的“層”數(shù)；例如，對于iPhone5s，其可顯示的“層”數(shù)為三層；對于iPhone6plus，其可顯示的“層”數(shù)為四層；就像一座多層的樓房一樣，每一層就是用于展示的“展示區(qū)域”；一旦確定了可供顯示的“層”數(shù)，也就相應地確定了每層的高度，每層的“展示區(qū)域”高度可以是相等的；也可以另行設定某一層或某些層的高度為某一個或幾個設定的值，讓各層高度有不同的變化。這樣，根據(jù)“展示區(qū)域”的高度，就可以確定被展示可視信息的壓縮比率，終端設備對被展示可視信息，例如圖片，按照壓縮比率進行事先壓縮，分類保留在服務器上以備調(diào)取使用；終端設備也可以不壓縮，但用戶為此可能需要較高的流量費用)，直接上傳保留原始照片，以層高為可視信息的高度，強行擺放在層上顯示。

結(jié)合上述說明，我們可以更具體地了解本發(fā)明的終端設備處理上傳可視信息的方法。

在確定橫向展示的“層”數(shù)后，屏幕可顯示的“層”的高度值為“常量α”，該“常量α”為可顯示的照片的高度。當照片的實際高寬比不同時，會出現(xiàn)可變“寬度”的“變量”?！俺Ａ喀痢笨啥x為要在全屏顯示照片時屏幕需要的圖片分辨率：dpi。

當終端設備中顯示照片的高度為1440個像素時，定義照片需要壓縮的目標值的高度為1440dpi，寬度為該照片的長寬比例的對應值，在壓縮后，照片的高度的dpi為1440，寬度為相片長寬比的對應值。

例1：一張照片為橫拍4：3，即寬高比為4：3，具體尺寸為4000x3000，大小為4.5M。壓縮時選擇希望的高度為1440，則對應的寬度：為：4000*1440/3000＝1920。

壓縮后分辨率變?yōu)?920：1440，寬高比4：3沒有變化，顯示精度可以有變化，如壓縮到某一個能接受、但不影響圖片觀賞的定義值，顯示的照片的寬高比的視覺感受沒有變化。

例2：照片是豎拍的，其寬高比為9：16的圖片，具體尺寸為4500x8000。壓縮時，選擇希望的高度為1440，則對應的寬度為：4500*1440/8000＝810，寬高比為810：1440，其他同上。

圖5示意的是發(fā)出請求的終端設備與服務器之間的數(shù)據(jù)交換。

當終端設備上傳照片時，先確定了照片的需要高度的dpi值，再設定合理的壓縮率，圖片被壓縮后上傳服務器后就分類地被保存，保存內(nèi)容包含但不限于：圖片、圖片的EXIF信息等，并將EXIF中照片的高、寬比值數(shù)提出，存放在數(shù)據(jù)庫指定的字段中，以備調(diào)取使用。

上傳的可視信息，如圖片、照片等，將按照不同的分類在服務器中存放，分類可以在終端設備壓縮上傳時就做好分類標記，也可以由服務器根據(jù)照片質(zhì)量，按不同板塊、不同標簽的要求進行加工存放，不改變客戶上傳照片的寬、高比的顯示體驗；為了實現(xiàn)網(wǎng)絡展示的流暢性，將照片進行壓縮分類是一個較好的做法，分類依據(jù)是：

在地圖上顯示照片時，為減少占有屏幕面積，而使用較小規(guī)格的圖片，同樣不改變照片的寬高比，服務器中壓縮圖片存放如3K大小的圖片，作為照片副本1存放在服務器中，用于地圖界面的索引圖片以被調(diào)用；

在首頁類表顯示時，因展示面積較小，依據(jù)以上相同的技術標準，設定壓縮圖片質(zhì)量的大小，作為照片副本2存放服務器被列表頁中以被調(diào)用；

照片作為標準詳情展示時，圖片高度為1440，寬度依原照片比例顯示，這時的照片顯示是常規(guī)使用中服務器保存的用戶上傳質(zhì)量的照片。

以上保存服務器的各種大小照片，按需求不同被APP的各API接口(即應用程序接口)所調(diào)閱，以實際APP設計的顯示要求被程序調(diào)用。

圖6給出的是本發(fā)明中的服務器向終端設備推送展示的可視信息的實施例。

從圖6可以看出：

服務器接收終端設備發(fā)出的接收可視信息的登錄請求，終端設備可以是筆記本電腦、臺式電腦、智能手機、iMac、IPAD(平板電腦)等任一個；

所述服務器可以是集群的服務器，例如，由web服務器、數(shù)據(jù)服務器、文件服務器和交換機組成的服務器集群；

服務器確認發(fā)出請求的終端設備上次登錄的時間，該時間為首頁的“時間軸界標”。例如，在服務器存儲互聯(lián)網(wǎng)論壇數(shù)據(jù)的情況下，服務器可將論壇上的帖子分為兩類。第一類是用戶上次訪問之前的帖子，第二類則是用戶上次訪問之后的帖子。

帖子的內(nèi)容即可視信息，包括但不限于：文字、聲音、圖片和地理信息；其中圖片信息又包括：圖片的高度、寬度，拍攝時間；以及圖片的地理信息和其他信息。

以上次登錄時間為界標，將上次登錄之后上傳到服務器的內(nèi)容在服務器中列隊，在列隊中，按某一個設定的帖子數(shù)量為一組(圖6給出的是每組帖子為36個)，將該組帖子中每一個帖子的第一張照片的寬高比的數(shù)值推送到發(fā)出請求的終端設備，由該終端設備計算排放位置。終端設備依據(jù)這些比值來相應地計算確定用于放置所述多張照片的展示區(qū)域(“展示區(qū)域”也可稱之為“容器”)的尺寸和排列次序和方式。如用戶終端請求的是上次登錄之前內(nèi)容的查看請求，服務器將該組信息以上述方式相同的技術方案推送給請求設備。

不同的終端設備具有不同層的顯示“容器”，以iphone5s的三層顯示“容器”為例：

當該終端設備將第一列從1-3層排列完成之后，即為圖7顯示的那樣，該終端設備計算三層中哪一層的寬度最窄，計算出第三層的寬度最窄，則第4個列隊的帖子就跟在最窄的那張之后，參見圖8的示意。

此后，依照上述的判斷條件，依次判斷在哪一層擺放，服務器開始將隊列中的可視信息推送至終端設備，直到將這一組中的所有帖子在終端設備上擺放完成。終端設備則按照上文所述的已經(jīng)確定的位置和尺寸，將所接收的可視信息在容器中展示出來。因數(shù)字的傳輸數(shù)據(jù)量非常小，使用的任何設備均能完美完成。所需要時間在使用中可以忽略不計。

采用本發(fā)明的推送方法，參考圖9(iphone 5s)，圖10(iPhone 6plus)，當被按順序擺滿每一層的第一張圖片后，設備計算某一層為最短寬度后，將后續(xù)的圖片推送到該行，再做最短寬度判斷后擺放，如此往復，可以使圖片在各行顯示時盡可能的排齊；同時，因為“時間軸界標”概念的使用，被服務器推送到該用戶的列隊的帖子每一次均因時間不同而有變化；其被推送的該組帖子中某一個帖子的第一張照片高寬比并不是確定不變的，會給人常用常新的感覺，圖11是在iPhone4中展示出來的效果，因此，減少固定位置顯示照片的審美疲勞。

在實際使用中，在終端設備登錄發(fā)起列表顯示申請時(主頁)，服務器首先判定用戶上次登錄的時間，該時間為首頁展示，界標可以定義為圖12中左上角框中的圖片位置為時間軸界標顯示的第一張照片。由此，可以定義這張圖片的右側(cè)區(qū)域顯示的是上次登錄后新上傳的帖子，左側(cè)為上次登錄前已發(fā)生的帖子的內(nèi)容，方向可以自由定義。

也可以不確定時間界標，具體的做法是：向左滑動屏幕，服務器將列隊中一組圖片推送過來；向右滑動屏幕，下一組圖片在右側(cè)被推送過來顯示。由此體現(xiàn)出“卷軸流”表現(xiàn)的邏輯和顯示方式。

作為另一實施例，服務器隨機地或基于用戶閱讀設定或用戶偏好，而選擇性地推送可視信息。當然，也包括可視信息同時向兩側(cè)雙向展開發(fā)展。

為了更好地說明本發(fā)明的技術思想，本發(fā)明所述展示可視信息的方法，用于

在終端設備與服務器之間進行數(shù)據(jù)交換，其中：

所述終端設備確定其屏幕分辨率；

基于所述屏幕分辨率確定用于在該屏幕上展示可視信息的多層展示區(qū)域在縱向上的層數(shù)；

確定所述多層展示區(qū)域的高度；其中，每層展示區(qū)域的高度可以是相同的，也可以是不同的高度，以合理利用展示區(qū)域來體現(xiàn)展示效果；

所述終端設備向所述服務器發(fā)送請求接收可視信息的請求；

所述終端設備從所述服務器接收可視信息的隊列，以及接收與所述隊列中的多項可視信息中的每一者相關聯(lián)的參數(shù)；

基于所述與隊列中的多項可視信息中的每一者相關聯(lián)的參數(shù)，確定與所述多項可視信息中的每一者相關聯(lián)的所述多層展示區(qū)域的每層展示區(qū)域的參數(shù)；

基于所確定的每層展示區(qū)域的參數(shù)和所述用于在同一時間在該屏幕上縱向展示可視信息的多層展示區(qū)域的數(shù)量，確定所述多層展示區(qū)域的排列布局；

基于所述排列布局，將所接收的隊列中的可視信息中的每一者在與其相關聯(lián)的展示區(qū)域中展示；

其中，所述多層展示區(qū)域經(jīng)布局以在屏幕的左右方向上排列。

本發(fā)明所屬領域的技術人員將容易明白對這些示范性實施例的各種修改，且在不脫離本發(fā)明的精神或范圍的情況下，本文所界定的一般原理可應用于其它實施例。因此，本發(fā)明無意限于本文中所展示的實施例，而是將賦予本發(fā)明與本文中所揭示的原理和新穎特征一致的最廣范圍。