CN101980155A - 电视机用户界面的实现方法和***、电视机 - Google Patents

Abstract

本发明公开了一种电视机用户界面的实现方法和***、电视机，其中，该方法包括：在数据描述层通过定义XML文件来创建电视机的用户界面UI资源信息；在模式编辑层解析XML文件，以获取UI资源信息对应的计算机程序代码；根据计算机程序代码生成电视机的用户界面；显示电视机的用户界面。通过本发明，能够提高电视机用户界面的定制性、降低了开发成本和维护成本。

Description

电视机用户界面的实现方法和***、电视机

技术领域

本发明涉及一种电视机用户界面的实现方法和***、电视机。

背景技术

在传统的电视应用软件开发中，视图UI的绘制与交互同芯片方案紧密耦合。随着电视开发速度的不断提升，如何使UI的绘制、交互同芯片开发解耦合，使得UI的设计不需要根据方案的更新反复开发，已经成为目前电视应用软件开发人员面临的共同课题。

目前大多数电视应用软件开发商都有自身的一套UI开发工具。例如目前MSTAR正在使用的ShinTools。这些应用软件的特点大多是通过图形方式，对方案的资源进行整合，生成相应的资源二级制文件、索引文件等信息。***再调用这些生成的文件，进而进行视图的交互。

目前的技术方案在实现一套UI的绘制和交互过程中具有如下共同的特点：要实现同一套UI资源，所使用的资源文件(.JPG、.bmp、.mp3)基本一致；都是以一种数据类型作为载体来描述整套UI图形资源，最终都是将UI资源生成相应的二进制文件并生成相应的索引文件供主***调用；生成的资源文件是对UI的描述，没有UI的交互和操作；交互和操作依赖于各自方案的具体实现，同一套UI交互和操作在各自***中所要完成的功能和效果基本一致。

基于目前电视应用软件UI开发的特点，研发人员需要编写大量的代码，如果用户需求变化或其他原因需要修改代码时，增加了研发人员的工作量、延长了工作时间，从而增加了开发企业的开发成本和维护成本。

针对上述现有技术的用户界面UI实现上既存在共性但设计上互不兼容使得电视机上的用户界面程序编写复杂，无法满足用户实时完成灵活修改用户界面的问题，目前尚未提出有效的解决方案。

发明内容

本发明的主要目的在于提供一种电视机用户界面的实现方法和***、电视机，以解决现有技术的用户界面UI实现上既存在共性但设计上互不兼容使得电视机上的用户界面程序编写复杂，无法满足用户实时完成灵活修改用户界面的问题。

为了实现上述目的，根据本发明的一个方面，提供了一种电视机用户界面的实现方法。

根据本发明的电视机用户界面的实现方法包括：在数据描述层通过定义XML文件来创建电视机的用户界面UI资源信息；在模式编辑层解析XML文件，以获取UI资源信息对应的计算机程序代码；根据计算机程序代码生成电视机的用户界面；显示电视机的用户界面。

进一步地，用户界面UI资源信息包括多个UI元素以及多个UI元素之间的关联关系。

进一步地，在模式编辑层解析XML文件，以获取UI资源信息对应的计算机程序代码之前，方法还包括：获取XML文件的UI资源信息，并将UI资源信息转化为视图化数据；将视图化数据以XML文件的格式保存。

进一步地，在模式编辑层解析XML文件，以获取UI资源信息对应的计算机程序代码包括：解析XML文件中的UI资源信息，以获取UI资源信息中每个UI元素的属性；根据UI元素的属性调用每个UI元素对应的资源函数和多个UI元素之间的关联关系对应的交互函数；保存资源函数和交互函数。

进一步地，计算机程序还包括钩子函数，钩子函数为应用程序的接口函数。

进一步地，在根据计算机程序代码生成电视机的用户界面之前，方法还包括：触发计算机程序代码；执行计算机程度代码中UI资源信息对应的预设事件，预设事件包括每个UI元素自身对应的功能和/或UI元素关联的任意一个UI元素所对应的功能。

为了实现上述目的，根据本发明的另一个方面，提供了一种电视机用户界面的实现***。

根据本发明的电视机用户界面的实现***包括：处理器，用于在数据描述层通过定义XML文件来创建电视机的用户界面UI资源信息，其中，用户界面UI资源信息包括多个UI元素以及多个UI元素之间的关联关系；模式编辑器，用于在模式编辑层解析XML文件，以获取UI资源信息对应的计算机程序代码，并根据计算机程序代码生成电视机的用户界面；显示器，用于显示电视机的用户界面。

进一步地，***还包括：图形编辑器，用于获取XML文件的UI资源信息，并将UI资源信息转化为视图化数据；存储器，用于将视图化数据以XML文件的格式保存。

为了实现上述目的，根据本发明的另一方面，提供了一种电视机。本发明的电视机包括：上述方案中的电视机用户界面的实现***。

通过本发明，采用在数据描述层通过定义XML文件来创建电视机的用户界面UI资源信息；在模式编辑层解析XML文件，以获取UI资源信息对应的计算机程序代码；根据计算机程序代码生成电视机的用户界面；显示电视机的用户界面，解决了现有技术的用户界面UI实现上既存在共性但设计上互不兼容使得电视机上的用户界面程序编写复杂，无法满足用户实时完成灵活修改用户界面的问题，进而达到了提高电视机用户界面的定制性、降低了开发成本和维护成本的效果。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的电视机用户界面的实现***的结构示意图；

图2是根据本发明实施例的电视机用户界面的实现方法的流程图。

具体实施方式

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明。

图1是根据本发明实施例的电视机用户界面的实现***的结构示意图。如图1所示，该电视机用户界面的实现***包括：处理器11，用于在数据描述层通过定义XML文件来创建电视机的用户界面UI资源信息，其中，用户界面UI资源信息包括多个UI元素以及多个UI元素之间的关联关系，多个UI元素包括：区域、标签、图标、文字、进度条、动画、数字、可选图标以及导航信息；模式编辑器12，用于在模式编辑层解析XML文件，以获取UI资源信息对应的计算机程序代码，并根据计算机程序代码生成电视机的用户界面；显示器13，用于显示电视机的用户界面。

本发明实施例中，通过处理器将电视机应用软件中的UI实现与交互的行为通过XML方式进行描述，再通过模式编辑器自动获取该UI对应的计算机程序，在上述方案中，如果用户需求变更或者原来的设计出现错误需要修改等情况下，设计人员只需要修改XML文件就可以实现修改的功能，而不需要大量的编辑代码来实现相应功能，从而提高了定制用户界面的效率，降低了设计人员的开发成本和维护成本。

优选的，该***还可以包括：图形编辑器14，用于获取XML文件的UI资源信息，并将UI资源信息转化为视图化数据；存储器15，用于将视图化数据以XML文件的格式保存。本发明在模式编辑器12获取UI资源信息之前，可以通过可视化的图形编辑工具将已经保存的XML文件的数据视图化，然后再利用模式编辑器将视图化的数据自动生成电视视图(UI)交互、显示的一整批代码。本发明实施例中采用图形编辑器14将XML数据视图化，便于开发人员开发和编辑。图形编辑器可以完成包括UI的绘制、交互的顺序，按键响应的设定、动态的字符显示信息等，利用图形编辑器得到将来在电视界面中所能看到的视图效果，在后续用户界面需求变更或者需要修改用户界面的时候，可以在视图化的数据中进行修改，图形编辑器的结果可以通过XML文件的方式输出。通过上述方式如果开发的用户界面非常复杂的情况下，可以快速、准确的查询到修改的位置进行对应的修改，提高了工作效率和质量。

本发明上述实施例的设计***基于目前电视应用软件UI控件开发的特点，通过使用XML语言来设计一套标准的UI框架，从而实现***UI控件开发与***开发解耦合，使得同一套UI用户界面的设计可以无缝的嫁接到各个方案之上，同时在修改方案的时候不需要大量的修改代码，只需要修改XML文件中对应该功能的数据即可。其中，本发明实施例中使用的XML语言是一种公共的数据描述语言，用它来对UI资源信息进行描述，便于模式编辑器解析和生成相应的一大批UI资源信息以及信息之间彼此交互和显示的代码，实现了快速、简易的生成用户界面，减少了开发人员的工作量、提高了电视机用户界面的定制性、降低了开发成本和维护成本，并且提高了得到的用户界面的质量。

该实施例中使用的XML(Extensible Markup Language)即可扩展标记语言，是当前处理结构化文档信息的有力工具，XML与其它工具比较具有简单易使用的优点。XML的简单使其易于在任何应用程序中读写数据，容易与Windows、Mac OS、Linux以及其他平台下产生的信息结合，然后可以很容易加载XML数据到程序中并进行分析，并以XML格式输出结果。

图2是根据本发明实施例的电视机用户界面的实现方法的流程图。如图2所示，该电视机用户界面的实现方法包括如下步骤：

步骤S202，在数据描述层通过图1中的处理器11定义XML文件来创建电视机的用户界面UI资源信息，其中，该用户界面UI资源信息可以包括多个UI元素以及多个UI元素之间的关联关系，多个UI元素可以包括：区域、标签、图标、文字、进度条、动画、数字、可选图标以及导航信息。

步骤S204，在模式编辑层通过图1中的模式编辑器12来解析XML文件，以获取UI资源信息对应的计算机程序代码。

步骤S206，编译器根据计算机程序代码生成电视机的用户界面。

步骤S208，通过图1中的显示器13来显示电视机的用户界面。

通过本发明上述实施例的步骤，利用XML文件作为UI资源信息的数据载体，然后通过模式编辑器来生成代码的方式，自动完成UI的之间的交互和现实，从而为电视应用软件搭建一套标准的图形软件框架，解决了现有技术的用户界面UI实现上既存在共性但设计上互不兼容使得电视机上的用户界面程序编写复杂，无法满足用户实时完成灵活修改用户界面的问题，提高了设计人员的工作效率，降低了开发成本和维护成本。同时可以提供标准的扩展接口供***调用其他的功能函数。

将电视应用软件中的UI实现与交互的行为通过XML方式进行描述，通过可视化的图形编辑工具，利用模式编辑器生成代码的方式，自动生成电视视图(UI)交互、显示的一整批计算机代码，为电视图形软件提供一种通用的软件框架。

上述实施例的步骤S202中，***在数据描述层用XML语言来描述整套UI资源信息。具体的，在目前电视中的UI资源信息大体可以包括如下基本元素：区域、标签、图标、文字、进度条、动画、数字、可选图标、导航信息等。用xml文件可以将OSD的各种元素归结为以下几类。

其中，UI元素中的区域(Gwindow)是指一系列窗口Windows的集合，它为各种各样的windows提供了个固定的显示范围，在同一个Gwindow中的窗口互相之间可以进行视图的交互。区域包含固定的信息，一般不去响应用户操作。

本实施例中XML文件中编辑区域Gwindow的属性如下：

    <Gwindow Name＝″MAIN_MENU″XPos＝″0″YPos＝″0″Width＝″1360″Height＝″768″

ID＝″E_OSD_GWIN0″>

           Name：名称

           XPosd：X坐标

           YPos：Y坐标

           Width：宽

           Height：高

ID：资源索引。

UI元素中的窗口Window是一系列资源的集合，它可以把一系列的标签、图片、文字、进度条等组合在一起，通常我们也把一个窗口叫做一个菜单。一个区域中至少包括一个窗口，多个窗口在同一个区域中具有叠放的次序及互斥关系。窗口可以响应用户输入，同时，窗口本身具有位置、大小、背景色等基本属性信息。资源在窗口中的显示受窗口大小和属性的限制，例如窗口本身包含图片、文字、声音等资源，可以通过大小、颜色等属性信息定义一个资源在窗口中的显示属性，窗口也可以包含另外的一个窗口，窗口和窗口之间是一种包含与被包含的关系。通过上述描述可知窗口和窗口之间具有互斥或交互关系，它们通过导航(Navigation)属性来定义，通过导航属性来确定窗口的前一个窗口和下个窗口，从而实现口具有动画特效的多个窗口，窗口可以响应对应的事件。

本实施例中窗口的XML数据视图定义如下：

<Window Name＝″MAINMENU″ParentName＝″MAINROOT″>

<Position X＝″0″Y＝″0″Width＝″1366″Height＝″768″/>

<Resource ID＝″string_enum_1″X＝″0″Y＝″0″Width＝″50″Height＝″30″/>

<Navigation Up＝″MAINMENU″Down＝″MAINMENU″Lefe＝″MAINMENU″Right＝″

MAINMENU″/>

  <Active ID＝”Fade In-Out”></Active>

  <EventMap ID＝″Event 001″></EventMap>

  </Window>

UI元素中的Resource资源可以包括：标签、图标、文字、进度条、数字、可选图标等等，是***中所有UI的描述。它们可以包含的属性有：位置、颜色、大小写、对齐方式、大小、上下限、当前值、类型、是否显示数值等。一个或是多个资源组合成一个窗口。

本实施例中的一个string的定义如下：

<Resource Propotry＝“string”，ID＝“string_enum_1”，Folder＝“..\resource\string”，Active＝“”，Display＝“Center”，Color＝“0xFFFFFF”>This is the first string<\Resource>。

上述定义表示：在目录..\resource\string.txt下的字符串“This is the first string”，其中，在***中被定义的ID是“string_enum_1”。

Proporty：String、Bitmap、Bar。用于定义该资源的公共函数是一个字符串还是图片。

ID：资源的标识；

Folder：资源的路径；

Active：动画效果；

Display：显示效果，居中、左对齐、右对齐显示；

Color：颜色。

本实施例中的一个bitmap的定义如下：

<Resource Propotry＝“Bitmap”，ID＝“Bitmap_jpeg_1”，Folder＝“..\resource\bitmap”，Active＝“from right to light”，Display＝“Center”，Color＝“0xFFFFFF”><\Resource>。

本实施例中XML文件中的事件响应EventMap定义了事件相应的序列。它定义一个资源所应该接受到的用户指令集合。

例如，可以使用如下语言定义：

<EventMap ID＝“Event 001”，IR_KEY_MENU＝“MAIN_MENU_START”，

IR_EXIT＝”MAIN_MENU_EXIT”，IR_KEY_SOURCE＝”MAIN_MEN_SOURCE_START”></KeyeventList>，

其中，ID为Event001的资源可以具有三个按键输入相应分别对应电视遥控器上的上的menu、source和exit按键。他们分别执行的动作是调用如下函数：MAIN_MENU_START、MAIN_MEN_SOURCE_START和MAIN_MENU_EXIT。

本发明实施例中，在模式编辑层通过模式编辑器来解析XML文件，以获取UI资源信息对应的计算机程序代码之前，方法还可以包括：模式编辑器获取XML文件的UI资源信息，并将UI资源信息转化为视图化数据；将视图化数据以XML文件的格式保存。

具体的，在模式编辑层解析XML文件，以获取UI资源信息对应的计算机程序代码的步骤可以包括：解析XML文件中的UI资源信息，以获取UI资源信息中每个UI元素的属性；根据UI元素的属性调用每个UI元素对应的资源函数和多个UI元素之间的关联关系对应的交互函数；保存资源函数和交互函数。

优选的，计算机程序还可以包括钩子函数，钩子函数为应用程序的接口函数。本发明实施例通过使用标准的钩子函数为用户提供应用程序接口，该程序接口是对外发布用应用程序的接口供各个方案调用，实现软件的灵活定制和功能升级，为后续的功能开发提供了开放的环境。

根据上述实施例具体分析可知，XML文件的解析及框架的生成在模式编辑层中来完成，模式编辑层可以包括如下几个部分：XML数据的解析、图形编辑以及模式代码的生成。

其中，XML数据的解析可以采用DOM、或是SAX工具对XML文件进行解析。

实施例中的图形编辑器可以完成包括用户界面UI的绘制、交互的顺序，按键响应的设定、动态的字符显示信息等功能，利用图形编辑器可以得到将来在电视界面中所能看到的视图效果，以实现将XML文件的数据视图化，便于开发人员开发和编辑，尤其关于复杂的用户界面，用户如果直接在XML文件中进行修改，复杂度相对是很大的，而且会在定位需要修改的数据在程序中的位置上花费大量时间，而将XML文件图形化之后，可以在图形化的文件中执行修改过程，降低了程序员的工作复杂度、提高了修改效率。

图形编辑器结果通过XML文件的方式输出，即将转化后的视图化数据按照XML文件的格式保存，使得模式编辑器解析视图化数据。

模式编辑器在获取解析后的XML文件中的UI资源信息之后生成标准的代码，其中，该XML文件可以是原始编辑的XML文件，也可以是经过图像编辑器转化后的XML文件，该文件保存的是视图化数据。生成的代码主要包含3个部分：标准的交互代码，表示UI资源信息之间进行交互的逻辑和处理，这部分代码是固定的；资源的描述信息，表示UI资源信息的索引文件，以备UI资源信息之间彼此按照需求设计来调用；资源二进制压缩文件，该部分预留调用接口，各个方案可以根据自身方案的特点定制，优选的，预留的调用接口为钩子函数，该函数用于为应用程序预留的接口。

本发明实施例中的钩子函数预留有两个方面的作用：为***提供了调用资源函数的接口；为***扩展资源函数功能提供了扩展接口。

其中，钩子函数依赖于XML文件中的事件响应。***为每一个事件预留公共的接口，每个公共的接口通过具体的窗口的类型分别进行控制。用户可以通过对生成的每个窗口的事件处理函数来单独处理每个事件的动作。

本发明实施例的设计***的主事件相应入口是：MApp_ExecuteWndAction(U16act)，它的定义如下：

BOOLEAN MApp_ExecuteWndAction(U16act)

{

  //NOTE：if an new O SD page added，please add here！

  switch(_eActiveO SD)

  {

      case E_OSD_MAIN_MENU：

           return MApp_ExecuteMainMenuAction(act)；

      case E_O_SD_AUTO_TUNING：

           return MApp_ExecuteAutoTuningAction(act)；

      case E_OSD_CHANNEL_INFO：

           return MApp_ExecuteChannelInfoAction(act)；

      case E_OSD_INPUT_SOURCE：

           return MApp_ExecuteInputSourceAction(act)；

      case E_O_SD_AUDIO_VOLUME：

           return MApp_ExecuteAudioVolumeAction(act)；

       ......

      default：

         AS SEST(0)；

  }

  return FALSE；//false for continue passing key event....

}

***每添加一个windows，都会相应的生产处理函数的case语句，并生成相应的处理函数。在没个windows中的处理函数中，都会根据当前的Eventmap进行处理，这些函数在提供本身默认的交互代码的同时，用户可以自行编辑每个Event的实现，他们是***调用的钩子函数。

BOOLEAN MApp_ExecuteInputSourceAction(U16act)//钩子函数，用户自定义代码。

{

  switch(act)

  {

      case MAIN_MENU_START：

    ......//用户自定义代码。

           return TRUE；

      case MAIN_MENU_EXIT：

    ......//用户自定义代码。

    return TRUE；

       case MAIN_MEN_SOURCE_START：

    ......//用户自定义代码。

               return TRUE；

     dealult：

    return FALSE；

}

}

优选的，本发明实施例在根据计算机程序代码生成电视机的用户界面之前，方法还可以包括：触发计算机程序代码；执行计算机程度代码中UI资源信息对应的预设事件，预设事件包括每个UI元素自身对应的功能和/或UI元素关联的任意一个UI元素所对应的功能。

本发明还提供了一种电视机，其特征在于，该电视机安装有上述电视机用户界面的实现***，该***是根据电视应用软件开发的特点以及开发过程中的资源共享的问题，提出了为不同方案提供UI资源、交互接口的统一框架。各个方案在实现同一套UI效果的时候，不必各自为营，而只要调用框架提供的接口函数，就可以获取UI的资源、完成UI之间交互的操作。同时，框架提供钩子函数供用户扩展应用，以增加框架的扩展能力。

需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机***中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

从以上的实施例描述中，可以看出，本发明实现了如下技术效果：针对用户界面UI实现上既存在共性、设计上互不兼容的问题，本发明通过创建XML文件，将该文件通过模式编辑器生成代码的方式，自动完成用户界面UI的之间的交互和现实，并通过标准的钩子函数对外发布用应用程序接口供各个方案调用，从而为电视应用软件搭建一套标准的图形软件框架。基于目前电视应用软件UI开发的特点，本发明的方案实现原来用户界UI开发同***开发解耦合，使得同一套UI设计可以无缝的嫁接到各个方案之上，提高了开发用户界面的效率和质量。

显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成多个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (9)

1.一种电视机用户界面的实现方法，其特征在于，包括：

在数据描述层通过定义XML文件来创建电视机的用户界面UI资源信息；

在模式编辑层解析所述XML文件，以获取所述UI资源信息对应的计算机程序代码；

根据所述计算机程序代码生成所述电视机的用户界面；

显示所述电视机的所述用户界面。

2.根据权利要求1所述的方法，其特征在于，所述用户界面UI资源信息包括多个UI元素以及所述多个UI元素之间的关联关系。

3.根据权利要求2所述的方法，其特征在于，在模式编辑层解析所述XML文件，以获取所述UI资源信息对应的计算机程序代码之前，所述方法还包括：

获取所述XML文件的所述UI资源信息，并将所述UI资源信息转化为视图化数据；

将所述视图化数据以XML文件的格式保存。

4.根据权利要求2或3所述的方法，其特征在于，在模式编辑层解析所述XML文件，以获取所述UI资源信息对应的计算机程序代码包括：

解析所述XML文件中的所述UI资源信息，以获取所述UI资源信息中每个所述UI元素的属性；

根据所述UI元素的属性调用每个所述UI元素对应的资源函数和所述多个UI元素之间的关联关系对应的交互函数；

保存所述资源函数和所述交互函数。

5.根据权利要求4所述的方法，其特征在于，所述计算机程序还包括钩子函数，所述钩子函数为应用程序的接口函数。

6.根据权利要求5所述的方法，其特征在于，在根据所述计算机程序代码生成所述电视机的用户界面之前，所述方法还包括：

触发所述计算机程序代码；

执行所述计算机程度代码中所述UI资源信息对应的预设事件，所述预设事件包括每个所述UI元素自身对应的功能和/或所述UI元素关联的任意一个UI元素所对应的功能。

7.一种电视机用户界面的实现***，其特征在于，包括：

处理器，用于在数据描述层通过定义XML文件来创建电视机的用户界面UI资源信息，其中，所述用户界面UI资源信息包括多个UI元素以及所述多个UI元素之间的关联关系；

模式编辑器，用于在模式编辑层解析所述XML文件，以获取所述UI资源信息对应的计算机程序代码，并根据所述计算机程序代码生成所述电视机的用户界面；

显示器，用于显示所述电视机的所述用户界面。

8.根据权利要求7所述的***，其特征在于，所述***还包括：

图形编辑器，用于获取所述XML文件的所述UI资源信息，并将所述UI资源信息转化为视图化数据；

存储器，用于将所述视图化数据以XML文件的格式保存。

9.一种电视机，其特征在于，包括权利要求7-8中任一项所述的电视机用户界面的实现***。

Images