CN105302574A - 一种图形化界面操作系统及其实现方法 - Google Patents
一种图形化界面操作系统及其实现方法 Download PDFInfo
- Publication number
- CN105302574A CN105302574A CN201510811013.1A CN201510811013A CN105302574A CN 105302574 A CN105302574 A CN 105302574A CN 201510811013 A CN201510811013 A CN 201510811013A CN 105302574 A CN105302574 A CN 105302574A
- Authority
- CN
- China
- Prior art keywords
- interface
- text
- icon
- calling
- property value
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种图形化界面操作系统及其实现方法，该实现方法包括：预先在MCU内存的界面要素表中填充每个界面的文本、图标、触摸控件、布局的属性值及配置事件的回调函数；读取界面要素表中每个界面的文本、图标、触摸控件、布局的属性值及事件的回调函数；通过调用第一接口，加载特定界面的文本、图标、触摸控件、布局的属性值以生成特定界面，并通过调用第二接口在显示设备上显示所生成的界面；通过调用第三接口实时读取来自输入设备的输入信息，并在事件触发时，调用事件的回调函数，以实现界面的刷新。实施本发明的技术方案，降低了成本，而且，可移植性、可维护性、可扩展性高。
Description
技术领域
本发明涉及计算机领域，尤其涉及一种图形化界面操作系统及其实现方法。
背景技术
随着用户对产品的交互操作要求越来越高，操作越来越便捷，成本要求也越来越高，所以，研发一种低成本、简易的图形化界面操作系统是非常有必要的。对于那种CPU、SRAM(StaticRandomAccessMemory，即静态随机存取存储器)要求更高的实时操作系统、GUI(GraphicalUserInterface，图形用户界面)系统显然是有待改进，而且，在界面需要改动时，需要修改代码，开发成本极高，可移植性、可维护性、可扩展性不高。
发明内容
本发明要解决的技术问题在于，针对现有技术的上述缺陷，提供一种一种图形化界面操作系统及其实现方法，成本低，而且，可移植性、可维护性、可扩展性高。
本发明解决其技术问题所采用的技术方案是：构造一种图形化界面操作系统的实现方法，包括：
预先在MCU内存的界面要素表中填充每个界面的文本、图标、触摸控件、布局的属性值及配置事件的回调函数；
读取界面要素表中每个界面的文本、图标、触摸控件、布局的属性值及事件的回调函数；
通过调用第一接口，加载特定界面的文本、图标、触摸控件、布局的属性值以生成特定界面，并通过调用第二接口在显示设备上显示所生成的界面；
通过调用第三接口实时读取来自输入设备的输入信息，并在事件触发时，调用事件的回调函数，以实现界面的刷新。
进一步地，加载所读取的文本、图标、触摸控件、布局的属性值以生成界面的步骤包括：
根据文本、图标、触摸控件的属性值生成相应的对象模型；
根据布局的属性值，将所生成的对象模型组装成界面。
进一步地，所述文本的属性值包括：字体大小、坐标、是否选中；而且，所述加载所读取的文本、图标、触摸控件、布局的属性值以生成界面的步骤还包括：
通过调用第四接口，对所选中的文本进行高亮显示；
通过调用第五接口，对所选中的文本取消高亮显示。
进一步地，还包括：
通过调用第六接口，退出当前界面。
本发明还构造一种图形化界面操作系统，包括MCU及与MCU相连的输入设备、显示设备和存储器，其中，所述MCU包括：
读取模块，用于读取界面要素表中每个界面的文本、图标、触摸控件、布局的属性值及事件的回调函数，其中，每个界面的文本、图标、触摸控件、布局的属性值及事件的回调函数预先填充并存储在MCU内存的界面要素表中；
界面生成模块，用于通过调用第一接口，加载特定界面的文本、图标、触摸控件、布局的属性值以生成特定界面；
显示接口模块，用于通过调用第二接口在所述显示设备上显示所述界面；
输入接口模块，用于通过调用第三接口实时读取来自输入设备的输入信息；
界面刷新模块，用于在事件触发时，调用所述事件的回调函数，以实现界面的刷新。
进一步地，所述界面生成模块包括：
模型生成单元，用于根据文本、图标、触摸控件的属性值生成相应的对象模型；
组装单元，用于根据布局的属性值，将所生成的对象模型组装成界面。
进一步地，所述文本的属性值包括：字体大小、坐标、是否选中；而且，所述界面生成模块还包括：
高亮显示单元，用于通过调用第四接口，对所选中的文本进行高亮显示；
取消高亮单元，用于通过调用第五接口，对所选中的文本取消高亮显示。
进一步地，所述MCU还包括：
界面退出模块，用于通过调用第六接口，退出当前界面。
进一步地，所述存储器为闪存，且用于存储界面上所显示的图标数据；而且，
所述图标的属性值包括：坐标及该图标在所述闪存中的编号。
进一步地，所述输入设备为矩阵按键，所述显示设备为LCD屏；和/或，
所述输入设备和所述显示设备集成为触摸屏。
实施本发明的技术方案，从硬件方面来讲，利用MCU和外扩存储器来替代CPU和SRAM，降低了成本。从软件方面来讲，通过设计统一的接口，在创建界面或对界面进行维护、升级时，只需要填充或修改界面要素表就行，开发成本低，可移植性、可维护性、可扩展性高。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。附图中：
图1是本发明图形化界面操作系统的实现方法实施例一的流程图；
图2是使用图1的方法所创建的图形化界面的示意图；
图3是本发明图形化界面操作系统实施例一的逻辑图。
具体实施方式
图1是本发明图形化界面操作系统的实现方法实施例一的流程图，首先说明的是，该图形化界面操作系统的硬件部分主要包括MCU、存储器、输入设备和显示设备四大模块，输入设备主要用来接收用户的操作输入，其可以矩阵按键和触摸屏，显示设备主要用来显示图形化界面，其可以是单色屏或者彩色屏。该实施例的实现方法包括以下步骤：
S11.预先在MCU内存的界面要素表中填充每个界面的文本、图标、触摸控件、布局的属性值及配置事件的回调函数，在该步骤中，需说明的是，MCU的内存中设有界面要素表，而界面主要由文本、图标、触摸控件、布局、事件五大要素组成，该五大要素的属性值或配置信息可预先在该界面要素表中进行填充，而且，该界面要素表可存储多个界面的要素信息。另外，文本的属性值例如包括字体大小、坐标、是否选中。图标的属性值例如包括图标编号、坐标。触摸控件的属性值包括图标编号、背景、区域坐标、回调函数。布局的属性值包括坐标；
S12.读取界面要素表中每个界面的文本、图标、触摸控件、布局的属性值及事件的回调函数，例如，可读取界面要素表中第1-10个界面的文本、图标、触摸控件、布局、事件信息；
S13.通过调用第一接口，加载特定界面的文本、图标、触摸控件、布局的属性值以生成特定界面，并通过调用第二接口在显示设备上显示所生成的界面，在该步骤中，第一接口例如为ShowWindow，若要显示第3个界面，则可加载第3个界面的文本、图标、触摸控件、布局的属性值。另外，第二接口例如包括LCD底层驱动接口、LCDPrintf、LCDShowPic、LCDClear；
S14.通过调用第三接口实时读取来自输入设备的输入信息，并在事件触发时，调用事件的回调函数，以实现界面的刷新。在该步骤中，第一接口例如包括矩阵按键驱动接口、触摸屏驱动接口。
在步骤S13中，加载特定界面的文本、图标、触摸控件、布局的属性值以生成特定界面的步骤可具体包括：
根据文本、图标、触摸控件的属性值生成相应的对象模型；
根据布局的属性值，将所生成的对象模型组装成界面。
优选地，加载特定界面的文本、图标、触摸控件、布局的属性值以生成特定界面的步骤还可包括：
通过调用第四接口，对所选中的文本进行高亮显示，该第四接口例如为ShowSelectMenuRow；
通过调用第五接口，对所选中的文本取消高亮显示，该第五接口例如为ShowSelectedMenuRow。
在上述实施例的基础上，该图形化界面操作系统的实现方法还可包括：
通过调用第六接口，退出当前界面，该第六接口例如为ExitWindow。
另外，该图形化界面操作系统的实现方法还可包括：
通过调用第七接口，获取当前所显示界面的编号，该第七接口例如为GetWinIDSetWinID；
通过调用第八接口，获取高亮显示的文本，该第八接口例如为GetCurFocusSetCurFocus；
通过调用第九接口，获取语言标志，该第九接口例如为GetLanguageFlagSetLanguageFlag。
而且，第七接口、第八接口、第九接口可用于外部调用。
图2是使用图1的方法所创建的图形化界面的示意图，在该实施例中，需要实现如图2所示的界面，首先应填充该界面的文本、图标、触摸控件的属性并控制好布局，并且配置各个事件的回调函数，事件可包括按键事件、触摸事件以及定时器事件等。然后调用第一接口，加载各个属性值，就生成了相应界面。然后，实时的读取输入设备的输入信息，一旦触发事件，立即调用相应事件的回调函数，实现刷新界面。
图3是本发明图形化界面操作系统实施例一的逻辑图，该实施例的图形化界面操作系统包括MCU10及与MCU10通过SPI相连的存储20、显示设备30和输入设备40。其中，MCU10包括：读取模块11、界面生成模块12、显示接口模块13、输入接口模块14和界面刷新模块15，而且，读取模块11用于读取界面要素表中每个界面的文本、图标、触摸控件、布局的属性值及事件的回调函数，其中，每个界面的文本、图标、触摸控件、布局的属性值及事件的回调函数预先填充并存储在MCU内存的界面要素表中。而且，文本的属性值例如包括字体大小、坐标、是否选中。图标的属性值例如包括图标编号、坐标。触摸控件的属性值包括图标编号、背景、区域坐标、回调函数。布局的属性值包括坐标；界面生成模块12用于通过调用第一接口，加载特定界面的文本、图标、触摸控件、布局的属性值以生成特定界面；显示接口模块13用于通过调用第二接口在所述显示设备上显示所述界面；输入接口模块14用于通过调用第三接口实时读取来自输入设备的输入信息；界面刷新模块15用于在事件触发时，调用所述事件的回调函数，以实现界面的刷新。
在MCU10中，界面生成模块12可具体包括模型生成单元和组装单元，其中，模型生成单元用于根据文本、图标、触摸控件的属性值生成相应的对象模型；组装单元，用于根据布局的属性值，将所生成的对象模型组装成界面。
优选地，界面生成模块12还可包括高亮显示单元和取消高亮单元，其中，高亮显示单元用于通过调用第四接口，对所选中的文本进行高亮显示；取消高亮单元，用于通过调用第五接口，对所选中的文本取消高亮显示。
另外，MCU10还可包括界面退出模块，该界面退出模块用于通过调用第六接口，退出当前界面。
优选地，存储器为闪存，且用于存储界面上所显示的图标数据。而且，图标的属性值中的编号为该图标在所述闪存中的编号。
优选地，输入设备40为矩阵按键，显示设备30为LCD屏。当然，输入设备40和显示设备30可集成为触摸屏。
以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何纂改、等同替换、改进等，均应包含在本发明的权利要求范围之内。
Claims (10)
1.一种图形化界面操作系统的实现方法，其特征在于，包括：
预先在MCU内存的界面要素表中填充每个界面的文本、图标、触摸控件、布局的属性值及配置事件的回调函数；
读取界面要素表中每个界面的文本、图标、触摸控件、布局的属性值及事件的回调函数；
通过调用第一接口，加载特定界面的文本、图标、触摸控件、布局的属性值以生成特定界面，并通过调用第二接口在显示设备上显示所生成的界面；
通过调用第三接口实时读取来自输入设备的输入信息，并在事件触发时，调用事件的回调函数，以实现界面的刷新。
2.根据权利要求1所述的图形化界面操作系统的实现方法，其特征在于，加载所读取的文本、图标、触摸控件、布局的属性值以生成界面的步骤包括：
根据文本、图标、触摸控件的属性值生成相应的对象模型；
根据布局的属性值，将所生成的对象模型组装成界面。
3.根据权利要求1所述的图形化界面操作系统的实现方法，其特征在于，所述文本的属性值包括：字体大小、坐标、是否选中；而且，所述加载所读取的文本、图标、触摸控件、布局的属性值以生成界面的步骤还包括：
通过调用第四接口，对所选中的文本进行高亮显示；
通过调用第五接口，对所选中的文本取消高亮显示。
4.根据权利要求1所述的图形化界面操作系统的实现方法，其特征在于，还包括：
通过调用第六接口，退出当前界面。
5.一种图形化界面操作系统，其特征在于，包括MCU及与MCU相连的输入设备、显示设备和存储器，其中，所述MCU包括：
读取模块，用于读取界面要素表中每个界面的文本、图标、触摸控件、布局的属性值及事件的回调函数，其中，每个界面的文本、图标、触摸控件、布局的属性值及事件的回调函数预先填充并存储在MCU内存的界面要素表中；
界面生成模块，用于通过调用第一接口，加载特定界面的文本、图标、触摸控件、布局的属性值以生成特定界面；
显示接口模块，用于通过调用第二接口在所述显示设备上显示所述界面；
输入接口模块，用于通过调用第三接口实时读取来自输入设备的输入信息；
界面刷新模块，用于在事件触发时，调用所述事件的回调函数，以实现界面的刷新。
6.根据权利要求5所述的图形化界面操作系统，其特征在于，所述界面生成模块包括：
模型生成单元，用于根据文本、图标、触摸控件的属性值生成相应的对象模型；
组装单元，用于根据布局的属性值，将所生成的对象模型组装成界面。
7.根据权利要求5所述的图形化界面操作系统，其特征在于，所述文本的属性值包括：字体大小、坐标、是否选中；而且，所述界面生成模块还包括：
高亮显示单元，用于通过调用第四接口，对所选中的文本进行高亮显示；
取消高亮单元，用于通过调用第五接口，对所选中的文本取消高亮显示。
8.根据权利要求5所述的图形化界面操作系统，其特征在于，所述MCU还包括：
界面退出模块，用于通过调用第六接口，退出当前界面。
9.根据权利要求5所述的图形化界面操作系统，其特征在于，所述存储器为闪存，且用于存储界面上所显示的图标数据；而且，
所述图标的属性值包括：坐标及该图标在所述闪存中的编号。
10.根据权利要求5所述的图形化界面操作系统，其特征在于，所述输入设备为矩阵按键，所述显示设备为LCD屏；和/或，
所述输入设备和所述显示设备集成为触摸屏。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510811013.1A CN105302574B (zh) | 2015-11-20 | 2015-11-20 | 一种图形化界面操作系统及其实现方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510811013.1A CN105302574B (zh) | 2015-11-20 | 2015-11-20 | 一种图形化界面操作系统及其实现方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN105302574A true CN105302574A (zh) | 2016-02-03 |
| CN105302574B CN105302574B (zh) | 2018-09-11 |
Family
ID=55199872
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510811013.1A Active CN105302574B (zh) | 2015-11-20 | 2015-11-20 | 一种图形化界面操作系统及其实现方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105302574B (zh) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106126257A (zh) * | 2016-06-30 | 2016-11-16 | 珠海金山网络游戏科技有限公司 | 一种界面生成的系统和方法 |
| CN107947970A (zh) * | 2017-11-16 | 2018-04-20 | 国网山东省电力公司临沂供电公司 | 一种利用图形化管理特定类型网络配置命令的方法 |
| CN108228300A (zh) * | 2018-01-02 | 2018-06-29 | 武汉斗鱼网络科技有限公司 | 一种控制内容实时刷新的方法及装置 |
| CN108459857A (zh) * | 2018-03-02 | 2018-08-28 | 东南大学 | 一种基于美度计算的界面辅助设计方法和系统 |
| CN109002249A (zh) * | 2017-05-31 | 2018-12-14 | 武汉斗鱼网络科技有限公司 | 通过长按手势实现礼物连击的方法、存储介质、设备及系统 |
| CN109828806A (zh) * | 2018-12-24 | 2019-05-31 | 苏州蜗牛数字科技股份有限公司 | 一种基于ui自定义多样化组合控件的优化方法 |
| CN111198678A (zh) * | 2018-11-19 | 2020-05-26 | 贵州白山云科技股份有限公司 | 一种生成GraphQL前端操作接口的方法及装置 |
| CN111475153A (zh) * | 2020-03-10 | 2020-07-31 | 陈莉 | 一种基于图形化技术的云资源混合编排系统及方法 |
| CN113094775A (zh) * | 2021-04-02 | 2021-07-09 | 北京邮电大学 | 一种天线阵任意波束微整形工具及实现方法 |
| CN116974670A (zh) * | 2023-07-12 | 2023-10-31 | 广东凯普科技智造有限公司 | 一种基于单片机的图形化控件管理方法及系统 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102662662A (zh) * | 2012-03-27 | 2012-09-12 | 山东电力集团公司 | 嵌入式图形界面生成系统及方法 |
-
2015
- 2015-11-20 CN CN201510811013.1A patent/CN105302574B/zh active Active
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106126257A (zh) * | 2016-06-30 | 2016-11-16 | 珠海金山网络游戏科技有限公司 | 一种界面生成的系统和方法 |
| CN109002249B (zh) * | 2017-05-31 | 2021-01-01 | 武汉斗鱼网络科技有限公司 | 通过长按手势实现礼物连击的方法、存储介质、设备及系统 |
| CN109002249A (zh) * | 2017-05-31 | 2018-12-14 | 武汉斗鱼网络科技有限公司 | 通过长按手势实现礼物连击的方法、存储介质、设备及系统 |
| CN107947970A (zh) * | 2017-11-16 | 2018-04-20 | 国网山东省电力公司临沂供电公司 | 一种利用图形化管理特定类型网络配置命令的方法 |
| CN108228300A (zh) * | 2018-01-02 | 2018-06-29 | 武汉斗鱼网络科技有限公司 | 一种控制内容实时刷新的方法及装置 |
| CN108228300B (zh) * | 2018-01-02 | 2021-03-16 | 武汉斗鱼网络科技有限公司 | 一种控制内容实时刷新的方法及装置 |
| CN108459857A (zh) * | 2018-03-02 | 2018-08-28 | 东南大学 | 一种基于美度计算的界面辅助设计方法和系统 |
| CN111198678A (zh) * | 2018-11-19 | 2020-05-26 | 贵州白山云科技股份有限公司 | 一种生成GraphQL前端操作接口的方法及装置 |
| CN109828806A (zh) * | 2018-12-24 | 2019-05-31 | 苏州蜗牛数字科技股份有限公司 | 一种基于ui自定义多样化组合控件的优化方法 |
| CN111475153A (zh) * | 2020-03-10 | 2020-07-31 | 陈莉 | 一种基于图形化技术的云资源混合编排系统及方法 |
| CN113094775A (zh) * | 2021-04-02 | 2021-07-09 | 北京邮电大学 | 一种天线阵任意波束微整形工具及实现方法 |
| CN113094775B (zh) * | 2021-04-02 | 2022-12-09 | 北京邮电大学 | 一种天线阵任意波束微整形工具及实现方法 |
| CN116974670A (zh) * | 2023-07-12 | 2023-10-31 | 广东凯普科技智造有限公司 | 一种基于单片机的图形化控件管理方法及系统 |
| CN116974670B (zh) * | 2023-07-12 | 2024-05-14 | 广东凯普科技智造有限公司 | 一种基于单片机的图形化控件管理方法及系统 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN105302574B (zh) | 2018-09-11 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105302574A (zh) | 一种图形化界面操作系统及其实现方法 | |
| US8855983B2 (en) | Graphical user interface for viewing or editing an executable block diagram model | |
| CN100419676C (zh) | 使应用程序与像素密度改进的显示装置兼容的方法和设备 | |
| CN102144206B (zh) | 姿势输入操作设备、方法、程序和便携式设备 | |
| US20030179240A1 (en) | Systems and methods for managing virtual desktops in a windowing environment | |
| CN107515702B (zh) | 一种页面交互方法及装置 | |
| US20140365873A1 (en) | Computing devices for generating content layout | |
| JP2013045458A (ja) | パラメーター設定方法及びシステム | |
| CN105247470A (zh) | 用于显示多工作区的多个显示器 | |
| US20180088966A1 (en) | Electronic device and method thereof for managing applications | |
| CN107506483A (zh) | 页面加载方法、装置、电子设备及存储介质 | |
| CN109471580B (zh) | 一种可视化3d课件编辑器及课件编辑方法 | |
| US9367223B2 (en) | Using a scroll bar in a multiple panel user interface | |
| CN111045707B (zh) | 小程序的更新方法、装置、计算机设备和存储介质 | |
| CN109614094B (zh) | 基于UML的GPU glCallList视图模型的绘制方法 | |
| CN112667328A (zh) | 具有多种图形化用户接口的股票报价装置与方法 | |
| US20110242108A1 (en) | Visualization of complexly related data | |
| CN107015795A (zh) | 一种绘制用户界面的方法及装置 | |
| CN111796897A (zh) | 页面展示方法、装置、存储介质及电子设备 | |
| CN113986425A (zh) | 信息处理方法、装置、电子设备和可读存储介质 | |
| CN111488087B (zh) | 控件显示方法、装置及系统和计算机可读存储介质 | |
| CN112162681A (zh) | 文本操作执行方法、装置及电子设备 | |
| KR100934449B1 (ko) | 사용자 인터페이스 제공 방법 및 시스템 | |
| CN103902071A (zh) | 触控式人机交互系统 | |
| CN116974670B (zh) | 一种基于单片机的图形化控件管理方法及系统 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| CB02 | Change of applicant information |
Address after: 518000 Guangdong city of Shenzhen province Nanshan District Xili Sunshine Community Songbai Road No. 1008, building six floor 15 artview Applicant after: SINO MEDICAL-DEVICE TECHNOLOGY CO., LTD. Address before: Shenzhen Nanshan District City, Guangdong province 518000 White Pine Road No. 1008 15 6 floor Applicant before: Shenzhen Sino Medical-device Technology Co., Ltd. |
|
| COR | Change of bibliographic data | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |