CN108132785B

CN108132785B - 一种基于osd的嵌套式列表框设计方法

Info

Publication number: CN108132785B
Application number: CN201711394503.1A
Authority: CN
Inventors: 赖志威; 曾宪玮
Original assignee: Guangzhou Roadpassion Electronic Technology Co ltd
Current assignee: Guangzhou Lupai Liuma Technology Co ltd
Priority date: 2017-12-21
Filing date: 2017-12-21
Publication date: 2021-03-30
Anticipated expiration: 2037-12-21
Also published as: CN108132785A

Abstract

本发明涉及一种基于OSD的嵌套式列表框设计方法，包括同一列表框内各元素的选择的切换流程以及不同列表框间的嵌套流程，不同列表框之间的嵌套流程包括一个列表框通过检测按键信号“确定”进入到在原有的列表框的基础上加载一个新的列表框的流程。本发明利用OSD实现列表框，实现多个层次的列表框的嵌套，能够在不使用触摸屏信息的情况下，只用按键信息对嵌套列表进行切换等操作，对多种应用环境的适应性强，适用范围更广，能够应用于有触摸屏和没触摸屏的嵌入式系统，可以很好地满足实际应用的需要。

Description

一种基于OSD的嵌套式列表框设计方法

技术领域

本发明涉及一种基于OSD的嵌套式列表框设计方法。

背景技术

图形用户界面(GUI)是一种人与计算机通信的界面显示格式，允许用户使用鼠标等输入设备操纵屏幕上的图标或菜单选项，以选择命令、启动程序或执行其它一些日常任务。纵观国际相关产业在图形化用户界面设计方面的发展现状，许多国际知名公司早已意识到GUI在产品方面产生的强大增值功能，以及带动的巨大市场价值。随着中国IT产业，移动通讯产业，家电产业的迅猛发展，在产品的人机交互界面设计水平发展上日显滞后，这对于提高产业综合素质，提升与国际同等业者的竞争能力等等方面无疑起了制约的作用。GUI的广泛应用是当今计算机发展的重大成就之一，它极大地方便了非专业用户的使用。人们从此不再需要死记硬背大量的命令，取而代之的是可以通过窗口、菜单、按键等方式来方便地进行操作。而嵌入式GUI具有下面几个方面的基本要求：轻型、占用资源少、高性能、高可靠性、便于移植、可配置等特点。目前主流的应用于嵌入式的GUI的方案主要有以下几种：1、GtkFB；2、Qt embedded；3、miniGUI；4、Microwindows；5、ST GUI；6、uC/GUI。

上述的1至4项的GUI系统方案要求有嵌入式操作系统运行支持。上述5、6项的GUI系统没有操作系统的运行支持的限制，但和1至4项的GUI方案一样是直接操作视频缓冲区的。上述GUI不能应用于没有提供视频缓冲的嵌入式系统中，比如目前车载后装市场比较流行的“单片机与TW88s系列芯片组”组成的系统。如图1为目前流行的单片机与TW88s系列芯片组组成的系统的硬件框架示意图。图1中“MCU”为单片机，负责读取按键的信息、逻辑分析与控制、对TW88s系列芯片组的操作控制和对Flash芯片的更新。“TW88s”为TW88s芯片组,在该系统中主要负责在图像数据上叠加上OSD(on-screen display的简称即屏幕菜单)再输出到LCD显示屏上。“Flash”为SPI_Flash，储存着TW88s芯片组所要用到的图像数据。“LCD”为带有触摸屏的显示屏，接收TW88s芯片组的图像数据，和将采集到的触摸屏的触摸数据反馈给TW88s芯片组。图1中的“CAM”,“DVD”，“Others”表示为TW88s芯片组的视频输入源。在整个系统中不向开发者提供对Framebuffer操作的接口。只允许开发者通过TW88s芯片组的OSD功能在视频输入源的基础上叠加储存在SPI_Flash上的图片数据(将图片数据加载到OSD窗口上)，组合成新的视频数据输出LCD上。“KeyBoard”为带有物理按键“上”、“下”、“确定”、“返回”的键盘。按压键盘上的这四个按键会给单片机相应的“上”，“下”，“确定”、“返回”的信号。

现有技术的GUI系统只能用于有Framebuffer的嵌入式系统中，适应性太差。

发明内容

针对上述现有技术中存在的问题，本发明的目的在于提供一种可避免出现上述技术缺陷的基于OSD的嵌套式列表框设计方法。

为了实现上述发明目的，本发明提供的技术方案如下：

一种基于OSD的嵌套式列表框设计方法，包括同一列表框内各元素的选择的切换流程以及不同列表框间的嵌套流程。

进一步地，所述列表框是基于OSD进行图片叠加后形成的。

进一步地，通过OSD来实现图片叠加的步骤为：一个OSD窗口加载一个原始图片组合中的背景图片，另一个OSD窗口加载该原始图片组合中的其中一幅按钮图片，然后将这两个OSD窗口叠加形成列表框。

进一步地，同一列表框内各个元素之间的选择的切换流程包括流程一检测到按键信号“下”则进入流程二，流程二检测到按键信号“上”则进入流程一；其中，流程一具体为：将加载了原始图片组合一中的第1幅按钮图片的OSD窗口一叠加到加载了原始图片组合一中的背景图片的OSD窗口零相应的位置上，组成列表框一；

流程二具体为：将加载了原始图片组合一中的第2幅按钮图片的OSD窗口一叠加到加载了原始图片组合一中的背景图片的OSD窗口零相应的位置上，组成列表框二。

进一步地，不同列表框之间的嵌套流程包括一个列表框通过检测按键信号“确定”进入到在原有的列表框的基础上加载一个新的列表框的流程。

进一步地，不同列表框间的嵌套流程包括：

在流程二上检测到按键信号为“确定”时进入流程三，在流程三上检测到按键信号为“返回”时进入流程二；其中，流程三具体为：将加载了原始图片组二中的第1幅按钮图片的OSD窗口三叠加到加载了原始图片组二中的背景图片的OSD窗口二形成一个列表框三，把列表框三加载到流程二中的列表框二的相应位置上。

进一步地，所述方法还包括在流程三基础上通过同一列表框内各元素的选择的切换实现流程四，在流程四基础上通过不同列表框之间的嵌套流程实现流程五，在流程五基础上通过同一列表框内各元素的选择的切换实现流程六；其中，流程四具体为：将加载了原始图片组二中的第5幅按钮图片的OSD窗口三叠加到加载了原始图片组二中的背景图片的OSD窗口二形成一个列表框四，把列表框四加载到流程二中的列表框二的相应位置上；

流程五：将加载了原始图片组三中的第1幅按钮图片的OSD窗口五叠加到加载了原始图片组三中的背景图片的OSD窗口四形成一个列表框五，把列表框五加载到流程四中的列表框四的相应位置上；

流程六：将加载了原始图片组三中的第二幅按钮图片的OSD窗口五叠加到加载了原始图片组三中的背景图片的OSD窗口四形成一个列表框六，把列表框六加载到流程四中的列表框四的相应位置上。

进一步地，所述方法的软件实现过程包括创建GUI类、ListGroup类、ListButton类、ListUnion类、Drawable类和OSD类。

本发明提供的基于OSD的嵌套式列表框设计方法，利用OSD实现列表框，实现多个层次的列表框的嵌套，能够在不使用触摸屏信息的情况下，只用按键信息对嵌套列表进行切换等操作，对多种应用环境的适应性强，适用范围更广，能够应用于有触摸屏和没触摸屏的嵌入式系统，可以很好地满足实际应用的需要。

附图说明

图1为为现有技术的单片机与TW88s系列芯片组组成的系统的硬件框架示意图；

图2为本发明的流程图；

图3为GUI类、ListGroup类、ListButton类、ListUnion类、Drawable类和OSD类的类UML图；

图4为本发明的软件实现过程流程图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，下面结合附图和具体实施例对本发明做进一步说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

一种基于OSD的嵌套式列表框设计方法，包括同一列表框内各元素的选择的切换流程以及不同列表框之间的嵌套流程。

本方法中的图片叠加是基于基本图片叠加原理实现的，即通过OSD来实现图片叠加。OSD是on-screen display的简称，即屏幕菜单式调节方式。

基本图片叠加原理即通过OSD来实现图片叠加的过程描述如下：

1)如图2所示，有3组原始图片组合：原始图片组合1、原始图片组合2、原始图片组合3，如图2所示。图2中的原始图片组合1中有1幅背景图片和4幅按钮图片，原始图片组合2中有1幅背景图片和5幅按钮图片，原始图片组合3中有1幅背景图片和3幅按钮图片；所有的背景图片由其所在的组合内的所有按钮图片拼接并取了一种较原始按钮图片暗的颜色作为主色的图片组成；

2)如图2中的图片叠加流程所示，OSD窗口0(图2中所示为“OSD_0”)加载原始图片组合1中的背景图片，OSD窗口1(图上所示为“OSD_1”)加载原始图片组合1中的其中一幅按钮图片，这里将加载按钮图片的OSD窗口称为列表框上的按键；将上述的OSD窗口1叠加到OSD窗口0的相应位置上会组成一幅如图2中流程1所示的图片；较单背景图，叠加后的图片看起来像其中一个按钮被选中的效果图；不同状态下把不同的按钮图片叠加到背景图片的相应位置上面，会形成不同按钮被选中的效果图片；这种效果图片正如列表框定义所述；这种两个加载不同的图片的OSD窗口的叠加后的效果图片即为列表框。

同一列表框内各元素的选择的切换流程以及不同列表框间的嵌套流程如下所述：

如图2中的流程1和流程2所示，流程1：将加载了原始图片组合1中的第1幅按钮图片的OSD窗口1(图2中所示为OSD_1)叠加到加载了原始图片组合1中的背景图片的OSD窗口0(图2中所示为OSD_0)相应的位置上，组成列表框1。

流程2：将加载了原始图片组合1中的第2幅按钮图片的OSD窗口1(图2中所示为OSD_1)叠加到加载了原始图片组合1中的背景图片的OSD窗口0(图2中所示为OSD_0)相应的位置上，组成列表框2。

流程1检测到按键信号“下”则进入流程2，流程2检测到按键信号“上”则进入流程1。在流程2上检测到的按键信号为“下”时进入形成OSD窗口1加载的为原始图片组合1中的第3幅按钮图片和OSD窗口0加载的为原始图片组合1的背景图片的流程。依次类推，实现同一列表框内各个元素之间的选择的切换。

如图2的流程2和流程3所示，流程3所示的效果图为两个列表框之间的叠加所形成的；流程3：将加载了原始图片组2中的第1幅按钮图片的OSD窗口3(图2中所示为OSD_3)叠加到加载了原始图片组2中的背景图片的OSD窗口2(图2中所示为OSD_2)形成一个列表框3，把列表框3加载到流程2中的列表框2的相应位置上(如图2的流程3所示位置)。在流程2上检测到按键信号为“确定”时进入流程3，在流程3上检测到按键信号为“返回”时进入流程2；依次类推，这种一个列表框通过检测按键信号“确定”进入到在原有的列表框的基础上加载一个新的列表框的流程即不同列表框之间的嵌套流程。被加载出来的新的列表框即嵌套的列表框。

如图2所示的流程4是在流程3基础上通过同一列表框内各元素的选择的切换所实现，流程5在流程4基础上通过不同列表框之间的嵌套流程所实现，流程6是在流程5基础上通过同一列表框内各元素的选择的切换所实现，其流程之间的切换流程与上述的流程1、流程2、流程3之间的切换的流程相同。

流程4：将加载了原始图片组2中的第5幅按钮图片的OSD窗口3(图2中所示为OSD_3)叠加到加载了原始图片组2中的背景图片的OSD窗口2(图2中所示为OSD_2)形成一个列表框4，把列表框4加载到流程2中的列表框2的相应位置上(如图2的流程4所示位置)。

流程5：将加载了原始图片组3中的第1幅按钮图片的OSD窗口5(图2中所示为OSD_5)叠加到加载了原始图片组3中的背景图片的OSD窗口4(图2中所示为OSD_4)形成一个列表框5，把列表框5加载到流程4中的列表框4(由OSD窗口0、OSD窗口1、OSD窗口2和OSD窗口3所形成的列表框)的相应位置上(如图2的流程5所示位置)。

流程6：将加载了原始图片组3中的第2幅按钮图片的OSD窗口5(图2中所示为OSD_5)叠加到加载了原始图片组3中的背景图片的OSD窗口4(图2中所示为OSD_4)形成一个列表框6，把列表框6加载到流程4中的列表框4(由OSD窗口0、OSD窗口1、OSD窗口2和OSD窗口3所形成的列表框)的相应位置上(如图2的流程6所示位置)。

考虑到GUI系统可移植性和维护的便利性，本发明的软件实现过程中创建了六个类：GUI类、ListGroup类、ListButton类、ListUnion类、Drawable类和OSD类，其关系如图3的类UML图所示，其中：

1)GUI类：在本发明中负责读取按键信息及对按键信息进行过滤及相关的逻辑处理工作。GUI类的实例通过成员函数GUI::KeyBoardEvent()来读取相关的键盘的按键信息。通过过滤及相关的处理工作后，把有用的按键信息通过类成员函数ListGroup::handleKeyBoardEvent()传递给GUI类的成员变量GUI::group。成员变量GUI::group为类ListGroup的一个实例。

2)OSD类：负责动态申请和释放OSD窗口，并且实际操作OSD窗口的显示及隐藏。OSD类的成员函数OSD::requestWin()申请OSD窗口，类成员函数OSD::releaseWin()释放窗口，类成员函数OSD::show()显示OSD窗口，类成员函数OSD::hide()隐藏OSD窗口。这个几个成员函数的实现根据实际所用平台而定。

3)Drawable类：类成员函数Drawable::show()加载特定图片，并调用类OSD成员函数requestWin()申请OSD窗口，将上述加载的图片显示到申请到的窗口上。

4)ListButton类：继承于Drawable类，相比于父类Drawable，类ListButton还新增了类成员函数ListButton::handleKeyBoardEvent()，用来将按键信息传递到调用该列表框系统的的进程中去。

5)ListUnion类：拥有ListGroup类型的成员变量ListUnion::list_group和ListButton类型的成员变量ListUnion::list_button。类ListUnion的实例根据成员变量ListUnion::list_group和ListUnion::list_button将一个ListGroup实例和一个ListButton实例绑定在一起。这个绑定的关系供ListGroup直接使用，这个绑定的ListGroup实例如上述的嵌套的列表框一样。ListUnion类是完成不同列表框的嵌套的关键。

6)ListGroup类：实现了类似上述的列表框的功能，负责接收GUI类发来的按键信息，并根据ListGroup类的实例的实际情况对该按键信息进行相关的处理工作。ListGroup类的成员变量ListGroup::backPic为Drawable类型，这里作用为该列表框加载背景图片。ListGroup类的成员变量ListGroup::unionList[]为以ListUnion类的实例为元素的数组。ListGroup类的成员变量数组ListGroup::unionList[]记录着该ListGroup类的实例(如上述的列表框)中所有的列表框上的按键(ListButton类型)及各个按键所绑定的ListGroup类的实例(如上述的嵌套的列表框)。类成员变量ListGroup::index记录着该类的实例中类成员变量数组ListGroup::unionList[]中的被选中元素的序号。类ListGroup的实例通过外部调用该类的成员函数ListGroup::hanleKeyBoardEvent()向该类传递键盘的按键信息。其操作流程如图4所示类ListGroup的实例根据类成员变量ListGroup::index找到该类的的成员变量数组ListGroup::unionList[]中对应的元素，如果该元素对应的类成员变量

ListGroup::unionList[ListGroup::index]->list_group存在并且已经显示则向该成员变量ListGroup::unionList[ListGroup::index]->list_group传递按键信息，否则该类ListGroup的实例根据按键信息进行逻辑处理：如果检测到的按键信号是“上”或“下”时改变该类的实例的数组ListGroup::unionList[]中的元素的序号(类成员变量ListGroup：：index)进行加一或减一操作；如果检测按键信号到为“返回”将该列表框隐藏(即调用该类LisiGroup的类成员函数ListGroup::hide())；当检测的按键信号为“确定”时，如果检测到成员变量ListGroup::unionList[ListGroup::index]->ListUnion::list_button存在的话，则通过调用ListGroup::unionList[ListGroup::index]->ListUnion::list_group->show()显示出来，否则通过调用

ListGroup::unionList[ListGroup::index]->ListUnion::list_button->handleKey BoardEvent()(实际调用的是类成员函数ListButton::handleKeyBoardEvent())将按键信号传输到调用该列表框系统的进程中。在ListGroup类中使用了列表的方式来储存含有相同特性的成员变量，简化了程序实现的难度。ListGroup类中调用了类ListUnion将列表框上的按键与其他的ListGroup类的实例进行绑定，实现列表框的嵌套。ListGoup根据按键信息实现自动对嵌套的列表框进行显示、隐藏、传递按键信息的操作。

以上所述实施例仅表达了本发明的实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims

1.一种基于OSD的嵌套式列表框设计方法，其特征在于，包括同一列表框内各元素的选择的切换流程以及不同列表框间的嵌套流程；

所述列表框是基于OSD进行图片叠加后形成的；

通过OSD来实现图片叠加的步骤为：一个OSD窗口加载一个原始图片组合中的背景图片，另一个OSD窗口加载该原始图片组合中的其中一幅按钮图片，然后将这两个OSD窗口叠加形成列表框；

同一列表框内各个元素之间的选择的切换流程包括流程一检测到按键信号“下”则进入流程二，流程二检测到按键信号“上”则进入流程一；其中，流程一具体为：将加载了原始图片组合一中的第1幅按钮图片的OSD窗口一叠加到加载了原始图片组合一中的背景图片的OSD窗口零相应的位置上，组成列表框一；

流程二具体为：将加载了原始图片组合一中的第2幅按钮图片的OSD窗口一叠加到加载了原始图片组合一中的背景图片的OSD窗口零相应的位置上，组成列表框二；

不同列表框之间的嵌套流程包括一个列表框通过检测按键信号“确定”进入到在原有的列表框的基础上加载一个新的列表框的流程；

不同列表框间的嵌套流程包括：

在流程二上检测到按键信号为“确定”时进入流程三，在流程三上检测到按键信号为“返回”时进入流程二；其中，流程三具体为：将加载了原始图片组二中的第1幅按钮图片的OSD窗口三叠加到加载了原始图片组二中的背景图片的OSD窗口二形成一个列表框三，把列表框三加载到流程二中的列表框二的相应位置上；

所述基于OSD的嵌套式列表框设计方法还包括在流程三基础上通过同一列表框内各元素的选择的切换实现流程四，在流程四基础上通过不同列表框之间的嵌套流程实现流程五，在流程五基础上通过同一列表框内各元素的选择的切换实现流程六；其中，流程四具体为：将加载了原始图片组二中的第5幅按钮图片的OSD窗口三叠加到加载了原始图片组二中的背景图片的OSD窗口二形成一个列表框四，把列表框四加载到流程二中的列表框二的相应位置上；

2.根据权利要求1所述基于OSD的嵌套式列表框设计方法，其特征在于，所述基于OSD的嵌套式列表框设计方法的软件实现过程包括创建GUI类、ListGroup类、ListButton类、ListUnion类、Drawable类和OSD类。