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

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

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


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

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

【專利附圖】

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

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