CN104010217A

CN104010217A - 一种混合显示方法和装置

Info

Publication number: CN104010217A
Application number: CN201410218911.1A
Authority: CN
Inventors: 豆泽云; 吴明毅
Original assignee: TCL Corp
Current assignee: TCL Corp
Priority date: 2014-05-22
Filing date: 2014-05-22
Publication date: 2014-08-27
Anticipated expiration: 2034-05-22

Abstract

本发明适用于电视领域，提供了一种混合显示方法和装置；应用于使用Firefox OS系统显示处于电视界面上层的操作系统界面的电视机，所述混合显示方法包括：在网页排版引擎中为所述操作系统界面的背景设置透明度；从界面设计文件解析出一个或多个标签，并解析出所述标签的样式；确定一个或多个图层，所述图层包含一个或多个所述标签；根据所述标签的样式确定所述图层的叠加顺序，按照所述图层的叠加顺序依次在已设置透明度的背景上叠加所有图层并叠加生成系统界面图层，在所述操作系统界面显示所述系统界面图层。如果系统界面图层中存在的一个或多个透明区域(像素数值为零的像素点组成)，可透过该操作系统界面中的上述区域看到位于下层的电视界面。

Description

一种混合显示方法和装置

技术领域

本发明属于电视领域，尤其涉及一种混合显示方法和装置。

背景技术

对于原生的Firefox OS系统，该显示系统是针对于手机，平板电脑等设备开发的。Firefox OS系统在将用户界面的元素解析之后，将解析出的可见元素与不可见元素以及部分可见元素合成为一整张画面，然后将该整张画面叠加在网页排版引擎Gecko提供的背景上显示。

对于电视机而言，电视机存在一个电视界面，通过电视界面播放电视节目，另外电视机还存在一个操作系统界面，该操作系统界面与该电视界面不属于同一层面，该操作系统界面位于该电视界面之上。

现有技术中，对于电视界面与操作系统界面重叠的区域，使用Firefox OS系统显示的操作系统界面会遮挡该电视界面，遮挡原因是：Firefox OS系统不支持将其提供的界面的背景设置透明度，即使操作系统界面不存在任何像素，Firefox OS系统提供的界面仍会显示不具透明度的背景。从而，对于电视界面与操作系统界面的重叠区域，由于该操作系统界面位于该电视界面之上，仅能显示操作界面，而无法显示位于重叠区域的电视界面。

发明内容

本发明的目的在于提供一种混合显示方法和装置，以解决基于使用FirefoxOS系统显示上层的操作系统界面时，将遮挡位于下一层的电视界面的问题。

一方面，本发明提供一种混合显示方法，应用于使用Firefox OS系统显示处于电视界面上层的操作系统界面的电视机，所述混合显示方法包括：

在网页排版引擎中为所述操作系统界面的背景设置透明度；

从界面设计文件解析出一个或多个标签，并解析出所述标签的样式；

确定一个或多个图层，所述图层包含一个或多个所述标签；

根据所述标签的样式确定所述图层的叠加顺序，按照所述图层的叠加顺序依次在已设置透明度的背景上叠加所有图层并叠加生成系统界面图层，在所述操作系统界面显示所述系统界面图层。

一方面，本发明提供一种混合显示装置，应用于使用Firefox OS系统显示处于电视界面上层的操作系统界面的电视机，所述混合显示装置包括：

透明度单元，用于在网页排版引擎中为所述操作系统界面的背景设置透明度；

解析单元，用于从界面设计文件解析出一个或多个标签，并解析出所述标签的样式；

图层确定单元，用于确定一个或多个图层，所述图层包含一个或多个所述标签单元解析出的标签；

显示单元，根据所述标签的样式确定所述图层的叠加顺序，按照所述图层的叠加顺序依次在已设置透明度的背景上叠加所有图层并叠加生成系统界面图层，在所述操作系统界面显示所述系统界面图层。

本发明的有益效果：针对网页排版引擎提供的背景直接从网页排版引擎(如Gecko)的源代码设置透明度，进而网页排版引擎为Firefox OS系统提供的背景会具有一定的透明度。这样，待将每个图层叠加背景生成系统界面图层后，如果系统界面图层中存在的一个或多个透明区域(像素数值为零的像素点组成)，显示驱动在所述操作系统界面显示该所述系统界面图层，透过该所述操作系统界面中的上述区域可看到位于下层的电视界面。

附图说明

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

图1是本发明实施例提供的混合显示方法的工作流程图；

图2是图1中步骤S4的具体流程图；

图3是本发明实施例提供的混合显示方法的一种优化工作流程图；

图4是本发明实施例提供的混合显示装置的组成结构图；

图5是图4中显示单元64的组成结构图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。为了说明本发明所述的技术方案，下面通过具体实施例来进行说明。

图1示出了本发明实施例提供的混合显示方法的工作流程，为了便于描述，仅示出了与本发明实施例相关的部分。

本发明实施例提供的所述混合显示方法，应用于使用Firefox OS系统显示处于电视界面上层的操作系统界面的电视机，如图1所示，所述混合显示方法包括：

S1，在网页排版引擎中为所述操作系统界面的背景设置透明度；

S2，从界面设计文件解析出一个或多个标签，并解析出所述标签的样式；

S3，确定一个或多个图层，所述图层包含一个或多个所述标签；

S4，根据所述标签的样式确定所述图层的叠加顺序，按照所述图层的叠加顺序依次在已设置透明度的背景上叠加所有图层并叠加生成系统界面图层，在所述操作系统界面显示所述系统界面图层。

需强调的是，通常，Firefox OS系统用于手机、平板电脑等移动终端。本发明实施例将该Firefox OS系统用于电视机。Firefox OS系统用于显示的背景是网页排版引擎(如Gecko)提供的，但由于移动终端显示图标或其它信息都需要使用背景(需要网页排版引擎提供的背景)，无法进行无背景显示图标等信息，因此现有技术不存在修改Firefox OS系统显示时所使用的背景的透明度这一技术问题。另如背景技术所述，基于Firefox OS系统进行移动终端的第三方应用程序开发时，无法直接修改Firefox OS系统显示时所使用的背景的透明度。

为了满足在电视机上透明显示操作系统界面的需要，本发明实施例从网页排版引擎(如Gecko)的源代码对操作系统界面的背景的透明度进行修改；具体修改操作系统界面的背景的透明度的方式为：从源代码中找到与透明度相关的参数并修改参数值，通过修改该参数值实现0到100％范围内任一透明度的设定。进而，网页排版引擎成功为使用Firefox OS系统的操作系统界面提供具有一定的透明度的背景。优选的是，通过修改网页排版引擎的源代码中与透明度相关的参数，将该网页排版引擎提供的背景设置透明度为100％，为使用Firefox OS系统的操作系统界面提供透明度为100％的背景。如果系统界面图层中存在像素值为零的像素点，可透过操作系统界面中的透明区域(该透明区域由像素值为零的像素点组成)看到位于下层的电视界面。

针对本发明实施例提供的显示操作系统界面的方法，详述工作原理如下：

在生成用于在操作系统界面显示的系统界面层时，由于需要显示的图层都是叠加在背景上的，需首先在步骤S1将网页排版引擎提供的背景设置为一定的透明度；进而，在生成系统界面图层时，基于具有透明度的该背景之上叠加图层。

另需说明的是，由于所述操作系统界面是由标签组成的；需要人为预先设计出界面设计文件(如通过人为编写该界面设计文件)，通过该界面设计文件定义出签、标签的样式、标签树等。

在步骤S3中，在确定一个或多个图层时，预先对界面设计文件进行HTML解析并解析出标签树(该标签树的节点为标签)；进而，根据预设规则(可人为更改)确定哪个图层包含标签树中的哪些标签；或者，随机确定哪个图层包含标签树中的哪些标签。

作为一种实施方式，在确定图层时，将一个节点所包含的标签和该节点下的所有子节点(以该节点为根构成的子树中所有子节点)所包含的标签确定在一个图层中。优选的是，将确定的每个图层所包含的标签个数均限定在预设个数范围内，即如果该节点下的所有子节点(以该节点为根构成的子树中所有子节点)所包含的子节点个数较多，则不将该节点和该节点下的所有子节点(以该节点为根构成的子树中所有子节点)所包含的标签确定在一个图层中，从该节点的子树上所有子节点中选择满足预设个数范围要求的节点以确定一个图层，进而在该节点下确定出多个图层。

另外还对所述界面设计文件进行CSS解析，CSS解析出标签树中每个标签的样式。对图层中的标签均使用CSS解析出的样式进行设置后，执行步骤S4进行图层叠加。需强调的是，根据CSS解析出的样式包括：每个所述标签的位置、每个所述标签的大小、每个标签的颜色等。因此，通过标签的样式(具体根据每个标签的位置和每个所述标签的大小)可进一步确定包含所述标签的图层的叠加顺序。优选的是，根据标签树中的父子节点关系和每个所述标签的样式(具体根据所述标签的位置和所述标签的大小)确定标签的叠加顺序，进而确定图层的叠加顺序。

待确定好图层之后，在最下层为背景的基础上根据图层叠加顺序将每个图层依次叠加，将所有图层和背景叠加生成一个图层(即系统界面图层)。通过Firefox OS系统提供的显示驱动在操作系统界面显示该系统界面图层。

另需说明的是，由于生成的每个图层都由标签组成的，因此叠加合成的该系统界面图层也包括标签(每个图层所包含的标签)。在系统界面图层中的标签之间可能存在空隙，该空隙为仅具有背景不具有任何标签的区域，该空隙包含的像素点的像素数值为零；对于标签内部，也存在像素数值为零的像素点。由于是将每个图层叠加在背景上合成该系统界面图层的，在背景具有一定透明度(只要透明度不为零)的情况下，是能够透过该系统界面图层中透明区域(该透明区域包括：1，系统界面图层中像素数值为零的像素点，2，系统界面图层中的空隙(该空隙包含的像素点的像素数值为零))看到位于该系统界面图层下面的电视界面的。

优选的是，当背景的透明度为100％时，可根据该系统界面图层中是否存在像素数值为零的像素点，判断是否能够透过该系统界面图层看到电视界面，如果判定存在像素数值为零的像素点，可透过该像素数值为零的像素点组成的一个或多个透明区域看到位于下层的电视界面。

图2示出了本发明实施例提供的混合显示方法中步骤S4的具体流程，为了便于描述，仅示出了与本发明实施例相关的部分。

在本发明一优选实施例中，如图2所示，所述在所述操作系统界面显示所述系统界面图层这一步骤具体包括：

S41，将所述系统界面图层中每个像素点对应添加到帧缓冲区；

S42，检测所述帧缓冲区中是否存在像素数值小于预设数值的像素点，如果检测到像素数值小于预设数值的像素点，在所述帧缓冲区删除检测到的像素点，根据从所述帧缓冲区读取到的像素点生成图片，在所述操作系统界面显示生成的图片。

本实施例是Firefox OS系统提供的显示驱动显示所述操作系统界面的，因此，需要将所述系统界面图层渲染到帧缓冲区，即将所述系统界面图层中每个像素点的像素数值对应存储到帧缓冲区中。进而，为了进一步保证能够透过操作系统界面中的透明区域(该透明区域为：系统界面图层中像素数值为零的像素点组成的一个或多个区域)看到电视界面，预先通过Firefox OS系统提供的显示驱动(优选的是，该显示驱动为gralloc驱动模块；需说明的是，该gralloc驱动模块是针对不同厂家的智能电视而对gralloc模板(例如：gralloc.default.so)编写后得到的)对帧缓冲区中每个像素点的像素数值进行检测，检测是否存在像素数值小于预设数值的像素点，对于检测到的像素数值小于预设数值的像素点，在所述帧缓冲区删除与检测的像素点相关的像素数值。

需强调的是，所述预设数值是接近零的；进一步地，所述预设数值可根据背景的透明度而更改大小，随着透明度的增大而减小；设置的所述预设数值是为了筛选出：帧缓冲区中的像素数值为零的像素点。在透明度为100％时，所述预设数值可选择趋近于零的数值(0.0005)，甚至可将所述预设数值设置为零。

这样，对于帧缓冲区中存在的像素数值为零的像素点，Firefox OS系统的显示驱动直接从帧缓冲区对与其对应的像素点删除(具体地，是删除该像素点的像素数据)；该显示驱动使用从帧缓冲区读取的像素数据时会读取不到已删除的像素数据，即无法读取到与像素数值为零的像素点对应的数据，从而FirefoxOS系统的显示驱动无法在生成图片时添加系统界面图层中像素数值为零的像素点，形成一个像素点漏洞；这样，对应系统界面图层中像素数值为零的像素点组成的透明区域，在生成的图片中会呈现为漏洞。该漏洞的大小、位置和个数与系统界面图层中该透明区域的大小、位置和个数相同。因此，可透过使用该显示驱动在操作系统界面显示的画面看到位于下层的电视界面。

作为本发明一具体实施方式，通过图形程序接口OpenGL执行步骤S41，将所述系统界面图层渲染到帧缓冲区，即将所述系统界面图层中每个像素点对应添加到帧缓冲区。于此同时，使用gralloc驱动模块执行S42，检测所述帧缓冲区中是否存在像素数值小于预设数值的像素点，如果检测到像素数值小于预设数值的像素点，在所述帧缓冲区删除检测到的像素点，根据从所述帧缓冲区读取到的像素点生成图片，在所述操作系统界面显示生成的图片。由于OpenGL和gralloc驱动模块均属于开源技术，并且能够适用于Firefox OS系统，便于在Firefox OS系统中集成OpenGL和gralloc驱动模块。

优选的是，如果在电视机的显示屏上划分出的电视界面和操作系统界面仅具有部分重叠，则所述检测所述帧缓冲区是否存在像素数值小于预设数值的像素点这一步骤具体包括：针对所述操作系统界面与所述电视界面重叠的区域，检测所述帧缓冲区存储的所述区域包含的像素点中是否存在像素数值小于预设数值的像素点。

为了减少画面的不真实感、减少删除处理的时间及减少删除处理时的资源占用，仅针对所述操作系统界面与所述电视界面重叠的区域，进行是否存在像素数值小于预设数值的像素点的检测；删除在帧缓冲区中与检测到的像素点对应的像素数据；使用从帧缓冲区读取到的像素数据生成画面，在操作系统界面显示该画面。

对于显示的该画面与电视界面重叠的区域，如果在帧缓冲区删除了与检测到的像素点对应的像素数据，会在该重叠区域产生具有一个或多个漏洞，用户可直观地从透过漏洞看到下层的电视界面。对于显示的该画面与电视界面没有重叠的区域，会显示没有漏洞的画面，即使该画面中存在像素数值小于预设数值的像素点(为透明区域)。

在本发明一实施例中，在从界面设计文件中HTML解析出标签树和标签的位置后，在步骤S3划分图层时，所述确定一个或多个图层这一步骤具体为：针对每个应用程序对应地确定一个或多个图层。

上述技术手段的优点是，能够保证一个应用程序完整地在一个或多个图层中体现；并且需强调的是，根据一个应用程序确定的一个或多个图层，具有完全覆盖的叠加关系；即，该应用程序对应在标签树时为子树，以子树的根节点以及该根节点下面的预设个数范围内子节点组成一个图层，再根据该子树中存在的多个子树分别对应确定一个图层，这样会确定出一个区域面积最大的图层，再确定出位于该区域面积内的多个小图层，他们对应同一应用程序。优选的是，如果应用程序不够复杂，即与该应用程序对应的子树所包含的节点不多(没有超过预设个数范围，或者比预设个数范围多几个节点)仅为一个应用程序确定一个图层。

图3示出了本发明实施例提供的混合显示方法的一种优化流程，为了便于描述，仅示出了与本发明实施例相关的部分。

在本发明一实施例，如图3所示，本发明实施例提供的混合显示方法的一种优化流程包括：A1，在网页排版引擎中为所述操作系统界面的背景设置透明度；A2，对所述界面设计文件进行HTML解析并解析出标签树和所述标签树包含的每个标签所具有的标签属性，针对所述标签树包含的每个标签对所述界面设计文件进行CSS解析并解析出每个标签的样式；A3，确定一个或多个图层，针对所述图层包含的每个标签分别对应设置HTML解析出的标签属性和CSS解析出的样式；A4，根据所述标签的样式确定所述图层的叠加顺序，按照所述图层的叠加顺序依次在已设置透明度的背景上叠加所有图层并叠加生成系统界面图层，在所述操作系统界面显示所述系统界面图层。其中，步骤A1同步骤S1，步骤A4同步骤S4，在此均不赘述。

在本实施例中，将步骤S2优化为步骤A2，将步骤S3优化为步骤A3；具体如下：对于步骤S2的优化，所述从界面设计文件解析出一个或多个标签并解析出所述标签的样式这一步骤具体为：对所述界面设计文件进行HTML解析并解析出标签树和所述标签树包含的每个标签所具有的标签属性，针对所述标签树包含的每个标签对所述界面设计文件进行CSS解析并解析出每个标签的样式。对于步骤S3的优化，所述确定一个或多个图层这一步骤具体为：确定一个或多个图层，针对所述图层包含的每个标签分别对应设置HTML解析出的标签属性和CSS解析出的样式。

具体在本实施例中，在进行图层划分时，对每个图层所包含的标签，分别使用HTML解析出的标签属性和CSS解析出的样式进行设置，以使得图层呈现一定的显示效果、动画或者其它渲染效果。

在一优选实施方式中，通过布局解析模块执行步骤A2，通过进程间通信(Inter-Process Communication，IPC)将局解析模块解析出的标签树、标签属性以及样式转发至层管理单元；层管理单元在执行步骤A3时，每个图层所包含的标签，对应使用通过IPC接收到的HTML解析出的标签属性进行设置，和通过IPC接收到的CSS解析出的样式进行设置。

本领域普通技术人员还可以理解，实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，所述的程序可以在存储于一计算机可读取存储介质中，所述的存储介质，包括ROM/RAM、磁盘、光盘等。

需要说明的是，本发明实施例提供的混合显示装置与本发明实施例提供的混合显示方法相互适用。

图4示出了本发明实施例提供的混合显示装置的组成结构，为了便于描述，仅示出了与本发明实施例相关的部分。

本实施例提供的混合显示装置，应用于使用Firefox OS系统显示处于电视界面上层的操作系统界面的电视机；所述混合显示装置如图4所示，包括：

透明度单元61，用于在网页排版引擎中为所述操作系统界面的背景设置透明度；

解析单元62，用于从界面设计文件解析出一个或多个标签，并解析出所述标签的样式；

图层确定单元63，用于确定一个或多个图层，所述图层包含一个或多个所述标签单元解析出的标签；

显示单元64，根据所述标签的样式确定所述图层的叠加顺序，按照所述图层的叠加顺序依次在已设置透明度的背景上叠加所有图层并叠加生成系统界面图层，在所述操作系统界面显示所述系统界面图层。

图5示出了本发明实施例提供的混合显示装置中显示单元64的具体组成结构，为了便于描述，仅示出了与本发明实施例相关的部分。

在本发明一实施例中，所述显示单元64具体包括：

绘制模块641，用于将所述系统界面图层中每个像素点对应添加到帧缓冲区；

显示驱动模块642，用于检测所述帧缓冲区中是否存在像素数值小于预设数值的像素点，如果检测到像素数值小于预设数值的像素点，在所述帧缓冲区删除检测到的像素点，根据从所述帧缓冲区读取到的像素点生成图片，在所述操作系统界面显示生成的图片。

在本发明一实施例中，所述显示驱动模块642还具体用于：

针对所述操作系统界面与所述电视界面重叠的区域，检测所述帧缓冲区存储的所述区域包含的像素点中是否存在像素数值小于预设数值的像素点。

在本发明一实施例中，所述图层确定单元63还具体用于：针对每个应用程序对应地确定一个或多个图层。

在本发明一实施例中，所述解析单元62具体用于：对所述界面设计文件进行HTML解析并解析出标签树和所述标签树包含的每个标签所具有的标签属性，针对所述标签树包含的每个标签对所述界面设计文件进行CSS解析并解析出每个标签的样式；

所述图层确定单元63具体用于：确定一个或多个图层，针对所述图层包含的每个标签分别对应设置HTML解析出的标签属性和CSS解析出的样式。

本领域技术人员可以理解为本发明实施例提供的混合显示装置所包括的各个单元只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。

以上内容是结合具体的优选实施方式对本发明所作的进一步详细说明，不能认定本发明的具体实施只局限于这些说明。对于本发明所属技术领域的普通技术人员来说，在不脱离本发明构思的前提下做出若干等同替代或明显变型，而且性能或用途相同，都应当视为属于本发明由所提交的权利要求书确定的专利保护范围。

Claims

1.一种混合显示方法，其特征在于，应用于使用Firefox OS系统显示处于电视界面上层的操作系统界面的电视机，所述混合显示方法包括：

在网页排版引擎中为所述操作系统界面的背景设置透明度；

确定一个或多个图层，所述图层包含一个或多个所述标签；

2.如权利要求1所述的混合显示方法，其特征在于，所述在所述操作系统界面显示所述系统界面图层这一步骤具体包括：

将所述系统界面图层中每个像素点对应添加到帧缓冲区；

检测所述帧缓冲区中是否存在像素数值小于预设数值的像素点，如果检测到像素数值小于预设数值的像素点，在所述帧缓冲区删除检测到的像素点，根据从所述帧缓冲区读取到的像素点生成图片，在所述操作系统界面显示生成的图片。

3.如权利要求2所述的混合显示方法，其特征在于，所述检测所述帧缓冲区是否存在像素数值小于预设数值的像素点这一步骤具体包括：

4.如权利要求1所述的混合显示方法，其特征在于，所述确定一个或多个图层这一步骤具体为：

针对每个应用程序对应地确定一个或多个图层。

5.如权利要求1至4任一所述的混合显示方法，其特征在于，所述从界面设计文件解析出一个或多个标签并解析出所述标签的样式这一步骤具体为：对所述界面设计文件进行HTML解析并解析出标签树和所述标签树包含的每个标签所具有的标签属性，针对所述标签树包含的每个标签对所述界面设计文件进行CSS解析并解析出每个标签的样式；

所述确定一个或多个图层这一步骤具体为：确定一个或多个图层，针对所述图层包含的每个标签分别对应设置HTML解析出的标签属性和CSS解析出的样式。

6.一种混合显示装置，其特征在于，应用于使用Firefox OS系统显示处于电视界面上层的操作系统界面的电视机，所述混合显示装置包括：

7.如权利要求6所述的混合显示装置，其特征在于，所述显示单元具体包括：

绘制模块，用于将所述系统界面图层中每个像素点对应添加到帧缓冲区；

显示驱动模块，用于检测所述帧缓冲区中是否存在像素数值小于预设数值的像素点，如果检测到像素数值小于预设数值的像素点，在所述帧缓冲区删除检测到的像素点，根据从所述帧缓冲区读取到的像素点生成图片，在所述操作系统界面显示生成的图片。

8.如权利要求6所述的混合显示装置，其特征在于，所述显示驱动模块还具体用于：

9.如权利要求8所述的混合显示装置，其特征在于，所述图层确定单元还具体用于：

针对每个应用程序对应地确定一个或多个图层。

10.如权利要求6至9任一所述的混合显示装置，其特征在于，所述解析单元具体用于：对所述界面设计文件进行HTML解析并解析出标签树和所述标签树包含的每个标签所具有的标签属性，针对所述标签树包含的每个标签对所述界面设计文件进行CSS解析并解析出每个标签的样式；

所述图层确定单元具体用于：确定一个或多个图层，针对所述图层包含的每个标签分别对应设置HTML解析出的标签属性和CSS解析出的样式。