【技术实现步骤摘要】
本申请涉及人机交互，具体而言，涉及一种基于构件组装人机交互界面的编排及换肤方法及设备。
技术介绍
1、随着智慧化城市建设的推进，人机交互界面（human-machine interface，hmi）的定制化需求激增。传统的人工全程定制界面的方法已经无法满足用户要求，因此亟需一种能够快速响应客户需求，并满足界面风格定制的人机交互界面。
2、现有技术提出一种人机交互界面的编辑方法，该方法应用在一个人机交互界面编辑软件中，该软件可以将配置代码提前封装成多个功能模块，用户通过该软件拖拽多个功能模块从而组成人机交互界面页，然后将该人机交互界面页转化为界面数据存储在服务端。当实际运行过程中，将上述界面数据转换为多个功能模块，从而展示人机交互界面页，满足丰富的页面展示需求。
3、但是，现有技术中提供的人机交互界面编辑方法中，人机交互界面编辑软件提供的功能模块为封闭状态下的功能模块，无法与其他模块之间形成业务闭环，因此组件之间无法通信，导致页面内组件之间的交互性差。
技术实现思路
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、响应针对所述目标风格构件的换肤指示，确定所述目标风格构件的目标风格原子属性信息；...
【技术保护点】
1.一种基于构件组装人机交互界面的编排及换肤方法，其特征在于，应用于构件编排基座，所述方法包括：
2.根据权利要求1所述的基于构件组装人机交互界面的编排及换肤方法，其特征在于，所述目标风格构件具有多种风格原子属性信息，各所述风格原子属性信息包括：风格文字字号、风格文字颜色、风格文字字体及风格背景颜色，所述需求功能构件具有多种功能原子属性信息，各所述功能原子属性信息包括：功能文字字号、功能文字颜色、功能文字字体及功能背景颜色，所述方法还包括：
3.根据权利要求1所述的基于构件组装人机交互界面的编排及换肤方法，其特征在于，所述方法还包括：
4.根据权利要求1所述的基于构件组装人机交互界面的编排及换肤方法，其特征在于，所述根据用户输入的风格需求和功能需求，确定至少一个需求风格构件和至少一个需求功能构件，包括：
5.根据权利要求1所述的基于构件组装人机交互界面的编排及换肤方法，其特征在于，所述将各所述需求功能构件编排至对应的目标风格构件中之后，还包括：
6.根据权利要求5所述的基于构件组装人机交互界面的编排及换肤方法，其特征在于
7.根据权利要求1-6任一项所述的基于构件组装人机交互界面的编排及换肤方法，其特征在于，所述根据各需求功能构件的功能类型以及各需求功能构件的通信接口，运行所述目标风格构件，包括：
8.根据权利要求7所述的基于构件组装人机交互界面的编排及换肤方法，其特征在于，所述方法还包括：
9.一种电子设备，其特征在于，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的程序指令，当电子设备运行时，所述处理器与所述存储器之间通过总线通信，所述处理器执行所述程序指令，以执行时执行如权利要求 1至 7任一所述的基于构件组装人机交互界面的编排及换肤方法的步骤。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行如权利要求1 至 7任一所述的基于构件组装人机交互界面的编排及换肤方法的步骤。
...【技术特征摘要】
1.一种基于构件组装人机交互界面的编排及换肤方法，其特征在于，应用于构件编排基座，所述方法包括：
2.根据权利要求1所述的基于构件组装人机交互界面的编排及换肤方法，其特征在于，所述目标风格构件具有多种风格原子属性信息，各所述风格原子属性信息包括：风格文字字号、风格文字颜色、风格文字字体及风格背景颜色，所述需求功能构件具有多种功能原子属性信息，各所述功能原子属性信息包括：功能文字字号、功能文字颜色、功能文字字体及功能背景颜色，所述方法还包括：
3.根据权利要求1所述的基于构件组装人机交互界面的编排及换肤方法，其特征在于，所述方法还包括：
4.根据权利要求1所述的基于构件组装人机交互界面的编排及换肤方法，其特征在于，所述根据用户输入的风格需求和功能需求，确定至少一个需求风格构件和至少一个需求功能构件，包括：
5.根据权利要求1所述的基于构件组装人机交互界面的编排及换肤方法，其特征在于，所述将各所述需求功能构件编排至对应的目标风格构件中之后，还包括：
6.根据权利要求5所...
【专利技术属性】
技术研发人员：郑伟俊，朱明伟，何红宇，王心光，冯冲，楼栋，黄魏，
申请(专利权)人：浙江中控信息产业股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。