CN104361622B

CN104361622B - 一种界面绘制方法和装置

Info

Publication number: CN104361622B
Application number: CN201410603889.2A
Authority: CN
Inventors: 汤周文; 林剑宇; 林鎏娟
Original assignee: Fujian Star Net eVideo Information Systems Co Ltd
Current assignee: Fujian Star Net eVideo Information Systems Co Ltd
Priority date: 2014-10-31
Filing date: 2014-10-31
Publication date: 2018-06-19
Anticipated expiration: 2034-10-31
Also published as: CN104361622A

Abstract

本发明提供了一种界面绘制方法，包括获取每一待绘制界面的界面属性信息，所述界面属性信息包括3D界面标签或2D界面标签；识别所述界面属性信息为3D界面标签的待绘制界面，进行绘制以呈现预期的3D界面的效果；为所述界面属性信息为2D界面标签的待绘制界面分配3D对象，且通过绘制3D对象的方式达到绘制出预期的2D界面的效果。本发明实施例所提供的一种界面绘制方法，采用了为所述界面属性信息为2D界面标签的待绘制界面分配3D对象，且通过绘制3D对象的方式达到绘制出预期的2D界面的效果的相关技术方案，可实现用3D对象的绘制来模拟2D界面的效果，达到了方便开发和增强效果的目的。

Description

一种界面绘制方法和装置

技术领域

本发明涉及嵌入式数字娱乐系统领域，尤其涉及一种用3D对象的绘制来模拟2D界面效果的界面绘制方法和装置。

背景技术

现在的嵌入式点播系统，一般都是纯2D界面或者有2D和3D界面相互叠加实现的混合界面，其中3D界面用来实现具有3D效果的界面，2D界面用来实现显示在3D界面上层的提示或者部分交互效果。

采用纯2D界面和有2D和3D界面混合的系统，在实现画图上的控制比较复杂：在2D界面会遇到擦除旧内容、绘制新内容、绘制多个内容叠加效果；而这些操作都是在一个surface上绘制，相互之间会相互影响；控制上比较麻烦，容易出现重叠区域处理错误而导致绘制出错的情况。同时在2D界面的效果有限，比如要绘制旋转效果就比较麻烦。

综上，目前纯2D界面或者有2D和3D界面相互叠加实现的混合界面，不但研发过程复杂、而且效果差。

发明内容

为此，需要提供一种界面绘制方法和装置，通过用3D对象的绘制来模拟2D界面的效果，可达到方便开发和增强效果的目的。

为实现上述目的，第一方面，发明人提供了一种界面绘制方法，包括：

获取每一待绘制界面的界面属性信息，所述界面属性信息包括3D界面标签或2D界面标签；

识别所述界面属性信息为3D界面标签的待绘制界面，进行绘制以呈现预期的3D界面的效果；

为所述界面属性信息为2D界面标签的待绘制界面分配3D对象，且通过绘制3D对象的方式达到绘制出预期的2D界面的效果。

结合第一方面，在第一种可能的实现方式中，所述为所述界面属性信息为2D界面标签的待绘制界面分配3D对象，且通过绘制3D对象的方式达到绘制出预期的2D界面的效果，包括：

将所述界面属性信息为2D界面标签的待绘制界面中的内容，按照绘制元素的业务性质划分成预设的若干独立模块；每一所述独立模块包括内容相关联的若干子模块，且每一独立模块的内容不会和其他独立模块的内容产生交叉影响；

对每一独立模块，分配对应的一3D对象；

绘制每一独立模块所对应的3D对象，达到绘制出预期的2D界面的效果。

结合第一种可能的实现方式，在第二种可能的实现方式中，所述绘制每一独立模块所对应的3D对象，达到绘制出预期的2D界面的效果包括：

标识每一3D对象的绘制信息，所述绘制信息包括显示状态和隐藏状态；

根据预设绘制顺序，绘制出标识为显示状态的3D对象所对应的纹理空间的内容。

结合第一种可能的实现方式，在第三种可能的实现方式中，所述界面绘制方法还包括：

判断每一独立模块的内容是否有变化，若是，则将变化的内容更新到该独立模块所对应的3D对象的纹理空间中。

结合第二种可能的实现方式，在第四种可能的实现方式中，所述对每一独立模块，分配对应的一3D对象，包括：

确定在同一时刻出现在2D界面上的各独立模块之间的关系；

为两两之间都不会同时出现在2D界面上的两项以上独立模块，分配一共用3D对象。

结合第四种可能的实现方式，在第五种可能的实现方式中，所述界面绘制方法还包括：

若3D对象为共用3D对象，且当该共用3D对象标识为显示状态时，判断此时该共用3D对象所对应的独立模块与之前相比否是有变化，若是，则将此时各个独立模块的内容更新到该共用3D对象的纹理空间中。

为实现上述目的，第二方面，发明人提供了一种界面绘制装置，包括：

获取模块，所述获取模块用于获取每一待绘制界面的界面属性信息，所述界面属性信息包括3D界面标签或2D界面标签；

识别绘制模块，所述识别绘制模块用于识别所述界面属性信息为3D界面标签的待绘制界面，进行绘制以呈现预期的3D界面的效果；

分配绘制模块，所述分配绘制模块用于为所述界面属性信息为2D界面标签的待绘制界面分配3D对象，且通过绘制3D对象的方式达到绘制出预期的2D界面的效果。

结合第二方面，在第一种可能的实现方式中，所述分配绘制模块包括：

划分单元，所述划分单元用于将所述界面属性信息为2D界面标签的待绘制界面中的内容，按照绘制元素的业务性质划分成预设的若干独立模块；每一所述独立模块包括内容相关联的若干子模块，且每一独立模块的内容不会和其他独立模块的内容产生交叉影响；

分配单元，所述分配单元用于对每一独立模块，分配对应的一3D对象；

绘制单元，所述绘制单元用于绘制每一独立模块所对应的3D对象，达到绘制出预期的2D界面的效果。

结合第一种可能的实现方式，在第二种可能的实现方式中，所述绘制单元包括：

标示子单元，所述标示子单元用于标识每一3D对象的绘制信息，所述绘制信息包括显示状态和隐藏状态；

绘制子单元，所述绘制子单元用于根据预设绘制顺序，绘制出标识为显示状态的3D对象所对应的纹理空间的内容。

结合第一种可能的实现方式，在第三种可能的实现方式中，所述界面绘制装置还包括：第一判断模块，所述第一判断模块用于判断每一独立模块的内容是否有变化，若是，则将变化的内容更新到该独立模块所对应的3D对象的纹理空间中。

结合第二种可能的实现方式，在第四可能的实现方式中，所述分配单元包括：

确定子单元，所述确定子单元用于确定出现在2D界面上的各独立模块之间的时间关系；

分配子单元，所述分配子单元用于为两两之间都不会同时出现在2D界面上的两项以上独立模块，分配一共用3D对象。

结合第四种可能的实现方式，在第五种可能的实现方式中，所述界面绘制装置还包括：第二判断模块，所述第二判断模块用于若3D对象为共用3D对象，且当该共用3D对象标识为显示状态时，判断此时该共用3D对象所对应的独立模块与之前相比否是有变化，若是，则将此时各个独立模块的内容更新到该共用3D对象的纹理空间中。

区别于现有技术，一方面，本发明实施例提供了一种界面绘制方法，采用了为所述界面属性信息为2D界面标签的待绘制界面分配3D对象，且通过绘制3D对象的方式达到绘制出预期的2D界面的效果的相关技术方案，可实现用3D对象的绘制来模拟2D界面的效果，达到了方便开发和增强效果的目的。

附图说明

图1为本发明实施例界面绘制方法的一流程图；

图2为本发明实施例界面绘制装置的结构示意图；

图3为本发明实施例界面绘制装置的具体结构示意图。

具体实施方式

为详细说明技术方案的技术内容、构造特征、所实现目的及效果，以下结合具体实施例并配合附图详予说明。

这里需强调的是，实施例技术方案所涉及的界面绘制方法，主要是基于OpenGL ES软件的各项功能所实现的，且绘制的是嵌入式点播系统中的各种界面。只要可如OpenGL ES软件实现了利用3D对象的绘制来模拟2D界面的效果，进而将3D界面和2D界面一体呈现即可认识属于本发明的发明思想。本领域技术人员应该理解的是，其他支持3D效果的技术也可以应用本发明的思想，比如direct X。

图1为本发明实施例界面绘制方法的一流程图。如图1所示，本发明实施例的的界面绘制方法包括：

为要渲染的待渲染对象增加一界面属性，用以表明所述待渲染对象是2D界面对象还是3D界面对象，相应的，所述待渲染对象对应的待绘制界面也关联了一界面属性信息，用以表明待渲染对象对应的待绘制界面是3D界面还是2D界面。

同时还可为所述待渲染对象增加一绘制次序属性，用以表明所述待渲染对象的绘制次序，相应的，所述待渲染对象对应的待绘制界面也关联了一绘制次序属性信息，用以表明等渲染对象对应的待绘制界面的绘制次序。

步骤S101、获取每一待绘制界面的界面属性信息，所述界面属性信息包括3D界面标签或2D界面标签；

具体地，所绘制的界面可能包括一层或多层3D界面，且在最上层3D界面之上包括一层或多层2D界面，为对每一待绘制界面进行有针对性地绘制，需获取每一待绘制界面的界面属性信息，其中，3D界面的界面属性信息中包含3D界面标签，而2D界面的界面属性信息中包含2D界面标签。

步骤S102、识别所述界面属性信息为3D界面标签的待绘制界面，进行绘制以呈现预期的3D界面的效果；

具体地，作为整体所绘制界面其效果呈现的基础，首先需识别所述界面属性信息为3D界面标签的待绘制界面，进行绘制以呈现预期的3D界面的效果；

步骤S103、在所有已绘制完成的3D界面的上层，为所述界面属性信息为2D界面标签的待绘制界面分配3D对象，且通过绘制3D对象的方式达到绘制出预期的2D界面的效果。

其中，在呈现出所有3D界面的效果后，在所有已绘制完成的3D界面的上层，通过为每一所述界面属性信息为2D界面标签的待绘制界面分配3D对象，且绘制每一界面属性信息为2D界面标签的待绘制界面所分配的3D对象，进而可达到绘制出预期的2D界面的效果。

在某些具体的实现方案中，由于2D界面内容是显示在3D界面上方的，所以可通过修改OpenGL ES程序的渲染过程，即可通过上述S101→S102→S103的过程，在绘制正常的3D界面效果后，接着再采用效果叠加的方式绘制属于2D界面中那些需要显示的3D对象来模拟2D界面的效果。

在另外某些具体的实现方案中，2D界面内容也可以显示在3D界面下方，此时仍然可通过修改OpenGL ES程序的渲染过程，在采用效果叠加的方式绘制属于2D界面中那些需要显示的3D对象来模拟2D界面的效果后，再绘制正常的3D界面效果。此时可以按步骤S101→S103→S102的顺序执行。此时，所绘制的界面可能包括一层或多层3D界面，且在最上层2D界面之上包括一层或多层3D界面，为对每一待绘制界面进行有针对性地绘制，需获取每一待绘制界面的界面属性信息，其中，3D界面的界面属性信息中包含3D界面标签，而2D界面的界面属性信息中包含2D界面标签。

在另外某些具体的实现方案中，2D界面内容也可以与3D界面平行显示，此时仍然可通过修改OpenGL ES程序的渲染过程，在采用效果叠加的方式绘制属于2D界面中那些需要显示的3D对象来模拟2D界面的效果，同时绘制正常的3D界面效果。此时可以按步骤S101→(S103、S102)的顺序执行，此时，步骤S103与S102同时执行。此时，所绘制的界面可能包括一层或多层3D界面、和一层或多层2D界面，为对每一待绘制界面进行有针对性地绘制，需获取每一待绘制界面的界面属性信息，其中，3D界面的界面属性信息中包含3D界面标签，而2D界面的界面属性信息中包含2D界面标签。

具体地，步骤S102可以通过下述方式实现。

首先，需将所述界面属性信息为2D界面标签的待绘制界面中的内容，按照绘制元素的业务性质划分成预设的若干独立模块，每一所述独立模块包括内容相关联的若干子模块，且每一独立模块的内容不会和其他独立模块的内容产生交叉影响。具体的，可先将内容上相关联的子模块集合成一个独立模块，然后再形成内容上不会有交叉的若干独立模块(即各独立模块之间内容上不会有交叉)。在这里，业务性质指的是屏幕在显示的内容即要渲染的独立个体。

比如：某个场景为“一个人在草地上踢足球”，那么“人”、“足球”“草地”则为业务性质，则要划分3个独立模块；而“人”可能分为“头”“手”“脚”等若干子模块，“足球”可能分为“圆”“白块”“黑块”等若干子模块，“草地”可能分为“地”“草”“叶”等若干子模块，那么就将“头”“手”“脚”等若干子模块集合成“人”这一独立模块，将“圆”“白块”“黑块”等若干子模块集合成“足球”这一独立模块，将“地”“草”“叶”等若干子模块集合成“草地”这一独立模块，且“人”“足球”“草地”这三个独立模块之间的内容不会有交叉影响。

再者，对每一独立模块，分配对应的一3D对象。在某些优选地实施例中，可通过确定在2D界面上的各独立模块之间的时间关系的方式，为两两之间都不会同时出现在2D界面上的两项以上独立模块，分配一共用3D对象。由此可看出，共用3D对象可以减少3D对象进而节省3D纹理空间的使用。

最后，可通过标识每一3D对象的绘制信息，并根据预设绘制顺序，绘制出标识为显示状态的3D对象所对应的纹理空间的内容，以实现绘制每一独立模块所对应的3D对象，达到绘制出预期的2D界面的效果，所述绘制信息包括显示状态和隐藏状态，预设绘制顺序通过3D对象的绘制次序属性而被获取。换句话说，在绘制2D界面的内容时，只要把属于这个待绘制界面的3D对象设置显示或隐藏状态，按照设置好的绘制顺序依序把那些显示状态的3D对象对应的纹理空间的内容绘制出来即可。

进一步的，还可同时根据应用的实际设置和调整修改这些独立对象的绘制顺序，为能实现此功能，可通过修改所述独立对象的绘制次序属性来修改对应的绘制顺序或还可设置一较所述绘制次序属性优先级更高的第二绘制次序控制属性，当启动此第二绘制次序控制属性后，可根据需求任意实时修改对应的绘制顺序。例如，在应用程序的业务实际运行过程中，比如一个模块A刚开始显示在模块B上面，这时是先绘制B再绘制A。但是后面业务上要求A显示在到模块B的后面，这时就可通过上述方法修改他们的渲染顺序或绘制顺序，先绘制A再绘制B。

优选地，面临对界面修改或内容更新的情况，需判断每一独立模块的内容是否有变化，若是，则将变化的内容更新到该独立模块所对应的3D对象的纹理空间中。这样，每次要模拟2D界面绘制一个独立模块时，只要显示这个独立模块对应的3D对象；要擦除一个独立模块内容时，只要隐藏这个独立模块对应的3D对象即可。要绘制多独立模块叠加效果时，只要调整好独立模块对象的位置，定义好绘制顺序，设置这些独立模块为显示状态即可。在绘制这些独立模块时也可以加入3D过场效果或以某种3D效果显示，增强过程细腻度，提升用户体验。

进一步的，需要注意的是，当某共用3D对象被标识为显示状态时，若此时该某共用3D对象所对应的独立模块与之前相比不为同一独立模块，无论界面是否修改或内容是否更新，则都需要将此时该某共用3D对象对应的独立模块内容更新到该共用3D对象的纹理空间中。若此时该某共用3D对象所对应的独立模块与之前相比为同一独立模块，则只在界面修改或内容更新时将此时该某共用3D对象对应的独立模块内容更新到该某共用3D对象的纹理空间中，界面无修改或内容无更新时则无需将对应的独立模块内容更新到该某共用3D对象的纹理空间中。

综上，本发明实施例所提供的界面绘制方法，采用了为所述界面属性信息为2D界面标签的待绘制界面分配3D对象，且通过绘制3D对象的方式达到绘制出预期的2D界面的效果的相关技术方案，可实现用3D对象的绘制来模拟2D界面的效果，即本发明实施例利用3D对象的绘制模拟2D界面绘制、进而实现全3D界面的显示，达到了方便开发和增强效果的目的。

图2为本发明实施例界面绘制装置的结构示意图。图3为本发明实施例界面绘制装置的具体结构示意图。结合图2和图3所示，本发明实施例包括获取模块201、识别绘制模块202、分配绘制模块203，其中，

获取模块201用于获取每一待绘制界面的界面属性信息，所述界面属性信息包括3D界面标签或2D界面标签；识别绘制模块202用于识别所述界面属性信息为3D界面标签的待绘制界面，进行绘制以呈现预期的3D界面的效果；

分配绘制模块203用于为所述界面属性信息为2D界面标签的待绘制界面分配3D对象，且通过绘制3D对象的方式达到绘制出预期的2D界面的效果。

进一步地，请参阅图3，分配绘制模块203包括：

划分单元2031，用于将所述界面属性信息为2D界面标签的待绘制界面中的内容，按照绘制元素的业务性质划分成预设的若干独立模块；每一所述独立模块包括内容相关联的若干子模块，且每一独立模块的内容不会和其他独立模块的内容产生交叉影响；

分配单元2032，用于对每一独立模块，分配对应的一3D对象；

绘制单元2033，用于绘制每一独立模块所对应的3D对象，达到绘制出预期的2D界面的效果。

进一步地，绘制单元2033包括：

标示子单元20331，用于标识每一3D对象的绘制信息，所述绘制信息包括显示状态和隐藏状态；

绘制子单元20332，用于根据预设绘制顺序，绘制出标识为显示状态的3D对象所对应的纹理空间的内容。

本发明实施例的界面绘制装置，还包括：

第一判断模块204，用于判断每一独立模块的内容是否有变化，若是，则将变化的内容更新到该独立模块所对应的3D对象的纹理空间中。

再进一步地，分配单元2032包括：

确定子单元20321，用于确定出现在2D界面上的各独立模块之间的时间关系；

分配子单元20322，用于为两两之间都不会同时出现在2D界面上的两项以上独立模块，分配一共用3D对象。

本发明实施例的界面绘制装置，还包括：

第二判断模块205，用于若3D对象为共用3D对象，且当该共用3D对象标识为显示状态时，判断此时该共用3D对象所对应的独立模块与之前相比否是有变化，若是，则将此时各个独立模块的内容更新到该共用3D对象的纹理空间中。

综上，本发明实施例所提供的界面绘制装置，采用了在所有已绘制完成的3D界面的上层，为所述界面属性信息为2D界面标签的待绘制界面分配3D对象，且通过绘制3D对象的方式达到绘制出预期的2D界面的效果的相关技术方案，可实现用3D对象的绘制来模拟2D界面的效果，达到了方便开发和增强效果的目的。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括……”或“包含……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的要素。此外，在本文中，“大于”、“小于”、“超过”等理解为不包括本数；“以上”、“以下”、“以内”等理解为包括本数。

本领域内的技术人员应明白，上述各实施例可提供为方法、装置、或计算机程序产品。这些实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。上述各实施例涉及的方法中的全部或部分步骤可以通过程序来指令相关的硬件来完成，所述的程序可以存储于计算机设备可读取的存储介质中，用于执行上述各实施例方法所述的全部或部分步骤。所述计算机设备，包括但不限于：个人计算机、服务器、通用计算机、专用计算机、网络设备、嵌入式设备、可编程设备、智能移动终端、智能家居设备、穿戴式智能设备、车载智能设备等；所述的存储介质，包括但不限于：RAM、ROM、磁碟、磁带、光盘、闪存、U盘、移动硬盘、存储卡、记忆棒、网络服务器存储、网络云存储等。

上述各实施例是参照根据实施例所述的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到计算机设备的处理器以产生一个机器，使得通过计算机设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机设备以特定方式工作的计算机设备可读存储器中，使得存储在该计算机设备可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机设备上，使得在计算机设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已经对上述各实施例进行了描述，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改，所以以上所述仅为本发明的实施例，并非因此限制本发明的专利保护范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围之内。

Claims

1.一种界面绘制方法，其特征在于，包括：

2.根据权利要求1所述的界面绘制方法，其特征在于，为所述界面属性信息为2D界面标签的待绘制界面分配3D对象，且通过绘制3D对象的方式达到绘制出预期的2D界面的效果，包括：

对每一独立模块，分配对应的一3D对象；

绘制每一独立模块所对应的3D对象，达到绘制出预期的2D界面的效果；

业务性质指的是要渲染的独立个体。

3.根据权利要求2所述的界面绘制方法，其特征在于，所述绘制每一独立模块所对应的3D对象，达到绘制出预期的2D界面的效果包括：

4.根据权利要求2所述的界面绘制方法，其特征在于，还包括：

5.根据权利要求3所述的界面绘制方法，其特征在于，所述对每一独立模块，分配对应的一3D对象，包括：

确定同一时刻出现在2D界面上的各独立模块之间的关系；

6.根据权利要求5所述的界面绘制方法，其特征在于，还包括：

7.一种界面绘制装置，其特征在于，包括：

8.根据权利要求7所述的界面绘制装置，其特征在于，所述分配绘制模块包括：

绘制单元，所述绘制单元用于绘制每一独立模块所对应的3D对象，达到绘制出预期的2D界面的效果；

业务性质指的是要渲染的独立个体。

9.根据权利要求8所述的界面绘制装置，其特征在于，所述绘制单元包括：

绘制子单元，所述绘制子单元用于根据预设绘制顺序，绘制出标识为显示状态的3D对象所对应的纹理空间的内容；

所述界面绘制装置还包括第一判断模块，所述第一判断模块用于判断每一独立模块的内容是否有变化，若是，则将变化的内容更新到该独立模块所对应的3D对象的纹理空间中。

10.根据权利要求9所述的界面绘制装置，其特征在于，所述分配单元包括：

分配子单元，所述分配子单元用于为两两之间都不会同时出现在2D界面上的两项以上独立模块，分配一共用3D对象；

所述界面绘制装置还包括：

第二判断模块，所述第二判断模块用于若3D对象为共用3D对象，且当该共用3D对象标识为显示状态时，判断此时该共用3D对象所对应的独立模块与之前相比否是有变化，若是，则将此时各个独立模块的内容更新到该共用3D对象的纹理空间中。