一种基于自定义组件属性的组件状态设置方法及装置制造方法及图纸

本发明专利技术公开了一种基于自定义组件属性的组件状态设置方法及装置，其中方法包括：在设计端页面中设置待使用组件的自定义组件属性，所述自定义组件属性包括视觉特征属性、交互状态属性以及交互行为属性；根据所述自定义组件属性，创建所述待使用组件在多个交互场景下多种状态的组件变体；将所述多种状态的组件变体应用于目标交互式设计稿，并设置所述组件变体的交互逻辑；响应于用户操作和/或外部数据驱动，根据所述组件变体的交互逻辑将所述组件变体的状态切换为预设逻辑切换状态。本发明专利技术实现对同一组件不同状态的集中管理，设计师使用组件时仅需通过调整属性面板上的自定义属性值，便可获得对应状态的组件实例，提高了设计规范化程度和设计效率。

【技术实现步骤摘要】

本专利技术涉及软件设计，具体涉及一种基于自定义组件属性的组件状态设置方法及装置。

技术介绍

1、当前的用户界面设计工具或软件，均支持用户对组件进行设计操作。在设计工具中进行用户界面设计时，直接调用现成的组件时，可以创建当前组件的副本，即复制当前组件，本文称为“实例”。同一个组件在不同交互场景下需要表现为不同的状态，本文称为“组件状态”或“变体”。当组件存在适用于不同场景的多种状态的变体时，管理这些变体缺乏有效的手段。因为从代码实现的角度，这些状态各异的变体属于同一个组件在不同交互场景下的不同状态，而非互相独立的组件，但是因为缺少相应的定义和管理这些状态的方法，用户只能将其定义为各不相同的、独立的设计组件来使用。不仅增加了定义和使用组件的难度，并且使得组件的一致性和组件应用规范遭到破坏，进一步的造成研发侧实现组件消耗巨大的成本。

2、因此，组件定义者如何在同一组件内实现对组件不同状态进行定义和管理、以及如何有利于在日常设计中使用组件不同状态的问题亟需解决。

技术实现思路

1、鉴于上述问题，提出了本专本文档来自技高网...

【技术保护点】

1.一种基于自定义组件属性的组件状态设置方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述视觉特征属性包括颜色、尺寸、边距以及字体大小特征；

3.根据权利要求1或2所述的方法，其特征在于，所述自定义组件属性根据所述组件的图层名称进行定义与管理，以将同一组件的不同状态进行集中管理。

4.根据权利要求3所述的方法，其特征在于，所述组件的各个状态分别设置相应的唯一标识符，以通过所述唯一标识符更新所述组件的状态。

5.根据权利要求1所述的方法，其特征在于，所述自定义组件属性包括指定类型和属性值，以根据所述自定义属性及属性值创建...

【技术特征摘要】

1.一种基于自定义组件属性的组件状态设置方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述视觉特征属性包括颜色、尺寸、边距以及字体大小特征；

3.根据权利要求1或2所述的方法，其特征在于，所述自定义组件属性根据所述组件的图层名称进行定义与管理，以将同一组件的不同状态进行集中管理。

4.根据权利要求3所述的方法，其特征在于，所述组件的各个状态分别设置相应的唯一标识符，以通过所述唯一标识符更新所述组件的状态。

5.根据权利要求1所述的方法，其特征在于，所述自定义组件属性包括指定类型和属性值，以根据所述自定义属性及属性值创建所述组件的不同状态。

6.根据权利要求1-5中任一项所述的方法，其特...

【专利技术属性】
技术研发人员：罗琨，闫三木，
申请(专利权)人：北京创作美好科技有限公司，
类型：发明
国别省市：