一种组件联动控制方法及装置与流程

本发明涉及软件开发，具体涉及一种组件联动控制方法及装置。

背景技术：

1、从事开发业务的企业的职员通常包括ui设计师和前端研发人员，ui设计师通常通过ui设计图来向前端研发人员展示自己的设计内容，在和前端研发人员充分沟通后，然后由前端研发人员按照最终沟通后确定的ui设计图来实现ui设计工作。

2、但是，ui设计师提供的ui设计图大多都是静态的且无交互的，在ui设计逐渐趋向动态复杂化的背景下，例如用户点击按钮1时，展示组件1；用户点击按钮2时，展示组件2，ui设计师较难通过现有静态的且无交互的ui设计图向前端研发人员讲解自己的设计内容，这样就增加了ui设计师与前端研发人员的沟通成本，从而降低了企业职员工作效率。

3、此外，现有的ui设计，如果需要修改需要ui设计师重新绘制ui设计图，工作量大且不够便捷。

技术实现思路

1、针对现有技术中的问题，本发明实施例提供一种组件联动控制方法及装置，能够至少部分地解决现有技术中存在的问题。

2、一方面，本发明提出一种组件联动控制方法，包括：

3、响应用户在画布区执行的针对选中组件的操作事件，确定与操作事件类型相对应的事件对象入参；

4、发布所述事件对象入参至所述画布区中的各组件，根据所述事件对象入参和组件联动关系确定与所述选中组件联动的目标组件；其中，各组件中预先存储各自对应的组件联动关系；

5、根据所述事件对象入参修改所述目标组件的组件样式，并控制所述目标组件与所述选中组件进行联动。

6、其中，所述确定与操作事件类型相对应的事件对象入参，包括：

7、确定与第一操作事件类型相对应的事件对象入参为联动组件标识和联动组件操作标识；所述第一操作事件类型至少包括鼠标单击事件、鼠标双击事件和鼠标悬浮事件中的其中一项。

8、其中，所述确定与操作事件类型相对应的事件对象入参，包括：

9、确定与第二操作事件类型相对应的事件对象入参为联动组件标识、联动组件操作标识和操作参数值；所述第二操作事件类型包括自定义操作事件。

10、其中，所述根据所述事件对象入参和组件联动关系确定与所述选中组件联动的目标组件，包括：

11、控制各组件分别将所述事件对象入参与各自对应的组件联动关系进行比对，将比对结果一致的组件确定为与所述选中组件联动的目标组件。

12、其中，根据所述事件对象入参修改所述目标组件的组件样式，包括：

13、若确定所述事件对象入参为所述联动组件标识和所述联动组件操作标识，则调用联动组件属性对象，并根据所述联动组件属性对象中预先设置的组件样式修改值修改组件样式默认值。

14、其中，根据所述事件对象入参修改所述目标组件的组件样式，包括：

15、若确定所述事件对象入参为所述联动组件标识、所述联动组件操作标识和所述操作参数值，则按照所述操作参数值修改所述目标组件的组件样式。

16、其中，预先建立所述组件联动关系，包括：

17、响应所述用户在操作区中选择联动组件的触发动作，根据联动组件标识从组件对象数组中选择所述联动组件；所述组件对象数组包括已存在于所述画布区中的所有组件对象的存储信息；

18、获取所述联动组件的操作对象数组，并回显在联动组件操作选择下拉框中，以供所述用户选择联动组件操作；

19、获取所述联动组件的属性对象数组，并回显在联动组件属性选择下拉框中，以供所述用户选择联动组件属性对象；

20、响应所述用户在所述操作区中选择选中组件的触发动作，根据选中组件标识从组件对象数组中选择所述选中组件；

21、获取所述选中组件的属性对象数组，并回显在选中组件属性选择下拉框中，以供所述用户选择选中组件属性对象，并关联联动组件、用户选择的联动组件操作和选中组件属性对象，得到所述组件联动关系。

22、其中，在所述预先建立所述组件联动关系的步骤之前，所述组件联动控制方法还包括：

23、响应所述用户在组件区执行的数组创建动作，得到所述组件对象数组、所述操作对象数组和所述属性对象数组。

24、一方面，本发明提出一种组件联动控制装置，包括：

25、确定单元，用于响应用户在画布区执行的针对选中组件的操作事件，确定与操作事件类型相对应的事件对象入参；

26、发布单元，用于发布所述事件对象入参至所述画布区中的各组件，根据所述事件对象入参和组件联动关系确定与所述选中组件联动的目标组件；其中，各组件中预先存储各自对应的组件联动关系；

27、控制单元，用于根据所述事件对象入参修改所述目标组件的组件样式，并控制所述目标组件与所述选中组件进行联动。

28、再一方面，本发明实施例提供一种电子设备，包括：处理器、存储器和总线，其中，

29、所述处理器和所述存储器通过所述总线完成相互间的通信；

30、所述存储器存储有可被所述处理器执行的程序指令，所述处理器调用所述程序指令能够执行如下方法：

31、确定单元，用于响应用户在画布区执行的针对选中组件的操作事件，确定与操作事件类型相对应的事件对象入参；

32、发布单元，用于发布所述事件对象入参至所述画布区中的各组件，根据所述事件对象入参和组件联动关系确定与所述选中组件联动的目标组件；其中，各组件中预先存储各自对应的组件联动关系；

33、控制单元，用于根据所述事件对象入参修改所述目标组件的组件样式，并控制所述目标组件与所述选中组件进行联动。

34、本发明实施例提供一种非暂态计算机可读存储介质，包括：

35、所述非暂态计算机可读存储介质存储计算机指令，所述计算机指令使所述计算机执行如下方法：

36、确定单元，用于响应用户在画布区执行的针对选中组件的操作事件，确定与操作事件类型相对应的事件对象入参；

37、发布单元，用于发布所述事件对象入参至所述画布区中的各组件，根据所述事件对象入参和组件联动关系确定与所述选中组件联动的目标组件；其中，各组件中预先存储各自对应的组件联动关系；

38、控制单元，用于根据所述事件对象入参修改所述目标组件的组件样式，并控制所述目标组件与所述选中组件进行联动。

39、本发明实施例提供的组件联动控制方法及装置，响应用户在画布区执行的针对选中组件的操作事件，确定与操作事件类型相对应的事件对象入参；发布所述事件对象入参至所述画布区中的各组件，根据所述事件对象入参和组件联动关系确定与所述选中组件联动的目标组件；其中，各组件中预先存储各自对应的组件联动关系；根据所述事件对象入参修改所述目标组件的组件样式，并控制所述目标组件与所述选中组件进行联动，能够降低ui设计师与前端研发人员之间的沟通成本，不但提高了企业职员沟通工作效率，还提高了ui设计人员的设计工作效率。

技术特征：

1.一种组件联动控制方法，其特征在于，包括：

2.根据权利要求1所述的组件联动控制方法，其特征在于，所述确定与操作事件类型相对应的事件对象入参，包括：

3.根据权利要求1所述的组件联动控制方法，其特征在于，所述确定与操作事件类型相对应的事件对象入参，包括：

4.根据权利要求1所述的组件联动控制方法，其特征在于，所述根据所述事件对象入参和组件联动关系确定与所述选中组件联动的目标组件，包括：

5.根据权利要求2所述的组件联动控制方法，其特征在于，根据所述事件对象入参修改所述目标组件的组件样式，包括：

6.根据权利要求3所述的组件联动控制方法，其特征在于，根据所述事件对象入参修改所述目标组件的组件样式，包括：

7.根据权利要求1至6任一所述的组件联动控制方法，其特征在于，预先建立所述组件联动关系，包括：

8.根据权利要求7所述的组件联动控制方法，其特征在于，在所述预先建立所述组件联动关系的步骤之前，所述组件联动控制方法还包括：

9.一种组件联动控制装置，其特征在于，包括：

10.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至8中任一项所述方法的步骤。

11.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至8中任一项所述方法的步骤。

技术总结
本发明提供一种组件联动控制方法及装置，涉及软件开发技术领域，可用于金融领域或其他技术领域。所述方法包括：响应用户在画布区执行的针对选中组件的操作事件，确定与操作事件类型相对应的事件对象入参；发布所述事件对象入参至所述画布区中的各组件，根据所述事件对象入参和组件联动关系确定与所述选中组件联动的目标组件；根据所述事件对象入参修改所述目标组件的组件样式，并控制所述目标组件与所述选中组件进行联动。所述装置执行上述方法。本发明实施例提供的组件联动控制方法及装置，能够降低UI设计师与前端研发人员之间的沟通成本，从而提高了企业职员工作效率。

技术研发人员：郭贝贝,杨恺,阙梦婕,万里鹏
受保护的技术使用者：中国工商银行股份有限公司
技术研发日：
技术公布日：2024/1/13