图形界面的排列显示方法及装置制造方法及图纸

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

【技术实现步骤摘要】
图形界面的排列显示方法及装置
本专利技术涉及计算机领域，具体而言，涉及一种图形界面的排列显示方法及装置。
技术介绍
在日常的软件开发过程中，程序开发人员往往在对软件功能进行开发之后，还要对前端显示界面进行设计开发。在开发调试阶段，不但要对软件功能的可靠性进行测试，还要对前端界面的兼容性和美观度进行验证。 对于程序开发人员来说，前端显示界面的设计开发工作往往并不能得心应手，很难在保证前端显示界面兼容性的同时，还兼顾美观度。每次在对功能开发完毕之后，还要花费大量的时间和精力对前端显示界面进行重复的开发，造成了程序开发人员资源的浪费。 进一步的，如果在多个开发人员对同一个软件进行开发时，很难统一每个程序开发人员开发出来的前端显示界面的一致性。 就设计人员来说，创意的结果是多样的，从创意产生到最终的工程图样的呈现都是需要经过大量的尺度换算和设定。同时在设计中存在大量的定制和个性多元化的设计概念，这样在多平台设计当中增加了设计师的工作量。就咨询人员来说，需要大量将咨询结果转换为简单易懂的图形的绘图任务，处理图形界面的工作量非常庞大。就界面的使用用户来说，想要打造具有自己个性的操作界面的学习成本和实施成本都很高。 针对现有技术中设计人员、技术人员、咨询人员以及界面使用用户需要针对每个前端界面进行重复开发，导致的开发效率低、浪费人力资源的问题，目前尚未提出有效的解决方案。
技术实现思路
本专利技术的主要目的在于提供一种图形界面的排列显示方法及装置，以解决现有技术中设计人员、技术人员、咨询人员以及界面使用用户需要针对每个前端界面进行重复开发，导致的开发效率低、浪费人力资源的问题。 为了实现上述目的，根据本专利技术实施例的一个方面，提供了一种图形界面的排列显示方法。该方法包括:读取屏幕的屏幕分辨率；根据屏幕分辨率对图形界面进行划分，生成排列网格；获取需要显示的数据内容集合；根据数据内容集合，获取与数据内容集合匹配的等高矩形排列模板，其中，等高矩形排列模板用于表征在图形界面内，在用于确定初始位置的正方形图标的横向方向上，以宽度不同的等高矩形图标按预定的排列方式对数据内容进行显示的排列显示方法，排列网格用于表征等高矩形排列模板中用于计算各个矩形图标各个边长的基本单位；将数据内容集合按照等高矩形排列模板对数据内容进行排列显 /j、l Ο 为了实现上述目的，根据本专利技术实施例的另一方面，提供了一种图形界面的排列显示装置，该装置包括:读取模块，用于读取屏幕的屏幕分辨率；生成模块，用于根据屏幕分辨率对图形界面进行划分，生成排列网格；第一获取模块，用于获取需要显示的数据内容集合；第二获取模块，用于根据数据内容集合，获取与数据内容集合匹配的等高矩形排列模板，其中，等高矩形排列模板用于表征在图形界面内，在用于确定初始位置的正方形图标的横向方向上，以宽度不同的等高矩形图标按预定的排列方式对数据内容进行显示的排列显示方法，排列网格用于表征等高矩形排列模板中用于计算各个矩形图标各个边长的基本单位；显示模块，用于将数据内容集合按照等高矩形排列模板对数据内容进行排列显示。 根据专利技术实施例，通过读取屏幕的屏幕分辨率；根据屏幕分辨率对图形界面进行划分，生成排列网格；获取需要显示的数据内容集合；根据数据内容集合，获取与数据内容集合匹配的等高矩形排列模板，其中，等高矩形排列模板用于表征在图形界面内，在用于确定初始位置的正方形图标的横向方向上，以宽度不同的等高矩形图标按预定的排列方式对数据内容进行显示的排列显示方法，排列网格用于表征等高矩形排列模板中用于计算各个正方形图标边长的基本单位；将数据内容集合按照等高矩形排列模板对数据内容进行排列显示，解决了现有技术中设计人员、技术人员、咨询人员以及界面使用用户需要针对每个前端界面进行重复开发，导致的开发效率低、浪费人力资源的问题。实现了根据需要显示的数据内容自动生成与数据内容匹配的图形界面的效果。 【附图说明】 构成本申请的一部分的附图用来提供对本专利技术的进一步理解，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中: 图1是根据本专利技术实施例一的图形界面的排列显示方法的流程图； 图2是根据本专利技术实施例二的图形界面的排列显示装置的结构示意图； 图3是根据本专利技术实施例二优选的图形界面的排列显示装置的结构示意图；以及 图4是根据本专利技术实施例二优选的图形界面的排列显示装置的结构示意图。 【具体实施方式】 需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本专利技术。 为了使本
的人员更好地理解本专利技术方案，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分的实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本专利技术保护的范围。 需要说明的是，本专利技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本专利技术的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。 实施例1 本专利技术实施例提供了一种图形界面的排列显示方法。 图1是根据本专利技术实施例的图形界面的排列显示方法的流程图。如图1所示，该方法包括步骤如下: 步骤S11，读取屏幕的屏幕分辨率。 具体的，通过上述步骤S11，获取当前用于显示图形界面的屏幕的屏幕分辨率。 步骤S13，根据屏幕分辨率对图形界面进行划分，生成排列网格。 具体的，通过上述步骤S13，根据屏幕的屏幕分辨率，对图形界面以网状形式进行划分。将图形界面按照预定的间隔划分为若干个正方形区域，得到与屏幕分辨率对应的用于排列图标的排列网格。 在实际应用当中，常用的屏幕分辨率，以及屏幕比例只有几种。可以预先根据屏幕的分辨率设置与屏幕分辨率对应的排列网格划分的方案，以提高图形界面在各种屏幕分辨率的屏幕上都能得到很好的显示效果。 步骤S15，获取需要显示的数据内容集合。 具体的，通过上述步骤S15，获取需要通过图形界面进行显示的数据内容集合，通过数据内容集合可以确定需要显示的内容数量，以及需要进行显示的数据内容。 步骤S17，根据数据内容集合，获取与数据内容集合匹配的等高矩形排列模板，其中，等高矩形排列模板用于表征在图形界面内，在用于确定初始位置的正方形图标的横向方向上，以宽度不同的等高矩形图标按预定的排列方式对数据内容进行显示的排列显示方法，排列网格用于表征等高矩形排列模板中用于计算各个矩形图标各个边长的基本单位。 具体的，通过上述步骤S17，将预先设置的等高矩形排列模板与由数据内容集合确定的需要显示的内容数量进行匹配，得到与数据内容集合匹配的等高矩形排列模板。其中，等高矩形本文档来自技高网...

【技术保护点】
一种图形界面的排列显示方法，其特征在于，包括：读取屏幕的屏幕分辨率；根据所述屏幕分辨率对所述图形界面进行划分，生成排列网格；获取需要显示的数据内容集合；根据所述数据内容集合，获取与所述数据内容集合匹配的等高矩形排列模板，其中，所述等高矩形排列模板用于表征在图形界面内，在用于确定初始位置的正方形图标的横向方向上，以宽度不同的等高矩形图标按预定的排列方式对所述数据内容进行显示的排列显示方法，所述排列网格用于表征所述等高矩形排列模板中用于计算各个矩形图标各个边长的基本单位；将所述数据内容集合按照所述等高矩形排列模板对所述数据内容进行排列显示。

【技术特征摘要】
1.一种图形界面的排列显示方法，其特征在于，包括: 读取屏幕的屏幕分辨率； 根据所述屏幕分辨率对所述图形界面进行划分，生成排列网格； 获取需要显示的数据内容集合； 根据所述数据内容集合，获取与所述数据内容集合匹配的等高矩形排列模板，其中，所述等高矩形排列模板用于表征在图形界面内，在用于确定初始位置的正方形图标的横向方向上，以宽度不同的等高矩形图标按预定的排列方式对所述数据内容进行显示的排列显示方法，所述排列网格用于表征所述等高矩形排列模板中用于计算各个矩形图标各个边长的基本单位； 将所述数据内容集合按照所述等高矩形排列模板对所述数据内容进行排列显示。2.根据权利要求1所述的方法，其特征在于，根据所述屏幕分辨率对所述图形界面进行划分，生成排列网格的步骤包括: 根据所述屏幕分辨率，确定用于划分所述图形界面的基本单位a ； 按照所述基本单位a对所述图形界面进行划分，将所述图形界面划分为由正方形组成的所述排列网格，其中，所述正方形边长为所述基本单位a。3.根据权利要求2所述的方法，其特征在于，所述数据内容集合至少包括:所述数据内容和与所述数据内容对应的预设图标属性，其中，根据所述数据内容集合，获取与所述数据内容集合匹配的等高矩形排列模板的步骤包括: 根据所述数据内容集合，确定所述数据内容集合包含的所述数据内容的数量； 将所述数据内容的数量与所述等高矩形排列模板定义的图标数量进行匹配，得到与所述数据内容集合匹配的等高矩形排列模板； 将所述数据内容的所述预设图标属性分别与所述等高矩形排列模板中与各个图标对应的预设的图标属性进行匹配，得到所述数据内容在所述等高矩形排列模板中的显示位置。4.根据权利要求2所述的方法，其特征在于，在所述读取屏幕的屏幕分辨率之前，所述方法还包括: 设定所述等高矩形排列模板，所述等高矩形排列模板用于确定所述数据内容集合中的内容数据的显示位置和用于显示内容数据的等高矩形图标的图标大小。5.根据权利要求4所述的方法，其特征在于，所述设定所述等高矩形排列模板的步骤包括: 设定所述等高矩形图标间的图标间距为a ； 设定所述等高矩形图标中用于定义初始位置的正方形的初始图标的边长为a*n，其中，所述η为正整数； 设定在所述初始图标在横向方向上的各个所述等高矩形图标的纵向高边边长为a*n，横向宽边边长为为a*n’，其中,所述η’为正整数； 根据所述初始图标的边长、所述等高矩形图标的横向宽边边长和所述图标间距，设定所述等高矩形图标的排列位置。6.根据权利要求2所述的方法，其特征在于，所述数据内容集合至少包括:至少一个功能性数据和至少一个...

【专利技术属性】
技术研发人员：黄佳嘉，
申请(专利权)人：北京国双科技有限公司，
类型：发明
国别省市：北京;11