圖形界面的排列顯示方法及裝置制造方法
【專利摘要】本發(fā)明公開了一種圖形界面的排列顯示方法及裝置。其中，該方法包括：讀取屏幕的屏幕分辨率；根據屏幕分辨率對圖形界面進行劃分，生成排列網格；獲取需要顯示的數據內容集合；根據數據內容集合，獲取與數據內容集合匹配的正方形組合排列模板；將數據內容集合按照正方形組合排列模板對數據內容以矩形圖標集合的形式進行排列，生成矩形顯示單元；將矩形顯示單元按照預定的單元排列模板進行排列顯示。本發(fā)明解決了現(xiàn)有技術中設計人員、技術人員、咨詢人員以及界面使用用戶需要針對每個前端界面進行重復開發(fā)，導致的開發(fā)效率低、浪費人力資源的問題。
【專利說明】圖形界面的排列顯示方法及裝置

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

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


【發(fā)明內容】

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

【專利附圖】

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

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