图形界面的排列显示方法及装置.pdf

本发明公开了一种图形界面的排列显示方法及装置。其中，该方法包括：读取屏幕的屏幕分辨率；根据屏幕分辨率对图形界面进行划分，生成排列网格；获取需要显示的数据内容集合；根据数据内容集合，获取与数据内容集合匹配的正方形等比排列模板，正方形等比排列模板用于表征在图形界面内，不同大小的正方形图标按预定的排列方式进行显示的排列显示方法；将数据内容集合按照正方形等比排列模板对数据内容以正方形图标的形式进行排列显示。本发明解决了现有中设计人员、技术人员、咨询人员以及界面使用用户需要针对每个前端界面进行重复开发，导致的开发效率低、浪费人力资源的问题。

权利要求书
1.  一种图形界面的排列显示方法，其特征在于，包括：
读取屏幕的屏幕分辨率；
根据所述屏幕分辨率对所述图形界面进行划分，生成排列网格；
获取需要显示的数据内容集合；
根据所述数据内容集合，获取与所述数据内容集合匹配的正方形等比排列模板，所述正方形等比排列模板用于表征在图形界面内，不同大小的正方形图标按预定的排列方式进行显示的排列显示方法，其中，所述排列网格用于表征所述正方形等比模板中用于计算各个正方形图标边长的基本单位；
将所述数据内容集合按照所述正方形等比排列模板对数据内容以正方形图标的形式进行排列显示。

2.  根据权利要求1所述的方法，其特征在于，根据所述屏幕分辨率对所述图形界面进行划分，生成排列网格的步骤包括：
根据所述屏幕分辨率，确定用于划分所述图形界面的基本单位a；
按照所述基本单位a对所述图形界面进行划分，将所述图形界面划分为由正方形组成的所述排列网格，其中，所述正方形边长为所述基本单位a。

3.  根据权利要求2所述的方法，其特征在于，所述数据内容集合至少包括：所述数据内容和与所述数据内容对应的预设图标属性，其中，根据所述数据内容集合，获取与所述数据内容集合匹配的正方形等比排列模板的步骤包括：
根据所述数据内容集合，确定所述数据内容集合包含的所述数据内容的数量；
将所述数据内容的数量与所述正方形等比排列模板定义的所述正方形图标的显示数量进行匹配，得到与所述数据内容集合匹配的正方形等比排列模板；
将所述数据内容的所述预设图标属性分别与所述正方形等比排列模板中预设的图标属性进行匹配，得到所述数据内容在所述正方形等比排列模板中的显示位置。

4.  根据权利要求2所述的方法，其特征在于，在所述读取屏幕的屏幕分辨率之前，所述方法还包括：
设定所述正方形等比排列模板，所述正方形等比排列模板用于确定所述正方形图标的显示位置和所述正方形图标的图标大小。

5.  根据权利要求4所述的方法，其特征在于，所述设定所述正方形等比排列模板的步骤包括：
设定所述正方形图标间的图标间距为a；
设定所述正方形图标中用于定义初始位置的初始图标的边长为a*n，其中，所述n为正整数；
设定所述正方形图标用于显示数据内容的正方形的显示图标的边长为a*n’，其中，所述n’为正整数；
根据所述初始图标的边长、所述显示图标的边长和所述图标间距，设定所述正方形图标的排列位置。

6.  一种图形界面的排列显示装置，其特征在于，所述装置包括：
读取模块，用于读取屏幕的屏幕分辨率；
生成模块，用于根据所述屏幕分辨率对所述图形界面进行划分，生成排列网格；
第一获取模块，用于获取需要显示的数据内容集合；
第二获取模块，用于根据所述数据内容集合，获取与所述数据内容集合匹配的正方形等比排列模板，所述正方形等比排列模板用于表征在图形界面内，不同大小的正方形图标按预定的排列方式进行显示的排列显示方法，其中，所述排列网格用于表征所述正方形等比模板中用于计算各个正方形图标边长的基本单位；
显示模块，用于将所述数据内容集合按照所述正方形等比排列模板对数据内容以正方形图标的形式行排列显示。

7.  根据权利要求6所述的装置，其特征在于，所述生成模块包括：
第一子确定模块，用于根据所述屏幕分辨率，确定用于划分所述图形界面的基本单位a；
子生成模块，用于按照所述基本单位a对所述图形界面进行划分，将所述图形界面划分为由正方形组成的所述排列网格，其中，所述正方形边长为所述基本单位a。

8.  根据权利要求7所述的装置，其特征在于，所述第二获取模块包括：
第二子确定模块，用于根据所述数据内容集合，确定所述数据内容集合包含的所述数据内容的数量，其中，所述数据内容集合至少包括：所述数据内容和与所述数据内容对应的预设图标属性；
第一子匹配模块，用于将所述数据内容的数量与所述正方形等比排列模板定义的所述正方形图标的显示数量进行匹配，得到与所述数据内容集合匹配的正方形等比排列模板；
第二子匹配模块，用于将所述数据内容的所述预设图标属性分别与所述正方形等比排列模板中预设的图标属性进行匹配，得到所述数据内容在所述正方形等比排列模板中的显示位置。

9.  根据权利要求7所述的装置，其特征在于，所述装置还包括：
设定模块，用于设定所述正方形等比排列模板，所述正方形等比排列模板用于确定所述正方形图标的显示位置和所述正方形图标的图标大小。

10.  根据权利要求9所述的装置，其特征在于，所述设定模块包括：
第一子设定模块，用于设定所述正方形图标间的图标间距为a；
第二子设定模块，用于设定所述正方形图标中用于定义初始位置的初始图标的边长为a*n，其中，所述n为正整数；
第三子设定模块，用于设定所述正方形图标用于显示数据内容的正方形的显示图标的边长为a*n’，其中，所述n’为正整数；
第四子设定模块，用于根据所述初始图标的边长、所述显示图标的边长和所述图标间距，设定所述正方形图标的排列位置。

说明书图形界面的排列显示方法及装置
技术领域
本发明涉及计算机领域，具体而言，涉及一种图形界面的排列显示方法及装置。
背景技术
在日常的软件开发过程中，程序开发人员往往在对软件功能进行开发之后，还要对前端显示界面进行设计开发。在开发调试阶段，不但要对软件功能的可靠性进行测试，还要对前端界面的兼容性和美观度进行验证。
对于程序开发人员来说，前端显示界面的设计开发工作往往并不能得心应手，很难在保证前端显示界面兼容性的同时，还兼顾美观度。每次在对功能开发完毕之后，还要花费大量的时间和精力对前端显示界面进行重复的开发，造成了程序开发人员资源的浪费。
进一步的，如果在多个开发人员对同一个软件进行开发时，很难统一每个程序开发人员开发出来的前端显示界面的一致性。
就设计人员来说，创意的结果是多样的，从创意产生到最终的工程图样的呈现都是需要经过大量的尺度换算和设定。同时在设计中存在大量的定制和个性多元化的设计概念，这样在多平台设计当中增加了设计师的工作量。就咨询人员来说，需要大量将咨询结果转换为简单易懂的图形的绘图任务，处理图形界面的工作量非常庞大。就界面的使用用户来说，想要打造具有自己个性的操作界面的学习成本和实施成本都很高。
针对现有技术中设计人员、技术人员、咨询人员以及界面使用用户需要针对每个前端界面进行重复开发，导致的开发效率低、浪费人力资源的问题，目前尚未提出有效的解决方案。
发明内容
本发明的主要目的在于提供一种图形界面的排列显示方法及装置，以解决现有技术中设计人员、技术人员、咨询人员以及界面使用用户需要针对每个前端界面进行重复开发，导致的开发效率低、浪费人力资源的问题。
为了实现上述目的，根据本发明实施例的一个方面，提供了一种图形界面的排列 显示方法。该方法包括：读取屏幕的屏幕分辨率；根据屏幕分辨率对图形界面进行划分，生成排列网格；获取需要显示的数据内容集合；根据数据内容集合，获取与数据内容集合匹配的正方形等比排列模板，正方形等比排列模板用于表征在图形界面内，不同大小的正方形图标按预定的排列方式进行显示的排列显示方法，其中，所述排列网格用于表征所述正方形等比模板中用于计算各个正方形图标边长的基本单位；将数据内容集合按照正方形等比排列模板对数据内容以正方形图标的形式进行排列显示。
为了实现上述目的，根据本发明实施例的另一方面，提供了一种图形界面的排列显示装置，该装置包括读取模块，用于读取屏幕的屏幕分辨率；生成模块，用于根据屏幕分辨率对图形界面进行划分，生成排列网格；第一获取模块，用于获取需要显示的数据内容集合；第二获取模块，用于根据数据内容集合，获取与数据内容集合匹配的正方形等比排列模板，正方形等比排列模板用于表征在图形界面内，不同大小的正方形图标按预定的排列方式进行显示的排列显示方法，其中，所述排列网格用于表征所述正方形等比模板中用于计算各个正方形图标边长的基本单位；显示模块，用于将数据内容集合按照正方形等比排列模板对数据内容以正方形图标的形式进行排列显示。
根据发明实施例，通过读取屏幕的屏幕分辨率；根据屏幕分辨率对图形界面进行划分，生成排列网格；获取需要显示的数据内容集合；根据数据内容集合，获取与数据内容集合匹配的正方形等比排列模板，正方形等比排列模板用于表征在图形界面内，不同大小的正方形图标按预定的排列方式进行显示的排列显示方法，其中，所述排列网格用于表征所述正方形等比模板中用于计算各个正方形图标边长的基本单位；将数据内容集合按照正方形等比排列模板对数据内容以正方形图标的形式进行排列显示，解决了现有技术中设计人员、技术人员、咨询人员以及界面使用用户需要针对每个前端界面进行重复开发，导致的开发效率低、浪费人力资源的问题。实现了根据需要显示的数据内容自动生成与数据内容匹配的图形界面的效果。
附图说明
构成本申请的一部分的附图用来提供对本发明的进一步理解，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：
图1是根据本发明实施例一的图形界面的排列显示方法的流程图；
图2是根据本发明实施例二的图形界面的排列显示装置的结构示意图；以及
图3是根据本发明实施例二优选的图形界面的排列显示装置的结构示意图。
具体实施方式
需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明。
为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。
需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
实施例1
本发明实施例提供了一种图形界面的排列显示方法。
图1是根据本发明实施例的图形界面的排列显示方法的流程图。如图1所示，该方法包括步骤如下：
步骤S11，读取屏幕的屏幕分辨率。
具体的，通过上述步骤S11，获取当前用于显示图形界面的屏幕的屏幕分辨率。
步骤S13，根据屏幕分辨率对图形界面进行划分，生成排列网格。
具体的，通过上述步骤S13，根据屏幕的屏幕分辨率，对图形界面以网状形式进行划分。将图形界面按照预定的间隔划分为若干个正方形区域，得到与屏幕分辨率对应的用于排列图标的排列网格。
在实际应用当中，常用的屏幕分辨率，以及屏幕比例只有几种。可以预先根据屏幕的分辨率设置与屏幕分辨率对应的排列网格划分的方案，以提高图形界面在各种屏幕分辨率的屏幕上都能得到很好的显示效果。
步骤S15，获取需要显示的数据内容集合。
具体的，通过上述步骤S15，获取需要通过图形界面进行显示的数据内容集合，通过数据内容集合可以确定需要显示的内容数量，以及需要进行显示的数据内容。
步骤S17，根据数据内容集合，获取与数据内容集合匹配的正方形等比排列模板，正方形等比排列模板用于表征在图形界面内，不同大小的正方形图标按预定的排列方式进行显示的排列显示方法，其中，所述排列网格用于表征所述正方形等比模板中用于计算各个正方形图标边长的基本单位。
具体的，通过上述步骤S17，将预先设置的正方形等比排列模板与由数据内容集合确定的需要显示的内容数量进行匹配，得到与数据内容集合匹配的正方形等比排列模板。正方形等比排列模板中的各个正方形图标的边长都设定为排列网格的基本单位的整数倍，故需要通过排列网格的基本单位计算得到正方形等比排列模板中，各个图标在显示界面内的具体显示位置和大小。
在实际应用当中，可以根据需要显示的内容数量，预先设置不同的正方形等比排列模板。以针对需要对不同数量的内容数据进行显示的情况提供不同的显示方式，从而实现更好地显示效果。
步骤S19，将数据内容集合按照正方形等比排列模板对数据内容以正方形图标的形式进行排列显示。
具体的，上述步骤S19，将数据内容中的数据，按照经过匹配得到的正方形等比排列模板进行显示。
通过上述步骤S11至步骤S19，首先根据不同屏幕的屏幕分辨率，对图形界面进行划分，划分为与屏幕分辨率对应的用于排列图标的排列网格。然后，将预先设置的正方形等比排列模板与数据内容集合的属性信息进行匹配，得到适用于数据内容集合的正方形等比排列模板，最后，将数据内容集合中的各个需要显示的数据内容依照划分的排列网格，按照正方形等比排列模板提供图标位置进行显示。
在实际应用当中，程序开发人员仅仅需要确定在图形界面显示的数据内容，本方法就可以根据屏幕的屏幕分辨率和需要显示的内容获取一套使用的正方形等比排列模板。将数据内容以不同大小的正方形图标的形式进行显示。
综上可知，本发明解决了现有技术中设计人员、技术人员、咨询人员以及界面使用用户需要针对每个前端界面进行重复开发，导致的开发效率低、浪费人力资源的问题，实现了根据需要显示的数据内容自动生成与数据内容匹配的图形界面的效果。
优选的，本申请上述实施例中，在步骤S13根据屏幕分辨率对图形界面进行划分，生成排列网格中，步骤可以包括：
步骤S131，根据屏幕分辨率，确定用于划分图形界面的基本单位a。
步骤S133，按照基本单位a对图形界面进行划分，将图形界面划分为由正方形组成的排列网格，其中，正方形边长为基本单位a。
具体的，上述步骤S131至步骤S133，通过屏幕分辨率确认适用于当前屏幕分辨率的用于划分图形界面的基本单位a。对图形界面按照基本单位a分别进行横向和纵向的划分，将图形界面划分为由边长为a的正方形组成的排列网格。根据屏幕分辨率确定基本单位a的具体步骤可以是：根据分辨率确定屏幕的横向、纵向像素数，进而根据横向、纵向像素数对图形界面进行划分，横向得到边长为a个像素点的数个正方形，纵向得到边长为a个像素点的数个正方形。
在实际应用当中，可以通过对图形界面划分的排列网格，确定每个正方形图标的位置。在对正方形等比排列模板的设计过程中，只需要确定各个图标在排列网格中的相对位置即可，不需要再针对每种屏幕分辨率设计单独的显示模板或者调节模板中的各个图标在屏幕中的绝对位置。
优选的，本申请上述实施例中，在数据内容集合至少包括：数据内容和与数据内容对应的预设图标属性的情况下，步骤S17根据数据内容集合，获取与数据内容集合匹配的正方形等比排列模板中，步骤可以包括：
步骤S171，根据数据内容集合，确定数据内容集合包含的数据内容的数量。
步骤S173，将数据内容的数量与正方形等比排列模板定义的正方形图标的显示数量进行匹配，得到与数据内容集合匹配的正方形等比排列模板。
步骤S175，将数据内容的预设图标属性分别与正方形等比排列模板中预设的图标属性进行匹配，得到数据内容在正方形等比排列模板中的显示位置。
具体的，通过上述步骤S171至步骤S175，将获取到的数据内容集合进行分析，得到数据内容集合中包含的数据内容的数量。通过正方形等比排列模板定义的正方形图标的显示数量与数据内容集合所包含的数据内容的数量进行匹配，确定与数据内容集合匹配的正方形等比排列模板。将数据内容集合中预先对数据内容设置的图标属性与该正方形等比排列模板中各个位置图标的属性进行匹配，从而确定数据内容集合中各个数据内容在正方形等比排列模板中的显示位置。
在实际应用当中，数据内容集合中包含的内容数量是随机的，很难针对每种情况设计一套独有的正方形等比排列模板。所以，可以在设置正方形等比排列模板的时候，为每个正方形等比排列模板设置一个适用内容数量的适用区间，从而扩大每种模板的适用范围。
以数据内容集合中由四个需要显示的数据内容，并且预设图标属性是预先设置的预设图标边长为例进行说明。首先确定数据内容集合中的数据内容的数量为四。然后获取适用区间包含四个的正方形等比排列模板。最后，按照预设图标属性中预先设置的预设图标边长与正方形等比排列模板中的正方形图标的边长进行匹配，得到预设图标边长与正方形等比排列模板中图标边长的匹配结果。当然，预设图标属性还可以是 数据内容的显示优先级等。
优选的，本申请上述实施例中，在步骤S11读取屏幕的屏幕分辨率之前，方法还包括：
步骤S10，设定正方形等比排列模板，正方形等比排列模板用于确定正方形图标的显示位置和正方形图标的图标大小。
具体的，通过上述步骤S10，针对需要显示的内容数量，预先设置不同的正方形等比排列模板。正方形等比排列模板中规定了各个图标的显示位置和图标的显示大小。
优选的，本申请上述实施例中，在步骤S10设定正方形等比排列模板中，步骤可以包括：
步骤S101，设定正方形图标间的图标间距为a。
步骤S103，设定正方形图标中用于定义初始位置的初始图标的边长为a*n，其中，n为正整数。
步骤S105，设定正方形图标用于显示数据内容的正方形的显示图标的边长为a*n’，其中，n’为正整数。
步骤S107，根据初始图标的边长、显示图标的边长和图标间距，设定正方形图标的排列位置。
具体的，通过上述步骤S101至步骤S107，对设定正方形等比排列模板的步骤进行说明。首先，将正方形图标间的图标间距设置为a，其中，a是基本单位，a与屏幕分辨率相对应。然后，确定在图形界面中的初始正方形图标的位置和大小。根据初始正方形图标的位置和大小，在初始正方形图标的周围，依次设定若干个正方形的显示图标，这些图标的边长都为a的整数倍。最后，根据上述初始图标的大小和显示图标的大小，设定各个正方形图标的相对位置。
在实际应用当中，通过将边长设置为基本单位a的这种方法，可以方便模板设计人员对模板中各个图标的位置进行定位，不用为了保证图标在不同屏幕分辨率的屏幕上显示的准确性，需要确定在每种屏幕上图标的具体坐标值。
实施例2
本发明实施例还提供了一种图形界面的排列显示装置，如图2所示，该装置可以包括：读取模块21、生成模块23、第一获取模块25、第二获取模块27和显示模块29。
其中，读取模块21，用于读取屏幕的屏幕分辨率。
具体的，通过上述读取模块21，获取当前用于显示图形界面的屏幕的屏幕分辨率。
生成模块23，用于根据屏幕分辨率对图形界面进行划分，生成排列网格。
具体的，通过上述生成模块23，根据屏幕的屏幕分辨率，对图形界面以网状形式进行划分。将图形界面按照预定的间隔划分为若干个正方形区域，得到与屏幕分辨率对应的用于排列图标的排列网格。
在实际应用当中，常用的屏幕分辨率，以及屏幕比例只有几种。可以预先根据屏幕的分辨率设置与屏幕分辨率对应的排列网格划分的方案，以提高图形界面在各种屏幕分辨率的屏幕上都能得到很好的显示效果。
第一获取模块25，用于获取需要显示的数据内容集合。
具体的，通过上述第一获取模块25，获取需要通过图形界面进行显示的数据内容集合，通过数据内容集合可以确定需要显示的内容数量，以及需要进行显示的数据内容。
第二获取模块27，用于根据数据内容集合，获取与数据内容集合匹配的正方形等比排列模板，正方形等比排列模板用于表征在图形界面内，不同大小的正方形图标按预定的排列方式进行显示的排列显示方法，其中，所述排列网格用于表征所述正方形等比模板中用于计算各个正方形图标边长的基本单位。
具体的，通过上述第二获取模块27，将预先设置的正方形等比排列模板与由数据内容集合确定的需要显示的内容数量进行匹配，得到与数据内容集合匹配的正方形等比排列模板。正方形等比排列模板中的各个正方形图标的边长都设定为排列网格的基本单位的整数倍，故需要通过排列网格的基本单位计算得到正方形等比排列模板中，各个图标在显示界面内的具体显示位置和大小。
在实际应用当中，可以根据需要显示的内容数量，预先设置不同的正方形等比排列模板。以针对需要对同数量的内容数据进行显示的情况提供不同的显示方式，从而实现更好地显示效果。
显示模块29，用于将数据内容集合按照正方形等比排列模板对数据内容以正方形图标的形式进行排列显示。
具体的，上述显示模块29，将数据内容中的数据，按照经过匹配得到的正方形等比排列模板进行显示。
通过上述读取模块21、生成模块23、第一获取模块25、第二获取模块27和显示模块29，首先根据不同屏幕的屏幕分辨率，对图形界面进行划分，划分为与屏幕分辨率对应的用于排列图标的排列网格。然后，将预先设置的正方形等比排列模板与数据 内容集合的属性信息进行匹配，得到适用于数据内容集合的正方形等比排列模板，最后，将数据内容集合中的各个需要显示的数据内容依照划分的排列网格，按照正方形等比排列模板提供图标位置进行显示。
在实际应用当中，程序开发人员仅仅需要确定在图形界面显示的数据内容，本方法就可以根据屏幕的屏幕分辨率和需要显示的内容获取一套使用的正方形等比排列模板。将数据内容以不同大小的正方形图标的形式进行显示。
综上可知，本发明解决了现有技术中设计人员、技术人员、咨询人员以及界面使用用户需要针对每个前端界面进行重复开发，导致的开发效率低、浪费人力资源的问题，实现了根据需要显示的数据内容自动生成与数据内容匹配的图形界面的效果。
优选的，本申请上述实施例中，生成模块23包括：第一子确定模块231和子生成模块233。
其中，第一子确定模块231，用于根据屏幕分辨率，确定用于划分图形界面的基本单位a。
子生成模块233，用于按照基本单位a对图形界面进行划分，将图形界面划分为由正方形组成的排列网格，其中，正方形边长为基本单位a。
具体的，上述第一子确定模块231和子生成模块233，通过屏幕分辨率确认适用于当前屏幕分辨率的用于划分图形界面的基本单位a。对图形界面按照基本单位a分别进行横向和纵向的划分，将图形界面划分为由边长为a的正方形组成的排列网格。根据屏幕分辨率确定基本单位a的具体步骤可以是：根据分辨率确定屏幕的横向、纵向像素数，进而根据横向、纵向像素数对图形界面进行划分，横向得到边长为a个像素点的数个正方形，纵向得到边长为a个像素点的数个正方形。
在实际应用当中，可以通过对图形界面划分的排列网格，确定每个正方形图标的位置。在对正方形等比排列模板的设计过程中，只需要确定各个图标在排列网格中的相对位置即可，不需要再针对每种屏幕分辨率设计单独的显示模板或者调节模板中的各个图标在屏幕中的绝对位置。
优选的，本申请上述实施例中，第二获取模块27包括：第二子确定模块271、第一子匹配模块273和第二子匹配模块275。
其中，第二子确定模块271，用于根据数据内容集合，确定数据内容集合包含的数据内容的数量，其中，数据内容集合至少包括：数据内容和与数据内容对应的预设图标属性。
第一子匹配模块273，用于将数据内容的数量与正方形等比排列模板定义的正方形图标的显示数量进行匹配，得到与数据内容集合匹配的正方形等比排列模板。
第二子匹配模块275，用于将数据内容的预设图标属性分别与正方形等比排列模板中预设的图标属性进行匹配，得到数据内容在正方形等比排列模板中的显示位置。
具体的，通过上述第二子确定模块271、第一子匹配模块273和第二子匹配模块275，将获取到的数据内容集合进行分析，得到数据内容集合中包含的数据内容的数量。通过正方形等比排列模板定义的正方形图标的显示数量与数据内容集合所包含的数据内容的数量进行匹配，确定与数据内容集合匹配的正方形等比排列模板。将数据内容集合中预先对数据内容设置的图标属性与该正方形等比排列模板中各个位置图标的属性进行匹配，从而确定数据内容集合中各个数据内容在正方形等比排列模板中的显示位置。
在实际应用当中，数据内容集合中包含的内容数量时随机的，很难针对每种情况设计一套独有的正方形等比排列模板。所以，可以在设置正方形等比排列模板的时候，为每个正方形等比排列模板设置一个适用内容数量的适用区间，从而扩大每种模板的适用范围。
以数据内容集合中由四个需要显示的数据内容，并且预设图标属性是预先设置的预设图标边长为例进行说明。首先确定数据内容集合中的数据内容的数量为四。然后获取适用区间包含四个的正方形等比排列模板。最后，按照预设图标属性中预先设置的预设图标边长与正方形等比排列模板中的正方形图标的边长进行匹配，得到预设图标边长与正方形等比排列模板中图标边长的匹配结果。当然，预设图标属性还可以是数据内容的显示优先级等。
优选的，本申请上述实施例中，如图3所述，装置还包括：设定模块20。
其中，设定模块20，用于设定正方形等比排列模板，正方形等比排列模板用于确定正方形图标的显示位置和正方形图标的图标大小。
具体的，通过上述设定模块20，针对需要显示的内容数量，预先设置不同的正方形等比排列模板。正方形等比排列模板中规定了各个图标的显示位置和图标的显示大小。
优选的，本申请上述实施例中，设定模块20包括：第一子设定模块201、第二子设定模块203、第三子设定模块205和第四子设定模块207。
其中，第一子设定模块201，用于设定正方形图标间的图标间距为a。
第二子设定模块203，用于设定正方形图标中用于定义初始位置的初始图标的边长为a*n，其中，n为正整数。
第三子设定模块205，用于设定正方形图标用于显示数据内容的正方形的显示图标的边长为a*n’，其中，n’为正整数。
第四子设定模块207，用于根据初始图标的边长、显示图标的边长和图标间距，设定正方形图标的排列位置。
具体的，通过上述第一子设定模块201、第二子设定模块203、第三子设定模块205和第四子设定模块207，对设定正方形比例排列模板的步骤进行说明。。首先，将正方形图标间的图标间距设置为a，其中，a是基本单位，a与屏幕分辨率相对应。然后，确定在图形界面中的初始正方形图标的位置和大小。根据初始正方形图标的位置和大小，在初始正方形图标的周围，依次设定若干个正方形的显示图标，这些图标的边长都为a的整数倍。最后，根据上述初始图标的大小和显示图标的大小，设定各个正方形图标的相对位置。
在实际应用当中，通过将边长设置为基本单位a的这种方法，可以方便模板设计人员对模板中各个图标的位置进行定位，不用为了保证图标在不同屏幕分辨率的屏幕上显示的准确性，需要确定在每种屏幕上图标的具体坐标值。
需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本发明并不受所描述的动作顺序的限制，因为依据本发明，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本发明所必须的。
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中，应该理解到，所揭露的装置，可通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用 时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可为个人计算机、移动终端、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。