[发明专利]一种可分离的原型工具的单元格子的创建方法及系统

说明书

本申请涉及一种可分离的原型工具的单元格子的创建方法及系统，所述方法包括如下步骤：建立独立单元，独立单元包括至少一种类型的基础组件；建立一个快速格子，并将独立单元编组到快速格子中，得到单元格子模板；获取用户设置的需要格子的数量，并根据单元格子模板生成数量的单元格子；分别对每个单元格子中的基础组件进行重复过滤处理，得到多个过滤后的单元格子；分别为每个过滤后的单元格子设置一个用于指示过滤后的单元格子的状态的属性标签，状态包括同步状态和分离状态。可在保持设计页面真实性的同时，从多个同步的单元格子中分离出独立单元格子进行编辑，提高了原型设计的灵活性和效率。

技术领域

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

背景技术

在计算机软件界面中，经常会遇到各种各样的由图片，形状，文字等组合而成的阵列，这些阵列有很大的规律可循，每个小单元涉及的元素种类一般都是相同，但也有例外，如：在微信朋友圈界面中，虽然每条动态可看作的是一个小单元，然后不停的重复，但在动态中间会随机插入一条广告。如果在设计微信朋友圈广告植入这类型的页面时，使用传统的小单元阵列就不能解决问题。

如：Adobe XD软件，可通过重复网络工具生成小单元的阵列，但是当重复网络中有一个或两个单元格需要与重复网络中其他单元格不同样式或布局时，Adobe XD等软件的重复网络工具就不能满足实际的需求了。

综上所述，计算机软件界面中有大量重复的小单元组成的界面，在重复的同时又会有随机的某一个或多个小单元异于其他相同的小单元，目前的原型设计无法解决这个问题，从而极大程度上影响了原型设计和用户体验界面设计的效率。

发明内容

本发明为了解决上述技术问题提供一种可分离的原型工具的单元格子的创建方法。

本发明解决上述技术问题的技术方案如下：一种可分离的原型工具的单元格子的创建方法，包括如下步骤：

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

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

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

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

分别为每个所述过滤后的单元格子设置一个用于指示所述过滤后的单元格子的状态的属性标签，所述状态包括同步状态和分离状态。

本发明的有益效果是，通过将需要组合的基础组件按照不同类型组合成独立单元并添加到快速格子中以形成单元格子模板，随后可根据单元格子模板快速复制出多个单元格子，以快速生成由单元格子组成的同类列表。再对每个单元格子中的基础组件进行重复过滤处理。从而实现在设计过程中制作列表页、阵列列表时，同类列表能够快速生成，且列表中的内容各不相同，保证了保持设计页面真实性，同时也提高了设计效率。而且，通过在每个单元格子设置一个用于指示所述过滤后的单元格子的状态的属性标签，可以在重复类型的单元格子中，任意更改其中一个或多个单元格子的状态，从而分离出独立的单元格子进行编辑，提高了原型设计的灵活性和效率。

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

进一步，所述基础组件包括文本组件、图片组件、图标组件和形状组件中的至少一种。

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

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

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