CN112506500A

CN112506500A - 一种可视化控件创建方法及装置

Info

Publication number: CN112506500A
Application number: CN202011408876.1A
Authority: CN
Inventors: 王晶; 叶磊; 陶俊杰
Original assignee: Wuhan Bluestar Technology Co Ltd
Current assignee: Wuhan Bluestar Technology Co Ltd
Priority date: 2020-12-03
Filing date: 2020-12-03
Publication date: 2021-03-16
Anticipated expiration: 2040-12-03
Also published as: CN112506500B

Abstract

本发明提供一种可视化控件创建方法及装置，该方法包括：基于TD GUI‑Engine图形系统和图形界面开发工具，将控件封装为对象，通过函数注册实现自定义控件的外观风格显示和事件响应，通过注册关键字设置和显示控件属性，并设置控件的布局风格和注册控件的回调事件，包含控件的元素如何在工具中展示和已经显示的控件如何保存为配置文件，让将要实现的控件按照用户自定义的方法在图形界面开发工具中呈现出来，图形界面开发工具加载自定义的控件动态链接库，自动加载控件的图标，创建和编辑该控件后，并按照通过函数注册的规则将界面中的自定义控件保存到配置文件对应的节点。通过该方案提高控件代码的复用性，方便用户界面程序开发。

Description

一种可视化控件创建方法及装置

技术领域

本发明涉及图形系统和可视化界面开发工具领域，尤其涉及一种可视化控件创建方法及装置。

背景技术

在开发图形化应用程序时，随着用户界面的复杂多样，基于现有的基本控件实现稍微复杂的界面，软件开发人员的工作量就会大幅增加，而通常已经实现的功能在开发新功能时也不能复用。目前，针对可视化控件的复用，常采用控件功能映射或定义可复用的控件类等方式实现控件的复用，然而这些方式控件复用应用范围有限，在不同系统或开发环境下仍需要重新定义。

发明内容

有鉴于此，本发明实施例提供了一种可视化控件创建方法及装置，以解决现有可视化控件的复用性差、适用范围有限的问题。

在本发明实施例的第一方面，提供了一种可视化控件创建方法，包括：

S1、在TD GUI-Engine图形开发框架中，将每一种控件封装为一个对象，所述图形开发框架中的对象系统提供注册对象的功能，用户根据对象系统提供的标准接口，实现初始化自定义控件的各种功能接口回调事件，提供控件特性的创建和设置方法，包含自定义控件的初始默认风格；

S2、编译每种控件对应的代码生成动态链接库，配置加载所述动态链接库，将每种控件存放至图形界面开发工具的指定路径中；图形界面开发工具加载自定义控件库后，根据自定义控件库提供的标准接口，识别自定义控件图标，并在图形界面开发工具中生成自定义控件的图标，并将自定义控件库注册到图形开发框架中的对象系统中；

S3、自定义控件在图形工具中注册后，上报自定义控件所包含的属性接口能力，图形界面开发工具自动适配设置自定义控件属性的设置界面，根据用户的拖拽操作在用户编辑界面中创建自定义控件，并对控件属性进行编辑，保存修改后的布局和风格的配置文件，在运行图形界面程序时，TD GUI-Engine根据修改后的配置文件加载显示自定义控件。

在本发明实施例的第二方面，提供了一种可视化控件创建装置，包括：

封装模块，用于在TD GUI-Engine图形开发框架中，将每一种控件封装为一个对象，所述图形开发框架中的对象系统提供注册对象的功能，用户根据对象系统提供的标准接口，实现初始化自定义控件的各种功能接口回调事件，提供控件特性的创建和设置方法，包含自定义控件的初始默认风格；

加载模块，用于编译每种控件对应的代码生成动态链接库，配置加载所述动态链接库，将每种控件存放至图形界面开发工具的指定路径中；图形界面开发工具加载自定义控件库后，根据自定义控件库提供的标准接口，识别自定义控件图标，并在图形界面开发工具中生成自定义控件的图标，并将自定义控件库注册到图形开发框架中的对象系统中；

创建模块，用于自定义控件在图形工具中注册后，上报自定义控件所包含的属性接口能力，图形界面开发工具自动适配设置自定义控件属性的设置界面，根据用户的拖拽操作在用户编辑界面中创建自定义控件，并对控件属性进行编辑，保存修改后的布局和风格的配置文件，在运行图形界面程序时，TD GUI-Engine根据修改后的配置文件加载显示自定义控件。

在本发明实施例的第三方面，提供了一种终端设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如本发明实施例第一方面所述方法的步骤。

本发明实施例的第四方面，提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现本发明实施例第一方面提供的所述方法的步骤。

本发明实施例中，通过在图丁图形开发框架中，将每一种控件封装为一个对象，对控件属性进行抽象划分，并设置控件的布局风格和注册控件的回调事件，提供控件特性的创建和设置方法；编译代码生成动态链接库，通过配置加载所述动态链接库；在图形化用户界面根据用户的拖拽操作创建自定义控件，并对控件属性进行配置，保存用户编辑修改的布局和风格文件。可以提高图形界面的可视化控件开发效率，方便自定义控件的复用，基于图丁图形开发框架，将创建的控件编译生成自定义控件的动态链接库，通过加载配置即可创建编辑，解决了现有可视化控件的复用性差、适用范围有限的问题，有效扩大了控件复用应用范围，方便在各种图形系统及可视化开发工具上的使用，同时，能够不断对自定义控件进行优化完善，降低实际开发难度。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单介绍，显而易见地，下面描述的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获取其他附图。

图1为本发明的一个实施例提供的一种可视化控件创建方法的流程示意图；

图2为本发明的一个实施例提供的一种图丁图形开发框架的结构示意图；

图3为本发明的一个实施例提供的一种用于可视化控件创建装置的结构示意图。

具体实施方式

为使得本发明的发明目的、特征、优点能够更加的明显和易懂，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，下面所描述的实施例仅仅是本发明一部分实施例，而非全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围以下结合附图对本发明的原理和特征进行描述，所举实例只用于解释本发明，并非用于限定本发明的范围。

本发明的说明书或权利要求书及上述附图中的术语“包括”以及其他相近意思表述，意指覆盖不排他的包含，如包含一系列步骤或单元的过程、方法或系统、设备没有限定于已列出的步骤或单元。

请参阅图1，图1为本发明实施例提供的一种可视化控件创建方法的流程示意图，包括：

S101、在TD GUI-Engine图形开发框架中，将每一种控件封装为一个对象，对控件属性进行抽象划分，并创建控件的布局风格和注册控件的回调事件，提供控件特性的创建和设置方法；

所述图丁图形系统开发框架为一种嵌入式的图形开发系统，在图丁图形系统开发框架中可以对可视化控件进行定义。所述图形开发框架中的对象系统提供注册对象的功能，用户根据对象系统提供的标准接口，实现初始化自定义控件的各种功能接口回调事件，提供控件特性的创建和设置方法，包含自定义控件的初始默认风格。

将可视化控件的共性进行抽象，可划分为：控件外观、控件状态、控件的创建、控件的事件、控件的属性和方法、控件的外观设置等。所述控件外观可以包括多个显示单元，每个显示单元可以显示背景、边框、图片和文本等；所述控件状态可以包括普通状态、活动状态、选中状态及无效状态等；控件在创建时都是普通状态，然后根据设置和控件内部接收到的输入事件自动切换，且控件状态变化时能实时改变控件的外观显示；所述控件的事件可以包括点击事件、取消事件、获得焦点事件、失去焦点事件、鼠标进入事件、鼠标离开事件等；所述控件的属性包括位置、大小、是否显示、是否有效、value(控件的值)、caption(控件上显示的文本内容)、用户附加数据与其他控件的关系、键盘输入焦点等属性；所述控件的外观设置包括背景图片、前景图片、背景的拉伸方式、边框背景颜色、边框类型、边框大小、文本对齐方式、图片对齐方式、文本间距，文本颜色、文本的字体等。在控件的对象中通过软件代码实现设置控件外观的函数，封装到控件的对象中。

其中，控件的对象中通过代码实现设置和查询以上控件属性的函数，并将函数封装到控件的对象中。

具体的，定义用户通过函数注册将自定义控件的元素和图形界面开发工具关联，设定控件的元素在开发工具中展示方式，以及设定已显示的控件保存为配置文件的方式，将要实现的控件按照用户自定义方法在图形界面的开发工具上展示。同时，定义图形化界面开发工具加载自定义的控件，自动加载控件的图标，创建和编辑该自定义控件后，按照函数注册规则将控件的界面保存至配置文件对应的节点。

S102、编译每种控件对应的代码生成动态链接库，配置加载所述动态链接库，将每种控件存放至所述动态链接库对应路径；

图形界面开发工具加载自定义控件库后，根据自定义控件库提供的标准接口，识别自定义控件图标，并在图形界面开发工具中生成自定义控件的图标，并将自定义控件库注册到图形开发框架中的对象系统中。

将编写的控件相关代码编译成动态链接库，在图形化用户界面设计配置加载自定义控件的动态链接库的路径，将自定义控件的动态链接库存放到该路径下，图形化用户界面设计软件启动的时候可以加载所有自定义控件动态链接库，也可以在软件启动后由用户主动加载自定义控件的动态链接库。

在图形软件开发中，需要使用自定义控件的时加载该自定义控件库，不需要使用的时可以不加载，这样可以减小目标软件程序的大小。通过动态加载自定义控件库和配置自定义库路径两种方式，可以加载自定义控件库及可视化创建、设置自定义控件库对应的属性。

为图形系统及图形系统开发工具提供统一接口，基于自定义控件预留的的标准化接口，识别并加载显示对应的自定义控件；根据配置文件对自定义控件的类型、属性进行配置。

可选的，根据自定义控件的不同属性，通过属性关键字保存用户编辑后的布局和风格文件；基于不同的属性关键字，加载对应的自定义控件。

具体的，对自定义控件的属性进行分类，将不同的属性使用不同的关键字来定义，在图丁图形开发框架内定义一套完整的属性关键字，用户可以选择性的实现所需要的控件属性的功能。在控件的显示和控件的事件、属性和方法上，根据自身需求实现一个自定义的控件，并编译生成完全自定义的控件的动态链接库。按照图丁图形界面开发工具中约定的关键字使用同样的规则，在界面开发时创建修改控件布局和风格属性的配置文件与界面程序运行的时候所加载的配置文件保持统一，可以正确保存配置文件并能正确加载。

进一步的，基于自定义控件库中相同的控件属性的关键字，加载自定义控件的不同属性，在图丁图形界面开发工具中创建和修改控件的属性值并保存后，可以逆向解析加载成创建控件的对象。

在程序运行时，显示界面的时候通过加载界面的布局和风格属性的配置文件来显示界面。所述配置文件一般为自定义控件的属性对应配置文件，如控件外观、布局风格等，通过加载配置文件可以使控件实现目标效果。

图形系统和图形系统开发工具提供和使用统一接口，对于不同的自定义控件预留标准化的接口。对于自定义控件，能够加以识别和加载显示，自定义控件通过配置文件的形式，对自定义控件的类型和自定义控件的内部风格和属性进行配置。

S103、在图形化用户界面根据用户的拖拽操作创建自定义控件，并对控件属性进行编辑，保存修改后的布局和风格的配置文件，在运行图形界面程序时，根据修改后的配置文件加载显示自定义控件。

在图形用户界面设计软件能够以可视化的拖拽方式创建自定义控件，以图形化界面的操作方式对控件的属性进行修改和配置，每次修改后都会保存图形界面的布局和风格文件，以文本形式的方式保存，在图形用户界面设计软件下次编辑图形界面和用户界面程序运行的加载保存的布局和风格文件。

在创建或修改控件时，通过修改界面风格属性的配置文件实现对控件界面效果的修改。

在本发明另一实施例中，如图2所示提供了图丁图形开发框架的结构示意图，图丁软件系统是在操作系统之上提供的一套完整的嵌入式开发和运行系统，主要特色是提供了一个用于C语言开发的核心平台；一个支持半透明效果和动画效果的嵌入式图形系统。整套系统继承了C语言简单、灵活、高效的特点，适用于x86，arm，mips等硬件平台和linux，vxworks等各种操作系统平台。

基于图丁图形开发框架可以方便在各种图形系统及图形界面开发工具中应用，有效提升控件及应用程序的开发效率，便于代码复用，并适应于多种开发平台、开发工具。

本实施例中，基于自定义控件的封装、编译成动态链接库以及可视化创建等过程，可以减小图形界面应用程序的开发难度，提高开发效率，保障自定义控件库良好的复用性，并能对前期开发的自定义控件库不断优化完善，在实际自定义控件和应用程序的开发中实现良性循环。

应理解，上述实施例中各步骤的序号大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限定。

图3为本发明实施例提供的一种用于可视化控件创建的装置的结构示意图，该装置包括：

封装模块310，用于在TD GUI-Engine图形开发框架中，将每一种控件封装为一个对象，所述图形开发框架中的对象系统提供注册对象的功能，用户根据对象系统提供的标准接口，实现初始化自定义控件的各种功能接口回调事件，提供控件特性的创建和设置方法，包含自定义控件的初始默认风格；

在TD GUI-Engine(图丁图形开发引擎)开发框架中，将每一种控件封装为一个对象，具体的，在控件的对象系统中，设置控件的初始状态和风格，设置控件的值，注册并实现控件的鼠标键盘以及触摸屏等外部触发的回调事件，实现控件的属性设置和查询函数，并实现控件在运行时的外观界面交互和业务流程的处理逻辑，从而实现控件对象的功能。

加载模块320，用于编译每种控件对应的代码生成动态链接库，配置加载所述动态链接库，将每种控件存放至图形界面开发工具的指定路径中；图形界面开发工具加载自定义控件库后，根据自定义控件库提供的标准接口，识别自定义控件图标，并在图形界面开发工具中生成自定义控件的图标，并将自定义控件库注册到图形开发框架中的对象系统中；

可选的，为图形系统及图形系统开发工具提供统一接口，基于自定义控件预留的的标准化接口，识别并加载显示对应的自定义控件；

根据配置文件对自定义控件的类型、属性进行配置。

创建模块330，用于自定义控件在图形工具中注册后，上报自定义控件所包含的属性接口能力，图形界面开发工具自动适配设置自定义控件属性的设置界面，根据用户的拖拽操作在用户编辑界面中创建自定义控件，并对控件属性进行编辑，保存修改后的布局和风格的配置文件，在运行图形界面程序时，TD GUI-Engine根据修改后的配置文件加载显示自定义控件。

优选的，所述保存用户编辑修改的布局和风格文件包括：

以文本形式保存用户每次修改后的图形界面的布局和风格文件，以便重新加载修改后的布局和风格文件。

可选的，在创建或修改控件时，通过修改界面风格属性的配置文件实现对控件界面效果的修改。

本领域普通技术人员可以理解的是，在一个实施例中，所述终端设备包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现步骤S101至S103以实现创建可视化的自定义控件。在另一实施例中，所述的计算机程序还可以存储于计算机可读取存储介质中，所述的存储介质包括如：ROM/RAM、磁碟、光盘等。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。

以上所述，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims

1.一种可视化控件创建方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述配置加载所述动态链接库，将每种控件存放至图形界面开发工具的指定路径中还包括：

为图形系统及图形系统开发工具提供统一接口，基于自定义控件预留的的标准化接口，识别并加载显示对应的自定义控件；

根据配置文件对自定义控件的类型、属性进行配置。

3.根据权利要求1所述的方法，其特征在于，所述对控件属性进行编辑，保存修改后的布局和风格的配置文件包括：

根据自定义控件的不同属性，通过属性关键字分类保存用户编辑后的布局和风格文件；

基于不同的属性关键字，加载对应的自定义控件。

4.根据权利要求1所述的方法，其特征在于，所述保存用户编辑修改的布局和风格文件包括：

5.根据权利要求4所述的方法，其特征在于，所述以文本形式保存用户每次修改后的图形界面的布局和风格文件还包括：

在创建或修改控件时，通过编辑界面风格属性的配置文件实现对控件界面效果的修改。

6.一种用于可视化控件创建装置，其特征在于，包括：

7.根据权利要求6所述的装置，其特征在于，所述配置加载所述动态链接库，将每种控件存放至图形界面开发工具的指定路径中还包括：

根据配置文件对自定义控件的类型、属性进行配置。

8.根据权利要求6所述的装置，其特征在于，所述保存用户编辑修改的布局和风格文件包括：

9.一种终端设备，包括处理器、存储器以及存储在所述存储器中并在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至5中任一项所述可视化控件创建方法的步骤。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至5任一项所述可视化控件创建方法的步骤。