[发明专利]一种基于原型设计工具的单元格子的快速创建方法及系统

说明书

本申请涉及一种基于原型设计工具的单元格子的快速创建方法及系统，所述方法包括如下步骤：建立独立单元，所述独立单元包括至少一种类型的基础组件；建立一个快速格子，并将所述独立单元编组到所述快速格子中，得到单元格子模板；获取用户设置的需要格子的数量，并根据所述单元格子模板生成所述数量的单元格子，其中，每个所述单元格子中的基础组件的类型与所述单元格子模板中的基础组件的类型相同；分别对每个所述单元格子中的所述基础组件进行重复过滤处理。可在设计过程中制作列表页、阵列列表时，使同类列表能够快速生成，且列表中的内容各不相同，保证了保持设计页面真实性，从而快速实现大量布局重复而内容略有不同的原型设计。

技术领域

本发明涉及计算机应用技术领域，尤其涉及一种基于原型设计工具的单元格子的快速创建方法及系统。

背景技术

在计算机软件，列表是一种十分常见的页面元素，在设计计算机软件时需要绘制原型图、设计稿。在设计过程中制作列表页、阵列列表时，需要不停地复制粘贴。为保证列表中每一项的内容(图片、文字)互不相同，保持设计页面真实性，需要花费大量的时间寻找和修改内容资源(图片、文字)。

在传统设计软件中，如Adobe Photoshop/Illustrator等软件，在制作这类页面时只能通过上述方法实现，设计效率十分的低，而列表类的元素在界面中又十分常见。

因此，在现有的原型设计工具中为了保持设计页面真实性，只能手动逐个修改每个单元模块中的组件内容，设计效率低下。

发明内容

本发明为了解决上述技术问题提供一种基于原型设计工具的单元格子的快速创建方法。

本发明解决上述技术问题的技术方案为：一种基于原型设计工具的单元格子的快速创建方法，包括如下步骤：

建立独立单元，所述独立单元包括至少一种类型的基础组件。

建立一个快速格子，并将所述独立单元编组到所述快速格子中，得到单元格子模板。

获取用户设置的需要格子的数量，并根据所述单元格子模板生成所述数量的单元格子，其中，每个所述单元格子中的基础组件的类型与所述单元格子模板中的基础组件的类型相同。

分别对每个所述单元格子中的所述基础组件进行重复过滤处理。

本发明的有益效果是，通过将需要组合的基础组件按照不同类型组合成独立单元并添加到快速格子中以形成单元格子模板，随后可根据单元格子模板快速复制出多个单元格子，以快速生成由单元格子组成的同类列表。再对每个单元格子中的基础组件进行重复过滤处理。从而实现在设计过程中制作列表页、阵列列表时，同类列表能够快速生成，且列表中的内容各不相同，保证了保持设计页面真实性，同时也提高了设计效率。

在上述技术方案的基础上，本发明还可以做如下改进。

进一步，所述基础组件包括文本组件或/和图片组件。

进一步，所述生成所述数量的单元格子的具体实现如下：

以所述单元格子模板为起始点在显示界面上建立一个矩形的显示区域；

根据所述显示区域的面积和所述单元格子模板的面积确定所述单元格子的数量。

采用上述进一步方案的有益效果是，通过在界面上以显示区域的面积来确定单元格子的数量，可更直观、快捷地在界面上直接确定需要的单元格子数量，从而提升了用户的设计体验和设计效率。

进一步，所述确定所述单元格子的数量具体实现如下：

获取所述显示区域的高度、所述单元格子模板的高度以及纵向相邻两个所述单元格子之间的间距，并根据所述显示区域的高度、所述单元格子模板的高度以及所述纵向相邻两个所述单元格子之间的间距计算出所述显示区域在纵向上的单元格子的数量M。