一种组件配置方法、装置及计算机可读存储介质与流程

本申请涉及计算机，具体涉及一种组件配置方法、装置及计算机可读存储介质。

背景技术：

1、低代码开发平台(lcdp)是无需编码(0代码)或通过少量代码就可以快速生成应用程序的开发平台。通过可视化进行应用程序开发的方法(参考可视编程语言)，使具有不同经验水平的开发人员可以通过图形化的用户界面，使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。

2、相关技术中，一般都采用以组件的维度进行拖拽来实现低代码开发平台的开发。在对相关技术的研究和实践过程中，本申请的发明人发现，相关技术中，以组件的维度进行拖拽，无法实现组件对应多个状态的流畅切换，因为多个状态需要拖拽多个组件来布局实现，但是拖拽的多个组件之间的切换又无法实现不同状态的流畅过渡，导致显示效果较差，降低用户的使用体验。

技术实现思路

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、在一些实施例中，所述组件配置装置，还包括关联单元，用于：

40、创建变量标识，所述变量标识携带第一变量值；

41、将所述第一变量值与所述基础组件的第一场景标识关联。

42、在一些实施例中，所述切换单元，用于：

43、响应于对所述第一模型进行切换的触发操作，将所述变量标识的第一变量值更改为第二变量值，并生成变更指令；

44、响应于所述变更指令，将所述第一场景标识切换至第二场景标识，并获取所述第二场景标识下的第二属性信息。

45、一种计算机可读存储介质，所述计算机可读存储介质存储有多条指令，所述指令适于处理器进行加载，以执行上述组件配置方法中的步骤。

46、一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可以在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述组件配置方法中的步骤。

47、一种计算机程序产品或计算机程序，所述计算机程序产品或计算机程序包括计算机指令，所述计算机指令存储在存储介质中。计算机设备的处理器从存储介质读取所述计算机指令，处理器执行所述计算机指令，使得所述计算机上述组件配置方法中的步骤。

48、本申请实施例通过响应于从组件区将基础组件拖拽至画布区的第一拖拽操作，在画布区上显示基础组件；为显示的基础组件配置在第一场景标识下对应的第一属性信息；响应于从组件区将基础组件拖拽至画布区上的第二拖拽操作，为显示的基础组件配置在第二场景标识下对应的第二属性信息；其中，第二属性信息中至少包括过渡状态子属性和显示状态子属性。以此，通过对同一个基础组件多次拖拽至画布区的拖拽操作，实现对同一个基础组件在多个场景标识下的多场景配置，并且还可以实现不同场景之间过渡状态子属性相应的过渡动画的配置，相对于相关技术通过拖拽多个组件实现多个场景状态切换的方案而言，本申请提升了组件在不同场景状态切换的流畅性，提升用户的使用体验。

技术特征：

1.一种组件配置方法，其特征在于，包括：

2.根据权利要求1所述的组件配置方法，其特征在于，所述组件配置方法，还包括：

3.根据权利要求1或2所述的组件配置方法，其特征在于，所述在所述画布区上显示所述基础组件之后，还包括：

4.根据权利要求1至3任一项所述的组件配置方法，其特征在于，所述为显示的基础组件配置在第一场景标识下对应的第一属性信息，包括：

5.根据权利要求1至4任一项所述的组件配置方法，其特征在于，所述为所述显示的基础组件配置在第二场景标识下对应的第二属性信息，包括：

6.根据权利要求5所述的组件配置方法，其特征在于，所述将所述显示的基础组件的第一场景标识更改为第二场景标识，包括：

7.根据权利要求6所述的组件配置方法，其特征在于，所述配置在所述第二场景标识下对应的第二属性信息，包括：

8.根据权利要求1至7任一项所述的组件配置方法，其特征在于，所述为所述显示的基础组件配置在第二场景标识下对应的第二属性信息之后，还包括：

9.根据权利要求8所述的组件配置方法，其特征在于，所述组件配置方法，还包括：

10.根据权利要求9所述的组件配置方法，其特征在于，所述响应于对所述第一模型进行切换的触发操作，将所述第一场景标识切换至第二场景标识，包括：

11.一种组件配置装置，其特征在于，包括：

12.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有多条指令，所述指令适于处理器进行加载，以执行权利要求1至10任一项所述的组件配置方法中的步骤。

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

技术总结
本申请实施例公开了一种组件配置方法、装置及计算机可读存储介质，本申请可应用于地图或交通场景，通过响应于从组件区将基础组件拖拽至画布区的第一拖拽操作，在画布区上显示基础组件；为显示的基础组件配置在第一场景标识下对应的第一属性信息；响应于从组件区将基础组件拖拽至画布区上的第二拖拽操作，为显示的基础组件配置在第二场景标识下对应的第二属性信息；其中，第二属性信息中至少包括过渡状态子属性和显示状态子属性。以此，通过对一个基础组件多次拖拽至画布区的拖拽操作，实现对基础组件在多个场景标识下的多场景配置，并配置不同场景之间过渡状态子属性相应的过渡动画，提升组件在不同场景状态切换的流畅性，提升用户的使用体验。

技术研发人员：陈倚天
受保护的技术使用者：腾讯科技（深圳）有限公司
技术研发日：
技术公布日：2024/1/14