圖形界面的排列顯示方法及裝置制造方法
【專利摘要】本發(fā)明公開了一種圖形界面的排列顯示方法及裝置。其中，該方法包括：讀取屏幕的屏幕分辨率；根據(jù)屏幕分辨率對圖形界面進行劃分，生成排列網(wǎng)格；獲取需要顯示的數(shù)據(jù)內(nèi)容集合；根據(jù)數(shù)據(jù)內(nèi)容集合，獲取與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板，其中，等高矩形排列模板用于表征在圖形界面內(nèi)，在用于確定初始位置的正方形圖標的橫向方向上，以寬度不同的等高矩形圖標按預定的排列方式對數(shù)據(jù)內(nèi)容進行顯示的排列顯示方法；將數(shù)據(jù)內(nèi)容集合按照等高矩形排列模板對數(shù)據(jù)內(nèi)容進行排列顯示。本發(fā)明解決了現(xiàn)有技術中設計人員、技術人員、咨詢?nèi)藛T以及界面使用用戶需要針對每個前端界面進行重復開發(fā)，導致的開發(fā)效率低、浪費人力資源的問題。
【專利說明】圖形界面的排列顯示方法及裝置

【技術領域】
[0001]本發(fā)明涉及計算機領域，具體而言，涉及一種圖形界面的排列顯示方法及裝置。

【背景技術】
[0002]在日常的軟件開發(fā)過程中，程序開發(fā)人員往往在對軟件功能進行開發(fā)之后，還要對前端顯示界面進行設計開發(fā)。在開發(fā)調(diào)試階段，不但要對軟件功能的可靠性進行測試，還要對前端界面的兼容性和美觀度進行驗證。
[0003]對于程序開發(fā)人員來說，前端顯示界面的設計開發(fā)工作往往并不能得心應手，很難在保證前端顯示界面兼容性的同時，還兼顧美觀度。每次在對功能開發(fā)完畢之后，還要花費大量的時間和精力對前端顯示界面進行重復的開發(fā)，造成了程序開發(fā)人員資源的浪費。
[0004]進一步的，如果在多個開發(fā)人員對同一個軟件進行開發(fā)時，很難統(tǒng)一每個程序開發(fā)人員開發(fā)出來的前端顯示界面的一致性。
[0005]就設計人員來說，創(chuàng)意的結(jié)果是多樣的，從創(chuàng)意產(chǎn)生到最終的工程圖樣的呈現(xiàn)都是需要經(jīng)過大量的尺度換算和設定。同時在設計中存在大量的定制和個性多元化的設計概念，這樣在多平臺設計當中增加了設計師的工作量。就咨詢?nèi)藛T來說，需要大量將咨詢結(jié)果轉(zhuǎn)換為簡單易懂的圖形的繪圖任務，處理圖形界面的工作量非常龐大。就界面的使用用戶來說，想要打造具有自己個性的操作界面的學習成本和實施成本都很高。
[0006]針對現(xiàn)有技術中設計人員、技術人員、咨詢?nèi)藛T以及界面使用用戶需要針對每個前端界面進行重復開發(fā)，導致的開發(fā)效率低、浪費人力資源的問題，目前尚未提出有效的解決方案。


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

[0007]本發(fā)明的主要目的在于提供一種圖形界面的排列顯示方法及裝置，以解決現(xiàn)有技術中設計人員、技術人員、咨詢?nèi)藛T以及界面使用用戶需要針對每個前端界面進行重復開發(fā)，導致的開發(fā)效率低、浪費人力資源的問題。
[0008]為了實現(xiàn)上述目的，根據(jù)本發(fā)明實施例的一個方面，提供了一種圖形界面的排列顯示方法。該方法包括:讀取屏幕的屏幕分辨率；根據(jù)屏幕分辨率對圖形界面進行劃分，生成排列網(wǎng)格；獲取需要顯示的數(shù)據(jù)內(nèi)容集合；根據(jù)數(shù)據(jù)內(nèi)容集合，獲取與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板，其中，等高矩形排列模板用于表征在圖形界面內(nèi)，在用于確定初始位置的正方形圖標的橫向方向上，以寬度不同的等高矩形圖標按預定的排列方式對數(shù)據(jù)內(nèi)容進行顯示的排列顯示方法，排列網(wǎng)格用于表征等高矩形排列模板中用于計算各個矩形圖標各個邊長的基本單位；將數(shù)據(jù)內(nèi)容集合按照等高矩形排列模板對數(shù)據(jù)內(nèi)容進行排列顯
/j、l Ο
[0009]為了實現(xiàn)上述目的，根據(jù)本發(fā)明實施例的另一方面，提供了一種圖形界面的排列顯示裝置，該裝置包括:讀取模塊，用于讀取屏幕的屏幕分辨率；生成模塊，用于根據(jù)屏幕分辨率對圖形界面進行劃分，生成排列網(wǎng)格；第一獲取模塊，用于獲取需要顯示的數(shù)據(jù)內(nèi)容集合；第二獲取模塊，用于根據(jù)數(shù)據(jù)內(nèi)容集合，獲取與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板，其中，等高矩形排列模板用于表征在圖形界面內(nèi)，在用于確定初始位置的正方形圖標的橫向方向上，以寬度不同的等高矩形圖標按預定的排列方式對數(shù)據(jù)內(nèi)容進行顯示的排列顯示方法，排列網(wǎng)格用于表征等高矩形排列模板中用于計算各個矩形圖標各個邊長的基本單位；顯示模塊，用于將數(shù)據(jù)內(nèi)容集合按照等高矩形排列模板對數(shù)據(jù)內(nèi)容進行排列顯示。
[0010]根據(jù)發(fā)明實施例，通過讀取屏幕的屏幕分辨率；根據(jù)屏幕分辨率對圖形界面進行劃分，生成排列網(wǎng)格；獲取需要顯示的數(shù)據(jù)內(nèi)容集合；根據(jù)數(shù)據(jù)內(nèi)容集合，獲取與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板，其中，等高矩形排列模板用于表征在圖形界面內(nèi)，在用于確定初始位置的正方形圖標的橫向方向上，以寬度不同的等高矩形圖標按預定的排列方式對數(shù)據(jù)內(nèi)容進行顯示的排列顯示方法，排列網(wǎng)格用于表征等高矩形排列模板中用于計算各個正方形圖標邊長的基本單位；將數(shù)據(jù)內(nèi)容集合按照等高矩形排列模板對數(shù)據(jù)內(nèi)容進行排列顯示，解決了現(xiàn)有技術中設計人員、技術人員、咨詢?nèi)藛T以及界面使用用戶需要針對每個前端界面進行重復開發(fā)，導致的開發(fā)效率低、浪費人力資源的問題。實現(xiàn)了根據(jù)需要顯示的數(shù)據(jù)內(nèi)容自動生成與數(shù)據(jù)內(nèi)容匹配的圖形界面的效果。

【專利附圖】

【附圖說明】
[0011]構(gòu)成本申請的一部分的附圖用來提供對本發(fā)明的進一步理解，本發(fā)明的示意性實施例及其說明用于解釋本發(fā)明，并不構(gòu)成對本發(fā)明的不當限定。在附圖中:
[0012]圖1是根據(jù)本發(fā)明實施例一的圖形界面的排列顯示方法的流程圖；
[0013]圖2是根據(jù)本發(fā)明實施例二的圖形界面的排列顯示裝置的結(jié)構(gòu)示意圖；
[0014]圖3是根據(jù)本發(fā)明實施例二優(yōu)選的圖形界面的排列顯示裝置的結(jié)構(gòu)示意圖；以及
[0015]圖4是根據(jù)本發(fā)明實施例二優(yōu)選的圖形界面的排列顯示裝置的結(jié)構(gòu)示意圖。

【具體實施方式】
[0016]需要說明的是，在不沖突的情況下，本申請中的實施例及實施例中的特征可以相互組合。下面將參考附圖并結(jié)合實施例來詳細說明本發(fā)明。
[0017]為了使本【技術領域】的人員更好地理解本發(fā)明方案，下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術方案進行清楚、完整地描述，顯然，所描述的實施例僅僅是本發(fā)明一部分的實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領域普通技術人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都應當屬于本發(fā)明保護的范圍。
[0018]需要說明的是，本發(fā)明的說明書和權(quán)利要求書及上述附圖中的術語“第一”、“第二”等是用于區(qū)別類似的對象，而不必用于描述特定的順序或先后次序。應該理解這樣使用的數(shù)據(jù)在適當情況下可以互換，以便這里描述的本發(fā)明的實施例。此外，術語“包括”和“具有”以及他們的任何變形，意圖在于覆蓋不排他的包含，例如，包含了一系列步驟或單元的過程、方法、系統(tǒng)、產(chǎn)品或設備不必限于清楚地列出的那些步驟或單元，而是可包括沒有清楚地列出的或?qū)τ谶@些過程、方法、產(chǎn)品或設備固有的其它步驟或單元。
[0019]實施例1
[0020]本發(fā)明實施例提供了一種圖形界面的排列顯示方法。
[0021]圖1是根據(jù)本發(fā)明實施例的圖形界面的排列顯示方法的流程圖。如圖1所示，該方法包括步驟如下:
[0022]步驟S11，讀取屏幕的屏幕分辨率。
[0023]具體的，通過上述步驟S11，獲取當前用于顯示圖形界面的屏幕的屏幕分辨率。
[0024]步驟S13，根據(jù)屏幕分辨率對圖形界面進行劃分，生成排列網(wǎng)格。
[0025]具體的，通過上述步驟S13，根據(jù)屏幕的屏幕分辨率，對圖形界面以網(wǎng)狀形式進行劃分。將圖形界面按照預定的間隔劃分為若干個正方形區(qū)域，得到與屏幕分辨率對應的用于排列圖標的排列網(wǎng)格。
[0026]在實際應用當中，常用的屏幕分辨率，以及屏幕比例只有幾種。可以預先根據(jù)屏幕的分辨率設置與屏幕分辨率對應的排列網(wǎng)格劃分的方案，以提高圖形界面在各種屏幕分辨率的屏幕上都能得到很好的顯示效果。
[0027]步驟S15，獲取需要顯示的數(shù)據(jù)內(nèi)容集合。
[0028]具體的，通過上述步驟S15，獲取需要通過圖形界面進行顯示的數(shù)據(jù)內(nèi)容集合，通過數(shù)據(jù)內(nèi)容集合可以確定需要顯示的內(nèi)容數(shù)量，以及需要進行顯示的數(shù)據(jù)內(nèi)容。
[0029]步驟S17，根據(jù)數(shù)據(jù)內(nèi)容集合，獲取與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板，其中，等高矩形排列模板用于表征在圖形界面內(nèi)，在用于確定初始位置的正方形圖標的橫向方向上，以寬度不同的等高矩形圖標按預定的排列方式對數(shù)據(jù)內(nèi)容進行顯示的排列顯示方法，排列網(wǎng)格用于表征等高矩形排列模板中用于計算各個矩形圖標各個邊長的基本單位。
[0030]具體的，通過上述步驟S17，將預先設置的等高矩形排列模板與由數(shù)據(jù)內(nèi)容集合確定的需要顯示的內(nèi)容數(shù)量進行匹配，得到與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板。其中，等高矩形排列模板的排列方式，首先，需要在排列網(wǎng)格上確定用于確定初始位置的正方形圖標的位置。然后，在正方形圖標的橫向方向，排列著至少一個高度相同而寬度不同的長方形圖標。正方形圖標和長方形圖標都可以用來顯示數(shù)據(jù)內(nèi)容集合中的數(shù)據(jù)內(nèi)容。通過等高矩形排列模板中的正方形圖標和長方形圖標的數(shù)量與數(shù)據(jù)內(nèi)容集合中的數(shù)據(jù)內(nèi)容進行匹配，得到與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板。等高矩形排列模板中的各個等高矩形圖標的長邊邊長和寬邊邊長都設定為排列網(wǎng)格的基本單位的整數(shù)倍，故需要通過排列網(wǎng)格的基本單位計算得到等高矩形排列模板中，各個圖標在顯示界面內(nèi)的具體顯示位置和大小。
[0031]在實際應用當中，可以根據(jù)需要顯示的內(nèi)容數(shù)量，預先設置不同的等高矩形排列模板。以針對需要對不同數(shù)量的內(nèi)容數(shù)據(jù)進行顯示的情況提供不同的顯示方式，從而實現(xiàn)更好地顯示效果。
[0032]步驟S19，將數(shù)據(jù)內(nèi)容集合按照等高矩形排列模板對數(shù)據(jù)內(nèi)容進行排列顯示。
[0033]具體的，上述步驟S19，將數(shù)據(jù)內(nèi)容中的數(shù)據(jù)，按照經(jīng)過匹配得到的等高矩形排列模板進行顯示。
[0034]通過上述步驟S11至步驟S19，首先根據(jù)不同屏幕的屏幕分辨率，對圖形界面進行劃分，劃分為與屏幕分辨率對應的用于排列圖標的排列網(wǎng)格。然后，將預先設置的等高矩形排列模板與數(shù)據(jù)內(nèi)容集合的屬性信息進行匹配，得到適用于數(shù)據(jù)內(nèi)容集合的等高矩形排列模板，最后，將數(shù)據(jù)內(nèi)容集合中的各個需要顯示的數(shù)據(jù)內(nèi)容依照劃分的排列網(wǎng)格，按照等高矩形排列模板提供圖標位置進行顯示。
[0035]在實際應用當中，程序開發(fā)人員僅僅需要確定在圖形界面顯示的數(shù)據(jù)內(nèi)容，本方法就可以根據(jù)屏幕的屏幕分辨率和需要顯示的內(nèi)容獲取一套適用的等高矩形排列模板。將數(shù)據(jù)內(nèi)容以橫向排列的至少兩個等高矩形圖標的形式進行顯示。
[0036]綜上可知，本發(fā)明解決了現(xiàn)有技術中設計人員、技術人員、咨詢?nèi)藛T以及界面使用用戶需要針對每個前端界面進行重復開發(fā)，導致的開發(fā)效率低、浪費人力資源的問題，實現(xiàn)了根據(jù)需要顯示的數(shù)據(jù)內(nèi)容自動生成與數(shù)據(jù)內(nèi)容匹配的圖形界面的效果。
[0037]優(yōu)選的，本申請上述實施例中，在步驟S13根據(jù)屏幕分辨率對圖形界面進行劃分，生成排列網(wǎng)格中，步驟可以包括:
[0038]步驟S131，根據(jù)屏幕分辨率，確定用于劃分圖形界面的基本單位a。
[0039]步驟S133，按照基本單位a對圖形界面進行劃分，將圖形界面劃分為由正方形組成的排列網(wǎng)格，其中，正方形邊長為基本單位a。
[0040]具體的，上述步驟S131至步驟S133，通過屏幕分辨率確認適用于當前屏幕分辨率的用于劃分圖形界面的基本單位a。對圖形界面按照基本單位a分別進行橫向和縱向的劃分，將圖形界面劃分為由邊長為a的正方形組成的排列網(wǎng)格。根據(jù)屏幕分辨率確定基本單位a的具體步驟可以是:根據(jù)分辨率確定屏幕的橫向、縱向像素數(shù)，進而根據(jù)橫向、縱向像素數(shù)對圖形界面進行劃分，橫向得到邊長為a個像素點的數(shù)個正方形，縱向得到邊長為a個像素點的數(shù)個正方形。
[0041]在實際應用當中，可以通過對圖形界面劃分的排列網(wǎng)格，確定每個正方形圖標的位置。在對正方形等比排列模板的設計過程中，只需要確定各個圖標在排列網(wǎng)格中的相對位置即可，不需要再針對每種屏幕分辨率設計單獨的顯示模板或者調(diào)節(jié)模板中的各個圖標在屏幕中的絕對位置。
[0042]優(yōu)選的，本申請上述實施例中，在數(shù)據(jù)內(nèi)容集合至少包括:數(shù)據(jù)內(nèi)容和與數(shù)據(jù)內(nèi)容對應的預設圖標屬性的情況下，步驟S17根據(jù)數(shù)據(jù)內(nèi)容集合，獲取與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板中，步驟可以包括:
[0043]步驟S171 a，根據(jù)數(shù)據(jù)內(nèi)容集合，確定數(shù)據(jù)內(nèi)容集合包含的數(shù)據(jù)內(nèi)容的數(shù)量。
[0044]步驟S173a，將數(shù)據(jù)內(nèi)容的數(shù)量與等高矩形排列模板定義的圖標數(shù)量進行匹配，得到與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板。
[0045]步驟S175a，將數(shù)據(jù)內(nèi)容的預設圖標屬性分別與等高矩形排列模板中與各個圖標對應的預設的圖標屬性進行匹配，得到數(shù)據(jù)內(nèi)容在等高矩形排列模板中的顯示位置。
[0046]具體的，通過上述步驟S171a至步驟S175a，將獲取到的數(shù)據(jù)內(nèi)容集合進行分析，得到數(shù)據(jù)內(nèi)容集合中包含的數(shù)據(jù)內(nèi)容的數(shù)量。通過等高矩形排列模板定義的正方形圖標的顯示數(shù)量與數(shù)據(jù)內(nèi)容集合所包含的數(shù)據(jù)內(nèi)容的數(shù)量進行匹配，確定與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板。將數(shù)據(jù)內(nèi)容集合中預先對數(shù)據(jù)內(nèi)容設置的圖標屬性與該等高矩形排列模板中各個位置圖標的屬性進行匹配，從而確定數(shù)據(jù)內(nèi)容集合中各個數(shù)據(jù)內(nèi)容在等高矩形排列模板中的顯示位置。其中，數(shù)據(jù)內(nèi)容集合中的預先對數(shù)據(jù)內(nèi)容設置的圖標屬性可以是程序開發(fā)人員在開發(fā)過程中，在對該數(shù)據(jù)內(nèi)容的顯示有特殊要求時，設置的圖標屬性值。
[0047]在實際應用當中，數(shù)據(jù)內(nèi)容集合中包含的內(nèi)容數(shù)量是隨機的，很難針對每種情況設計一套獨有的等高矩形排列模板。所以，可以在設置等高矩形排列模板的時候，為每個等高矩形排列模板設置一個適用內(nèi)容數(shù)量的適用區(qū)間，從而擴大每種模板的適用范圍。
[0048]以數(shù)據(jù)內(nèi)容集合中由四個需要顯示的數(shù)據(jù)內(nèi)容，并且預設圖標屬性是預先設置的預設圖標邊長為例進行說明。首先確定數(shù)據(jù)內(nèi)容集合中的數(shù)據(jù)內(nèi)容的數(shù)量為四。然后獲取適用區(qū)間包含四個的等高矩形排列模板。最后，按照預設圖標屬性中預先設置的預設圖標的各邊邊長與等高矩形排列模板中的矩形圖標的各邊邊長進行匹配，得到預設圖標邊長與等高矩形排列模板中圖標邊長的匹配結(jié)果。當然，預設圖標屬性還可以是數(shù)據(jù)內(nèi)容的顯示優(yōu)先級等。
[0049]優(yōu)選的，本申請上述實施例中，在步驟S11讀取屏幕的屏幕分辨率之前，方法還包括:
[0050]步驟SlOa，設定等高矩形排列模板，等高矩形排列模板用于確定數(shù)據(jù)內(nèi)容集合中的內(nèi)容數(shù)據(jù)的顯示位置和用于顯示內(nèi)容數(shù)據(jù)的等高矩形圖標的圖標大小。
[0051]具體的，通過上述步驟SlOa，針對需要顯示的內(nèi)容數(shù)量，預先設置不同的等高矩形排列模板。等高矩形排列模板中規(guī)定了各個圖標的顯示位置和各個圖標的顯示大小。
[0052]優(yōu)選的,本申請上述實施例中，在步驟SlOa設定等高矩形排列模板中，設定模板的步驟可以包括:
[0053]步驟SlOla，設定等高矩形圖標間的圖標間距為a。
[0054]步驟S103a，設定等高矩形圖標中用于定義初始位置的正方形的初始圖標的邊長為a*n,其中，η為正整數(shù)。
[0055]步驟S105a，設定在初始圖標在橫向方向上的各個等高矩形圖標的縱向高邊邊長為a*n,橫向?qū)掃呥呴L為a*n’，其中，η’為正整數(shù)。
[0056]步驟S107a，根據(jù)初始圖標的邊長、等高矩形圖標的橫向?qū)掃呥呴La*n’和圖標間距，設定等高矩形圖標的排列位置。
[0057]具體的，通過上述步驟SlOla至步驟S107a，對設定等高矩形排列模板的步驟進行說明。首先，將等高矩形圖標間的圖標間距設置為a，其中，a是基本單位，a與屏幕分辨率相對應。然后，確定在圖形界面中的初始矩形圖標的位置和大小。根據(jù)初始正方形圖標的位置和大小，在初始正方形圖標的橫向方向，依次設定若干個等高矩形圖標，這些圖標的高都與用于定義初始位置的正方形圖標的邊長相同，而寬邊的邊長則為a的整數(shù)倍。最后，根據(jù)上述初始圖標的大小和等高矩形圖標的大小，設定各個等高矩形圖標的相對位置。
[0058]優(yōu)選的，本申請上述實施例中，在數(shù)據(jù)內(nèi)容集合至少包括:至少一個功能性數(shù)據(jù)和至少一個用于描述功能性數(shù)據(jù)的指標數(shù)據(jù)的情況下，步驟S17根據(jù)數(shù)據(jù)內(nèi)容集合，獲取與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板中，步驟可以包括:
[0059]步驟S171b，根據(jù)數(shù)據(jù)內(nèi)容集合，確定數(shù)據(jù)內(nèi)容集合中包含的與每個功能性數(shù)據(jù)對應的指標數(shù)據(jù)的指標數(shù)量。
[0060]步驟S173b，將指標數(shù)量與等高矩形排列模板中定義為用于顯示指標數(shù)據(jù)的等高矩形圖標的顯示數(shù)量進行匹配，得到與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板。
[0061]具體的，通過上述步驟S171b至步驟S173b，將獲取到的數(shù)據(jù)內(nèi)容集合進行分析，得到數(shù)據(jù)內(nèi)容集合中包含的功能性數(shù)據(jù)和與功能性數(shù)據(jù)對應的指標數(shù)據(jù)的數(shù)量。將等高矩形排列模板定義的正方形圖標橫向方向的等高矩形圖標的數(shù)量與指標數(shù)據(jù)進行匹配，確定與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板。其中，功能性指標可以是用于點擊操作的圖標內(nèi)容，功能性指標也可以是直接反應數(shù)據(jù)本身的數(shù)值。而指標數(shù)據(jù)為對功能性數(shù)據(jù)的描述性數(shù)據(jù)，可以用于對功能性數(shù)據(jù)進行補充描述，也可以用于對功能性數(shù)據(jù)的分析數(shù)據(jù)，還可以用于針對于用戶的關于功能性數(shù)據(jù)的提示性操作。
[0062]在實際應用當中，數(shù)據(jù)內(nèi)容集合中至少包含了一個功能性參數(shù)，而對于功能性參數(shù)的指標數(shù)據(jù)的數(shù)量則是隨機的，很難針對每種情況設計一套獨有的等高矩形排列模板。所以，可以在設置等高矩形排列模板的時候，為每個等高矩形排列模板設置一個適用區(qū)間，從而擴大每種模板的適用范圍。
[0063]并且，如果數(shù)據(jù)內(nèi)容包含了兩個以上的功能性參數(shù)時，等高矩形排列模板針對每一組功能性參數(shù)進行匹配。并針對于功能性參數(shù)對應的指標數(shù)據(jù)的數(shù)量匹配不同的等高矩形排列模板，對其進行顯示。
[0064]優(yōu)選的，本申請上述實施例中，在步驟S11讀取屏幕的屏幕分辨率之前，方法還包括:
[0065]步驟SlOb，設定等高矩形排列模板，等高矩形排列模板用于確定數(shù)據(jù)內(nèi)容集合中用于顯示功能性數(shù)據(jù)的正方形圖標的位置，以及用于顯示指標數(shù)據(jù)的等高矩形圖標的圖標位置和圖標大小。
[0066]具體的，通過上述步驟SlOb，針對需要顯示的指標數(shù)據(jù)的數(shù)量，預先設置不同的等高矩形排列模板。等高矩形排列模板中規(guī)定了各個圖標的顯示位置和各個圖標的顯示大小。
[0067]優(yōu)選的，本申請上述實施例中，在步驟SlOb設定等高矩形排列模板中，步驟可以包括:
[0068]步驟SlOlb，設定等高矩形圖標間的圖標間距為a。
[0069]步驟S103b，設定用于顯示功能數(shù)據(jù)的正方形圖標的邊長為a*n，其中，η為正整數(shù)。
[0070]步驟S105b，設定各個用于顯示指標數(shù)據(jù)的等高矩形圖標的縱向高邊邊長為a*n，橫向?qū)掃呥呴L為a*n’，其中，η’為正整數(shù)。
[0071]步驟S107b,根據(jù)初始圖標的邊長a*n、等聞矩形圖標的橫向?qū)掃呥呴La*n’和圖標間距a，設定等高矩形圖標的排列位置。
[0072]具體的，通過上述步驟SlOlb至步驟S107b，對設定等高矩形排列模板的步驟進行說明。首先，將等高矩形圖標間的圖標間距設置為a，其中，a是基本單位，a與屏幕分辨率相對應。然后，確定在圖形界面中用于顯示功能性數(shù)據(jù)的初始矩形圖標的位置和大小。根據(jù)初始正方形圖標的位置和大小，在初始正方形圖標的橫向方向，依次設定若干個用于顯示描述功能性數(shù)據(jù)的指標數(shù)據(jù)的等高矩形圖標，這些圖標的高邊的邊長都與用于定義初始位置的正方形圖標的邊長相同，而寬邊的邊長則為a的整數(shù)倍。最后，根據(jù)上述初始圖標的大小和等高矩形圖標的大小，設定各個等高矩形圖標的相對位置。
[0073]在實際應用當中，通過將邊長設置為基本單位a的這種方法，可以方便模板設計人員對模板中各個圖標的位置進行定位，不用為了保證圖標在不同屏幕分辨率的屏幕上顯示的準確性，需要確定在每種屏幕上圖標的具體坐標值。
[0074]實施例2
[0075]本發(fā)明實施例還提供了一種圖形界面的排列顯示裝置，如圖2所示，該裝置可以包括:讀取模塊21、生成模塊23、第一獲取模塊25、第二獲取模塊27和顯示模塊29。
[0076]其中，讀取模塊21，用于讀取屏幕的屏幕分辨率。
[0077]具體的，通過上述讀取模塊21，獲取當前用于顯示圖形界面的屏幕的屏幕分辨率。
[0078]生成模塊23，用于根據(jù)屏幕分辨率對圖形界面進行劃分，生成排列網(wǎng)格。
[0079]具體的，通過上述生成模塊23，根據(jù)屏幕的屏幕分辨率，對圖形界面以網(wǎng)狀形式進行劃分。將圖形界面按照預定的間隔劃分為若干個正方形區(qū)域，得到與屏幕分辨率對應的用于排列圖標的排列網(wǎng)格。
[0080]在實際應用當中，常用的屏幕分辨率，以及屏幕比例只有幾種。可以預先根據(jù)屏幕的分辨率設置與屏幕分辨率對應的排列網(wǎng)格劃分的方案，以提高圖形界面在各種屏幕分辨率的屏幕上都能得到很好的顯示效果。
[0081]第一獲取模塊25，用于獲取需要顯示的數(shù)據(jù)內(nèi)容集合。
[0082]具體的，通過上述第一獲取模塊25，獲取需要通過圖形界面進行顯示的數(shù)據(jù)內(nèi)容集合，通過數(shù)據(jù)內(nèi)容集合可以確定需要顯示的內(nèi)容數(shù)量，以及需要進行顯示的數(shù)據(jù)內(nèi)容。
[0083]第二獲取模塊27，用于根據(jù)數(shù)據(jù)內(nèi)容集合，獲取與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板，其中，等高矩形排列模板用于表征在圖形界面內(nèi)，在用于確定初始位置的正方形圖標的橫向方向上，以寬度不同的等高矩形圖標按預定的排列方式對數(shù)據(jù)內(nèi)容進行顯示的排列顯示方法，排列網(wǎng)格用于表征等高矩形排列模板中用于計算各個矩形圖標各個邊長的基本單位。
[0084]具體的，通過上述第二獲取模塊27，將預先設置的等高矩形排列模板與由數(shù)據(jù)內(nèi)容集合確定的需要顯示的內(nèi)容數(shù)量進行匹配，得到與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板。其中，等高矩形排列模板的排列方式，首先，需要在排列網(wǎng)格上確定用于確定初始位置的正方形圖標的位置。然后，在正方形圖標的橫向方向，排列著至少一個高度相同而寬度不同的長方形圖標。正方形圖標和長方形圖標都可以用來顯示數(shù)據(jù)內(nèi)容集合中的數(shù)據(jù)內(nèi)容。通過等高矩形排列模板中的正方形圖標和長方形圖標的數(shù)量與數(shù)據(jù)內(nèi)容集合中的數(shù)據(jù)內(nèi)容進行匹配，得到與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板。等高矩形排列模板中的各個等高矩形圖標的長邊邊長和寬邊邊長都設定為排列網(wǎng)格的基本單位的整數(shù)倍，故需要通過排列網(wǎng)格的基本單位計算得到等高矩形排列模板中，各個圖標在顯示界面內(nèi)的具體顯示位置和大小。
[0085]在實際應用當中，可以根據(jù)需要顯示的內(nèi)容數(shù)量，預先設置不同的等高矩形排列模板。以針對需要對不同數(shù)量的內(nèi)容數(shù)據(jù)進行顯示的情況提供不同的顯示方式，從而實現(xiàn)更好地顯示效果。
[0086]顯示模塊29，用于將數(shù)據(jù)內(nèi)容集合按照等高矩形排列模板對數(shù)據(jù)內(nèi)容進行排列顯
/j、l Ο
[0087]具體的，上述顯示模塊29，將數(shù)據(jù)內(nèi)容中的數(shù)據(jù)，按照經(jīng)過匹配得到的等高矩形排列模板進行顯示。
[0088]通過上述讀取模塊21、生成模塊23、第一獲取模塊25、第二獲取模塊27和顯示模塊29，首先根據(jù)不同屏幕的屏幕分辨率，對圖形界面進行劃分，劃分為與屏幕分辨率對應的用于排列圖標的排列網(wǎng)格。然后，將預先設置的等高矩形排列模板與數(shù)據(jù)內(nèi)容集合的屬性信息進行匹配，得到適用于數(shù)據(jù)內(nèi)容集合的等高矩形排列模板，最后，將數(shù)據(jù)內(nèi)容集合中的各個需要顯示的數(shù)據(jù)內(nèi)容依照劃分的排列網(wǎng)格，按照等高矩形排列模板提供圖標位置進行顯不。
[0089]在實際應用當中，程序開發(fā)人員僅僅需要確定在圖形界面顯示的數(shù)據(jù)內(nèi)容，本方法就可以根據(jù)屏幕的屏幕分辨率和需要顯示的內(nèi)容獲取一套適用的等高矩形排列模板。將數(shù)據(jù)內(nèi)容以橫向排列的至少兩個等高矩形圖標的形式進行顯示。
[0090]綜上可知，本發(fā)明解決了現(xiàn)有技術中設計人員、技術人員、咨詢?nèi)藛T以及界面使用用戶需要針對每個前端界面進行重復開發(fā)，導致的開發(fā)效率低、浪費人力資源的問題，實現(xiàn)了根據(jù)需要顯示的數(shù)據(jù)內(nèi)容自動生成與數(shù)據(jù)內(nèi)容匹配的圖形界面的效果。
[0091]進一步的，可以通過上述生成模塊23，執(zhí)行如下步驟:
[0092]首先，根據(jù)屏幕分辨率，確定用于劃分圖形界面的基本單位a。然后，按照基本單位a對圖形界面進行劃分，將圖形界面劃分為由正方形組成的排列網(wǎng)格，其中，正方形邊長為基本單位a。
[0093]具體的，在上述步驟中，通過屏幕分辨率確認適用于當前屏幕分辨率的用于劃分圖形界面的基本單位a。對圖形界面按照基本單位a分別進行橫向和縱向的劃分，將圖形界面劃分為由邊長為a的正方形組成的排列網(wǎng)格。根據(jù)屏幕分辨率確定基本單位a的具體步驟可以是:根據(jù)分辨率確定屏幕的橫向、縱向像素數(shù)，進而根據(jù)橫向、縱向像素數(shù)對圖形界面進行劃分，橫向得到邊長為a個像素點的數(shù)個正方形，縱向得到邊長為a個像素點的數(shù)個正方形。
[0094]在實際應用當中，可以通過對圖形界面劃分的排列網(wǎng)格，確定每個正方形圖標的位置。在對正方形等比排列模板的設計過程中，只需要確定各個圖標在排列網(wǎng)格中的相對位置即可，不需要再針對每種屏幕分辨率設計單獨的顯示模板或者調(diào)節(jié)模板中的各個圖標在屏幕中的絕對位置。
[0095]進一步的，在上述第二獲取模塊27中的數(shù)據(jù)內(nèi)容集合至少包括:數(shù)據(jù)內(nèi)容和與數(shù)據(jù)內(nèi)容對應的預設圖標屬性的情況下，通過上述第二獲取模塊27執(zhí)行的步驟可以包括:
[0096]步驟A，根據(jù)數(shù)據(jù)內(nèi)容集合，確定數(shù)據(jù)內(nèi)容集合包含的數(shù)據(jù)內(nèi)容的數(shù)量。
[0097]步驟B，將數(shù)據(jù)內(nèi)容的數(shù)量與等高矩形排列模板定義的圖標數(shù)量進行匹配，得到與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板。
[0098]步驟C，將數(shù)據(jù)內(nèi)容的預設圖標屬性分別與等高矩形排列模板中與各個圖標對應的預設的圖標屬性進行匹配，得到數(shù)據(jù)內(nèi)容在等高矩形排列模板中的顯示位置。
[0099]具體的，通過上述步驟，將獲取到的數(shù)據(jù)內(nèi)容集合進行分析，得到數(shù)據(jù)內(nèi)容集合中包含的數(shù)據(jù)內(nèi)容的數(shù)量。通過等高矩形排列模板定義的正方形圖標的顯示數(shù)量與數(shù)據(jù)內(nèi)容集合所包含的數(shù)據(jù)內(nèi)容的數(shù)量進行匹配，確定與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板。將數(shù)據(jù)內(nèi)容集合中預先對數(shù)據(jù)內(nèi)容設置的圖標屬性與該等高矩形排列模板中各個位置圖標的屬性進行匹配，從而確定數(shù)據(jù)內(nèi)容集合中各個數(shù)據(jù)內(nèi)容在等高矩形排列模板中的顯示位置。其中，數(shù)據(jù)內(nèi)容集合中的預先對數(shù)據(jù)內(nèi)容設置的圖標屬性可以是程序開發(fā)人員在開發(fā)過程中，在對該數(shù)據(jù)內(nèi)容的顯示有特殊要求時，設置的圖標屬性值。
[0100]在實際應用當中，數(shù)據(jù)內(nèi)容集合中包含的內(nèi)容數(shù)量是隨機的，很難針對每種情況設計一套獨有的等高矩形排列模板。所以，可以在設置等高矩形排列模板的時候，為每個等高矩形排列模板設置一個適用內(nèi)容數(shù)量的適用區(qū)間，從而擴大每種模板的適用范圍。
[0101]以數(shù)據(jù)內(nèi)容集合中由四個需要顯示的數(shù)據(jù)內(nèi)容，并且預設圖標屬性是預先設置的預設圖標邊長為例進行說明。首先確定數(shù)據(jù)內(nèi)容集合中的數(shù)據(jù)內(nèi)容的數(shù)量為四。然后獲取適用區(qū)間包含四個的等高矩形排列模板。最后，按照預設圖標屬性中預先設置的預設圖標的各邊邊長與等高矩形排列模板中的矩形圖標的各邊邊長進行匹配，得到預設圖標邊長與等高矩形排列模板中圖標邊長的匹配結(jié)果。當然，預設圖標屬性還可以是數(shù)據(jù)內(nèi)容的顯示優(yōu)先級等。
[0102]優(yōu)選的，本申請上述實施例中，如圖3所示，在上述第二獲取模塊27中的數(shù)據(jù)內(nèi)容集合至少包括:數(shù)據(jù)內(nèi)容和與數(shù)據(jù)內(nèi)容對應的預設圖標屬性的情況下，裝置還可以包括:第一設定模塊201。
[0103]其中，第一設定模塊201，用于設定等高矩形排列模板，等高矩形排列模板用于確定數(shù)據(jù)內(nèi)容集合中的內(nèi)容數(shù)據(jù)的顯示位置和用于顯示內(nèi)容數(shù)據(jù)的等高矩形圖標的圖標大小。
[0104]具體的，通過上述第一設定模塊201，針對需要顯示的內(nèi)容數(shù)量，預先設置不同的等高矩形排列模板。等高矩形排列模板中規(guī)定了各個圖標的顯示位置和各個圖標的顯示大小。
[0105]進一步的，通過上述第一設定模塊201設定模板的步驟可以包括:
[0106]首先，設定等高矩形圖標間的圖標間距為a。然后，設定等高矩形圖標中用于定義初始位置的正方形的初始圖標的邊長為a*n，其中，η為正整數(shù)。進一步，設定在初始圖標在橫向方向上的各個等高矩形圖標的縱向高邊邊長為a*n，橫向?qū)掃呥呴L為a*n’，其中，η’為正整數(shù)。最后，根據(jù)初始圖標的邊長、等高矩形圖標的橫向?qū)掃呥呴La*n’和圖標間距，設定等高矩形圖標的排列位置。
[0107]具體的，通過上述第一設定模塊201，對設定等高矩形排列模板的步驟進行說明。首先，將等高矩形圖標間的圖標間距設置為a，其中，a是基本單位，a與屏幕分辨率相對應。然后，確定在圖形界面中的初始矩形圖標的位置和大小。根據(jù)初始正方形圖標的位置和大小，在初始正方形圖標的橫向方向，依次設定若干個等高矩形圖標，這些圖標的高都與用于定義初始位置的正方形圖標的邊長相同，而寬邊的邊長則為a的整數(shù)倍。最后，根據(jù)上述初始圖標的大小和等高矩形圖標的大小，設定各個等高矩形圖標的相對位置。
[0108]進一步的，在上述第二獲取模塊27中的數(shù)據(jù)內(nèi)容集合至少包括:至少一個功能性數(shù)據(jù)和至少一個用于描述功能性數(shù)據(jù)的指標數(shù)據(jù)的情況下。其中，通過上述第二獲取模塊27執(zhí)行的步驟可以包括:
[0109]步驟A’，根據(jù)數(shù)據(jù)內(nèi)容集合，確定數(shù)據(jù)內(nèi)容集合中包含的與每個功能性數(shù)據(jù)對應的指標數(shù)據(jù)的指標數(shù)量。
[0110]步驟B’，將指標數(shù)量與等高矩形排列模板中定義為用于顯示指標數(shù)據(jù)的等高矩形圖標的顯示數(shù)量進行匹配，得到與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板。
[0111]具體的，通過上述步驟，將獲取到的數(shù)據(jù)內(nèi)容集合進行分析，得到數(shù)據(jù)內(nèi)容集合中包含的功能性數(shù)據(jù)和與功能性數(shù)據(jù)對應的指標數(shù)據(jù)的數(shù)量。將等高矩形排列模板定義的正方形圖標橫向方向的等高矩形圖標的數(shù)量與指標數(shù)據(jù)進行匹配，確定與數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板。其中，功能性指標可以是用于點擊操作的圖標內(nèi)容，功能性指標也可以是直接反應數(shù)據(jù)本身的數(shù)值。而指標數(shù)據(jù)為對功能性數(shù)據(jù)的描述性數(shù)據(jù)，可以用于對功能性數(shù)據(jù)進行補充描述，也可以用于對功能性數(shù)據(jù)的分析數(shù)據(jù)，還可以用于針對于用戶的關于功能性數(shù)據(jù)的提示性操作。
[0112]在實際應用當中，數(shù)據(jù)內(nèi)容集合中至少包含了一個功能性參數(shù)，而對于功能性參數(shù)的指標數(shù)據(jù)的數(shù)量則是隨機的，很難針對每種情況設計一套獨有的等高矩形排列模板。所以，可以在設置等高矩形排列模板的時候，為每個等高矩形排列模板設置一個適用區(qū)間，從而擴大每種模板的適用范圍。
[0113]并且，如果數(shù)據(jù)內(nèi)容包含了兩個以上的功能性參數(shù)時，等高矩形排列模板針對每一組功能性參數(shù)進行匹配。并針對于功能性參數(shù)對應的指標數(shù)據(jù)的數(shù)量匹配不同的等高矩形排列模板，對其進行顯示。
[0114]優(yōu)選的，本申請上述實施例中，如圖4所示，在上述第二獲取模塊27中的數(shù)據(jù)內(nèi)容集合至少包括:至少一個功能性數(shù)據(jù)和至少一個用于描述功能性數(shù)據(jù)的指標數(shù)據(jù)的情況下，裝置還可以包括:第二設定模塊202。
[0115]第二設定模塊202，用于設定等高矩形排列模板，等高矩形排列模板用于確定數(shù)據(jù)內(nèi)容集合中用于顯示功能性數(shù)據(jù)的正方形圖標的位置，以及用于顯示指標數(shù)據(jù)的等高矩形圖標的圖標位直和圖標大小。
[0116]具體的，通過上述第二設定模塊202，針對需要顯示的指標數(shù)據(jù)的數(shù)量，預先設置不同的等高矩形排列模板。等高矩形排列模板中規(guī)定了各個圖標的顯示位置和各個圖標的顯示大小。
[0117]進一步的，通過上述第二設定模塊202設定模板的步驟可以包括:
[0118]首先，設定等高矩形圖標間的圖標間距為a。然后，設定用于顯示功能數(shù)據(jù)的正方形圖標的邊長為a*n，其中，η為正整數(shù)。進一步的，設定各個用于顯示指標數(shù)據(jù)的等高矩形圖標的縱向高邊邊長為a*n，橫向?qū)掃呥呴L為a*n’，其中，η’為正整數(shù)。最后，根據(jù)初始圖標的邊長a*n、等聞矩形圖標的橫向?qū)掃呥呴La*n’和圖標間距a,設定等聞矩形圖標的排列位置。
[0119]具體的，通過上述第二設定模塊202，對設定等高矩形排列模板的步驟進行說明。首先，將等高矩形圖標間的圖標間距設置為a，其中，a是基本單位，a與屏幕分辨率相對應。然后，確定在圖形界面中用于顯示功能性數(shù)據(jù)的初始矩形圖標的位置和大小。根據(jù)初始正方形圖標的位置和大小，在初始正方形圖標的橫向方向，依次設定若干個用于顯示描述功能性數(shù)據(jù)的指標數(shù)據(jù)的等高矩形圖標，這些圖標的高邊的邊長都與用于定義初始位置的正方形圖標的邊長相同，而寬邊的邊長則為a的整數(shù)倍。最后，根據(jù)上述初始圖標的大小和等高矩形圖標的大小，設定各個等高矩形圖標的相對位置。
[0120]在實際應用當中，通過將邊長設置為基本單位a的這種方法，可以方便模板設計人員對模板中各個圖標的位置進行定位，不用為了保證圖標在不同屏幕分辨率的屏幕上顯示的準確性，需要確定在每種屏幕上圖標的具體坐標值。
[0121]需要說明的是，對于前述的各方法實施例，為了簡單描述，故將其都表述為一系列的動作組合，但是本領域技術人員應該知悉，本發(fā)明并不受所描述的動作順序的限制，因為依據(jù)本發(fā)明，某些步驟可以采用其他順序或者同時進行。其次，本領域技術人員也應該知悉，說明書中所描述的實施例均屬于優(yōu)選實施例，所涉及的動作和模塊并不一定是本發(fā)明所必須的。
[0122]在上述實施例中，對各個實施例的描述都各有側(cè)重，某個實施例中沒有詳述的部分，可以參見其他實施例的相關描述。
[0123]在本申請所提供的幾個實施例中，應該理解到，所揭露的裝置，可通過其它的方式實現(xiàn)。例如，以上所描述的裝置實施例僅僅是示意性的，例如所述單元的劃分，僅僅為一種邏輯功能劃分，實際實現(xiàn)時可以有另外的劃分方式，例如多個單元或組件可以結(jié)合或者可以集成到另一個系統(tǒng)，或一些特征可以忽略，或不執(zhí)行。另一點，所顯示或討論的相互之間的耦合或直接耦合或通信連接可以是通過一些接口，裝置或單元的間接耦合或通信連接，可以是電性或其它的形式。
[0124]所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個地方，或者也可以分布到多個網(wǎng)絡單元上?？梢愿鶕?jù)實際的需要選擇其中的部分或者全部單元來實現(xiàn)本實施例方案的目的。
[0125]另外，在本發(fā)明各個實施例中的各功能單元可以集成在一個處理單元中，也可以是各個單元單獨物理存在，也可以兩個或兩個以上單元集成在一個單元中。上述集成的單元既可以采用硬件的形式實現(xiàn)，也可以采用軟件功能單元的形式實現(xiàn)。
[0126]所述集成的單元如果以軟件功能單元的形式實現(xiàn)并作為獨立的產(chǎn)品銷售或使用時，可以存儲在一個計算機可讀取存儲介質(zhì)中。基于這樣的理解，本發(fā)明的技術方案本質(zhì)上或者說對現(xiàn)有技術做出貢獻的部分或者該技術方案的全部或部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計算機軟件產(chǎn)品存儲在一個存儲介質(zhì)中，包括若干指令用以使得一臺計算機設備(可為個人計算機、移動終端、服務器或者網(wǎng)絡設備等)執(zhí)行本發(fā)明各個實施例所述方法的全部或部分步驟。而前述的存儲介質(zhì)包括:U盤、只讀存儲器(ROM，Read-OnlyMemory)、隨機存取存儲器(RAM, Random Access Memory)、移動硬盤、磁碟或者光盤等各種可以存儲程序代碼的介質(zhì)。
[0127]以上所述僅為本發(fā)明的優(yōu)選實施例而已，并不用于限制本發(fā)明，對于本領域的技術人員來說，本發(fā)明可以有各種更改和變化。凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進等，均應包含在本發(fā)明的保護范圍之內(nèi)。
【權(quán)利要求】
1.一種圖形界面的排列顯示方法，其特征在于，包括: 讀取屏幕的屏幕分辨率； 根據(jù)所述屏幕分辨率對所述圖形界面進行劃分，生成排列網(wǎng)格； 獲取需要顯示的數(shù)據(jù)內(nèi)容集合； 根據(jù)所述數(shù)據(jù)內(nèi)容集合，獲取與所述數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板，其中，所述等高矩形排列模板用于表征在圖形界面內(nèi)，在用于確定初始位置的正方形圖標的橫向方向上，以寬度不同的等高矩形圖標按預定的排列方式對所述數(shù)據(jù)內(nèi)容進行顯示的排列顯示方法，所述排列網(wǎng)格用于表征所述等高矩形排列模板中用于計算各個矩形圖標各個邊長的基本單位； 將所述數(shù)據(jù)內(nèi)容集合按照所述等高矩形排列模板對所述數(shù)據(jù)內(nèi)容進行排列顯示。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，根據(jù)所述屏幕分辨率對所述圖形界面進行劃分，生成排列網(wǎng)格的步驟包括: 根據(jù)所述屏幕分辨率，確定用于劃分所述圖形界面的基本單位a ； 按照所述基本單位a對所述圖形界面進行劃分，將所述圖形界面劃分為由正方形組成的所述排列網(wǎng)格，其中，所述正方形邊長為所述基本單位a。
3.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述數(shù)據(jù)內(nèi)容集合至少包括:所述數(shù)據(jù)內(nèi)容和與所述數(shù)據(jù)內(nèi)容對應的預設圖標屬性，其中，根據(jù)所述數(shù)據(jù)內(nèi)容集合，獲取與所述數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板的步驟包括: 根據(jù)所述數(shù)據(jù)內(nèi)容集合，確定所述數(shù)據(jù)內(nèi)容集合包含的所述數(shù)據(jù)內(nèi)容的數(shù)量； 將所述數(shù)據(jù)內(nèi)容的數(shù)量與所述等高矩形排列模板定義的圖標數(shù)量進行匹配，得到與所述數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板； 將所述數(shù)據(jù)內(nèi)容的所述預設圖標屬性分別與所述等高矩形排列模板中與各個圖標對應的預設的圖標屬性進行匹配，得到所述數(shù)據(jù)內(nèi)容在所述等高矩形排列模板中的顯示位置。
4.根據(jù)權(quán)利要求2所述的方法，其特征在于，在所述讀取屏幕的屏幕分辨率之前，所述方法還包括: 設定所述等高矩形排列模板，所述等高矩形排列模板用于確定所述數(shù)據(jù)內(nèi)容集合中的內(nèi)容數(shù)據(jù)的顯示位置和用于顯示內(nèi)容數(shù)據(jù)的等高矩形圖標的圖標大小。
5.根據(jù)權(quán)利要求4所述的方法，其特征在于，所述設定所述等高矩形排列模板的步驟包括: 設定所述等高矩形圖標間的圖標間距為a ； 設定所述等高矩形圖標中用于定義初始位置的正方形的初始圖標的邊長為a*n，其中，所述η為正整數(shù)； 設定在所述初始圖標在橫向方向上的各個所述等高矩形圖標的縱向高邊邊長為a*n，橫向?qū)掃呥呴L為為a*n’，其中,所述η’為正整數(shù)； 根據(jù)所述初始圖標的邊長、所述等高矩形圖標的橫向?qū)掃呥呴L和所述圖標間距，設定所述等高矩形圖標的排列位置。
6.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述數(shù)據(jù)內(nèi)容集合至少包括:至少一個功能性數(shù)據(jù)和至少一個用于描述所述功能性數(shù)據(jù)的指標數(shù)據(jù)，其中，根據(jù)所述數(shù)據(jù)內(nèi)容集合，獲取與所述數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板的步驟包括: 根據(jù)所述數(shù)據(jù)內(nèi)容集合，確定所述數(shù)據(jù)內(nèi)容集合中包含的與每個所述功能性數(shù)據(jù)對應的指標數(shù)據(jù)的指標數(shù)量； 將所述指標數(shù)量與所述等高矩形排列模板中定義為用于顯示指標數(shù)據(jù)的所述等高矩形圖標的顯示數(shù)量進行匹配，得到與所述數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板。
7.根據(jù)權(quán)利要求6所述的方法，其特征在于，在所述讀取屏幕的屏幕分辨率之前，所述方法還包括: 設定所述等高矩形排列模板，所述等高矩形排列模板用于確定所述數(shù)據(jù)內(nèi)容集合中用于顯示所述功能性數(shù)據(jù)的正方形圖標的位置，以及用于顯示所述指標數(shù)據(jù)的所述等高矩形圖標的圖標位直和圖標大小。
8.根據(jù)權(quán)利要求7所述的方法，其特征在于，所述設定所述等高矩形排列模板的步驟包括: 設定所述等高矩形圖標間的圖標間距為a ； 設定用于顯示所述功能性數(shù)據(jù)的正方形圖標的邊長為a*n，其中，所述η為正整數(shù)；設定各個用于顯示所述指標數(shù)據(jù)的等高矩形圖標的縱向高邊邊長為a*n，橫向?qū)掃呥呴L為為a*n’，其中，所述η’為正整數(shù)； 根據(jù)所述初始圖標的邊長a*n、所述等高矩形圖標的高邊邊長a*n’和所述圖標間距a，設定所述等高矩形圖標的排列位置。
9.一種圖形界面的排列顯示裝置，其特征在于，所述裝置包括: 讀取模塊，用于讀取屏幕的屏幕分辨率； 生成模塊，用于根據(jù)所述屏幕分辨率對所述圖形界面進行劃分，生成排列網(wǎng)格； 第一獲取模塊，用于獲取需要顯示的數(shù)據(jù)內(nèi)容集合； 第二獲取模塊，用于根據(jù)所述數(shù)據(jù)內(nèi)容集合，獲取與所述數(shù)據(jù)內(nèi)容集合匹配的等高矩形排列模板，其中，所述等高矩形排列模板用于表征在圖形界面內(nèi)，在用于確定初始位置的正方形圖標的橫向方向上，以寬度不同的等高矩形圖標按預定的排列方式對所述數(shù)據(jù)內(nèi)容進行顯示的排列顯示方法，所述排列網(wǎng)格用于表征所述等高矩形排列模板中用于計算各個矩形圖標各個邊長的基本單位； 顯示模塊，用于將所述數(shù)據(jù)內(nèi)容集合按照所述等高矩形排列模板對所述數(shù)據(jù)內(nèi)容進行排列顯示。
10.根據(jù)權(quán)利要求9所述的裝置，其特征在于，所述裝置還包括: 第一設定模塊，用于設定所述等高矩形排列模板，所述等高矩形排列模板用于確定所述數(shù)據(jù)內(nèi)容集合中的內(nèi)容數(shù)據(jù)的顯示位置和用于顯示內(nèi)容數(shù)據(jù)的等高矩形圖標的圖標大小。
11.根據(jù)權(quán)利要求9所述的裝置，其特征在于，所述裝置還包括: 第二設定模塊，用于設定所述等高矩形排列模板，所述等高矩形排列模板用于確定所述數(shù)據(jù)內(nèi)容集合中用于顯示功能性數(shù)據(jù)的正方形圖標的位置，以及用于顯示指標數(shù)據(jù)的所述等聞矩形圖標的圖標位置和圖標大小。
【文檔編號】G06F9/44GK104461547SQ201410779073
【公開日】2015年3月25日 申請日期:2014年12月15日 優(yōu)先權(quán)日:2014年12月15日
【發(fā)明者】黃佳嘉 申請人:北京國雙科技有限公司