CN101499084A - 应用元素显示方法及网页浏览器和网页图像生成系统 - Google Patents

Abstract

本发明公开了应用元素显示方法及网页浏览器和网页图像生成系统。本发明实施例方法通过获取需要显示的两个以上应用元素；将所述两个以上应用元素放入至少两个图层；将所述至少两个图层合并进行应用元素的组合显示，由于将各应用元素进行了分离，各应用元素的特效相互之间不受干扰，这样降低了计算复杂度，使得图像显示测出错率降低，有效的减少了色块残留，花屏，移动停顿、不连续，等等现象，使显示效果更好。

Description

应用元素显示方法及网页浏览器和网页图像生成系统

技术领域

本发明涉及网页显示技术领域，具体涉及应用元素显示方法及网页浏览器和网页图像生成系统。

背景技术

应用元素是组成网页所需要的部件，例如：控件、图片、文字等等，应用特效是应用元素表现出来的各种效果，例如：放大缩小、移动、旋转等等。

网页是由很多个应用元素组成的，每个应用元素可以设定自己特定的显示效果，例如：放大缩小、移动等等。网页上经常会用到多个应用元素同时存在应用的特效。

在现有技术中，所有应用特效都是在同一个图层(Graphics)上完成的，图层也称为OSD(On Screen Display)。我们以图片的移动为例：由于移动是相对的，因此要完成移动的动作，至少涉及到两个应用元素：背景、要移动的图片。

假设图片从位置A移动到了位置B。整个移动的过程是由很多小步组成的，图片每移动一小步，显示屏就会刷新一次，而由于刷新频率比较高，所以人眼看上去的效果就是该图片从一个位置移动到了另一个位置。

每移动一步，需要进行以下流程以完成图片的显示：

1)将图片的目标位置计算出来；

2)将背景中移动前被图片覆盖，但移动后没有被图片覆盖的区域填充成相应的背景；

3)将背景中图片目标位置的区域更新成图片数据并显示。

以上只是一个应用特效的更新过程，在对现有技术的研究和实践过程中，本发明的发明人发现，如果在进行多个图片显示或图片存在多个应用特效时，则在输出显示时，需要计算时需要考虑到多个应用元素的组合效果，导致计算很复杂，出错率相当高，这些错误表现出来的显示效果就是色块残留，花屏，移动停顿、不连续，等等现象。

发明内容

本发明实施例提供应用元素显示方法及网页浏览器和网页图像生成系统，可以使得应用元素的组合显示的运算过程更加简单。

本发明实施例提供的一种多个应用元素组合显示方法，包括：

获取需要显示的两个以上应用元素；

将所述两个以上应用元素放入至少两个图层；

将所述至少两个图层合并进行应用元素的组合显示。

本发明实施例提供的一种网页浏览器，包括：

应用元素获取单元，用于获取需要显示的两个以上应用元素；

分层单元，用于将所述应用元素获取单元获取的所述两个以上应用元素放入至少两个图层；

图层合并显示单元，用于将所述至少两个图层合并进行应用元素的组合显示。

本发明实施例提供一种网页图像生成系统，包括：

应用元素获取单元，用于获取需要显示的两个以上应用元素；

分层单元，用于将所述应用元素获取单元获取的所述两个以上应用元素放入至少两个图层；

图层合并处理单元，用于将所述至少两个图层合并生成组合图像。

本发明实施例方法通过获取需要显示的两个以上应用元素；将所述两个以上应用元素放入至少两个图层；将所述至少两个图层合并进行应用元素的组合显示，由于将各应用元素进行了分离，各应用元素的特效相互之间不受干扰，这样降低了计算复杂度，使得图像显示测出错率降低，有效的减少了色块残留，花屏，移动停顿、不连续，等等现象，使显示效果更好。

附图说明

图1是本发明实施例一多个应用元素组合显示方法的流程图；

图2是本发明实施例二多个应用元素组合显示方法的流程图；

图3是本发明实施例三多网页浏览器的逻辑结构示意图；

图4是本发明实施例四网页图像生成系统的逻辑结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明实施例提供应用元素显示方法及网页浏览器和网页图像生成系统，可以使得应用元素的组合显示的运算过程更加简单。

下面进行详细说明。

实施例一、一种多个应用元素组合显示方法，流程图如图1所示，包括：

A1，获取需要显示的两个以上应用元素；

所述应用元素是组成网页所需要的部件，例如：控件、图片、文字等等。应用元素表现出来的各种应用效果，例如：放大缩小、移动、旋转等等。

A2，将所述两个以上应用元素放入至少两个图层；

图层(Graphics)也称为OSD(On Screen Display)，是应用在CRT/LCD显示器上，在显示器的萤幕中产生一些特殊的字形或图形，让使用者得到一些讯息。

A3，将所述至少两个图层合并进行应元素的组合显示。

本发明实施例一方法通过获取需要显示的两个以上应用元素；将所述两个以上应用元素放入至少两个图层；将所述至少两个图层合并进行应用元素的组合显示，由于将各应用元素进行了分离，各应用元素的特效相互之间不受干扰，这样降低了计算复杂度，使得图像显示测出错率降低，有效的减少了色块残留，花屏，移动停顿、不连续，等等现象，使显示效果更加好。

本发明实施例一方法是针对两个以上应用元素的处理方法，可以理解，本发明实施例方法同样也与一个应用元素的情况兼容。

实施例二，一种多个应用元素组合显示方法，流程图如图2所示，包括：

B1，获取需要显示的两个以上应用元素；

B2，分别为每个应用元素分配图层；

本发明实施例中，为应用元素分配图层，可以是为每个应用元素单独分配一个图层，也可以将同一类的应用元素分配到同一图层中。具体的分配方式可以有多种依据，本发明实施例强调的是，通过将多个应用元素分配到多个图层，以降低应用元素之间的干扰，简便计算。具体的分配方式不构成对本发明的限制。

为了使显示效果更好。对于存在更多的应用特效，可以分离成更多的Graphics层进行分别控制。根据应用特效所包含元素的个数和应用特效的复杂度的不同，可以分出的Graphics层数也不同。可以将每个应用元素单独分成一层，也可以将同一类应用元素分成一层，或者将需要特殊处理的应用元素放在单独的一层，根据具体需求而变化。

由于每层Graphics都要占用一定的内存空间，分的层越多，占用的空间越大，因此最多可以分多少层要看硬件内存空间的大小，本发明方法应用时，可分层的最大层数可以根据当前的系统剩余内存设置为推荐大小，当然也支持用于自行设置。

B3，计算每个应用元素在图层中的位置，并根据所述计算出的位置将所述应用元素放置到分配的图层中；

B4，将所述至少两个图层合并进行应用元素的组合显示。

本发明实施例中，可以通过多种算法或技术进行图层合并，最常见的如：α混合(Alpha-Blending)、层叠加算法、运动补偿叠加技术。

本发明实施例二，将多个应用元素分别放置到多个图层，并对具体的分层方式进行描述，将每个应用元素放到不同的层中进行单独计算，这样降低了计算复杂度，提高了计算准确性，使显示效果更好。

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

实施例三、一种网页浏览器，其逻辑结构示意图如图3所示，包括：

应用元素获取单元310，用于获取需要显示的两个以上应用元素；

分层单元320，用于将所述应用元素获取单元310获取的两个以上应用元素放入至少两个图层；

图层合并显示单元330，用于将所述至少两个图层合并进行应用元素的组合显示。

本发明实施例中，所述分层单元320，可以包括：图层分配单元、计算单元，和图片输入单元；

图层分配单元，用于分别为每个应用元素分配图层；

计算单元，用于计算每个应用元素在图层中的位置；

图片输入单元，用于应用元素并根据所述计算单元计算出的位置将应用元素放置到分配的图层中。

实施例四，一种网页图像生成系统，逻辑结构示意图如图4所示，包括：

应用元素获取单元410，用于获取需要显示的两个以上应用元素；

分层单元420，用于将所述应用元素获取单元410获取的所述两个以上应用元素放入至少两个图层；

图层合并处理单元430，用于将所述至少两个图层合并生成组合图像。

本发明实施例提供的提供网页浏览器和网页图像生成系统的可以运行的方法，可参考上文对本发明提供的提供多个应用元素组合显示方法实施例的描述，在此不再重复。

以上对本发明实施例所提供的应用元素显示方法及网页浏览器和网页图像生成系统进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。

Claims (9)

1、一种多个应用元素组合显示方法，其特征在于，包括：

获取需要显示的两个以上应用元素；

将所述两个以上应用元素放入至少两个图层；

将所述至少两个图层合并进行应用元素的组合显示。

2、如权利要求1所述的方法，其特征在于，所述将所述两个以上应用元素放入至少两个图层包括：

分别为每个应用元素分配图层；

计算每个应用元素在图层中的位置，并根据所述计算出的位置将所述应用元素放置到分配的图层中。

3、如权利要求2所述的方法，其特征在于，所述分别为每个应用元素分配图层包括：

为每个应用元素单独分配一个图层。

4、如权利要求2所述的方法，其特征在于，所述分别为每个应用元素分配图层包括：

将同一类的应用元素分配到同一图层中。

5、如权利要求1至4任意一项所述的方法，其特征在于，所述应用元素为图片、文字、控件。

6、如权利要求5所述的方法，其特征在于，所述将所述至少两个图层合并包括：

通过叠加算法进行图层合并。

7、一种网页浏览器，其特征在于，包括：

应用元素获取单元，用于获取需要显示的两个以上应用元素；

分层单元，用于将所述应用元素获取单元获取的所述两个以上应用元素放入至少两个图层；

图层合并显示单元，用于将所述至少两个图层合并进行应用元素的组合显示。

8、如权利要求7所述的网页浏览器，其特征在于，所述分层单元，包括：

图层分配单元，用于分别为每个应用元素分配图层；

计算单元，用于计算每个应用元素在图层中的位置；

图片输入单元，用于应用元素并根据所述计算单元计算出的位置将应用元素放置到分配的图层中。

9、一种网页图像生成系统，其特征在于，包括：

应用元素获取单元，用于获取需要显示的两个以上应用元素；

分层单元，用于将所述应用元素获取单元获取的所述两个以上应用元素放入至少两个图层；

图层合并处理单元，用于将所述至少两个图层合并生成组合图像。

Images