应用程序中多图层叠加显示方法、装置、存储介质及终端与流程

本发明涉及软件应用领域，具体涉及一种应用程序中多图层叠加显示方法、装置、存储介质及终端。

背景技术：

随着汽车保有量的不断增长，车载系统的性能也不断增强，基于车载系统的硬件配置、系统配置情况，越来越多的应用程序集成多项功能并整合到车载系统中，当用户在使用车载系统上的应用程序时，希望能够同时使用应用程序提供的多项功能，满足用户的不同需求。而目前，应用程序只能同时开启一个功能的显示界面，将该功能的显示界面在应用程序中显示，当需要切换使用应用程序的其它功能时，需要关闭当前功能的显示界面，然后打开另一功能的显示界面才能使用到其它不同功能，应用程序无法直观地显示多个功能界面，用户无法直观地查看不同功能的显示界面的内容，并且频繁的界面切换增加车载系统的终端资源消耗，消耗用户更多的时间，无法给用户带来便捷的操作体验。

技术实现要素：

为克服以上技术问题，特别是现有技术无法在应用程序中直观地显示多个界面的问题，特提出以下技术方案：

第一方面，本发明提供了一种应用程序中多图层叠加显示方法，包括：

获取应用程序的背景图，及叠加在所述背景图上的前景图；

根据所述背景图及所述前景图合成叠加图，合成过程包括：根据前景图的叠加顺序，从所述前景图中选取一张作为第一前景图，确定所述第一前景图与所述背景图的叠加区域；将所述背景图与第一前景图在所述叠加区域叠加处理，生成新的背景图；将剩余的前景图依次作为第一前景图与每一次生成的所述新的背景图叠加处理，合成叠加了背景图及所有前景图的叠加图；

在所述应用程序上显示所述叠加图。

进一步的，所述将所述背景图与第一前景图在所述叠加区域叠加处理，生成新的背景图，包括：

判断所述第一前景图的显示级别，当所述第一前景图的显示级别高于预设级别时，将所述第一前景图的透明度设置为第一预设透明度后与所述背景图在所述叠加区域叠加处理，生成新的背景图。

进一步的，所述将所述背景图与第一前景图在所述叠加区域叠加处理，生成新的背景图，包括：

判断所述第一前景图与背景图的色彩差异值，当所述色彩差异值小于预设差异值时，将所述第一前景图的透明度设置为第二预设透明度后与所述背景图在所述叠加区域叠加处理，生成新的背景图。

进一步的，所述在所述应用程序上显示所述叠加图之后，还包括：

接收用户对所述前景图中任一第一前景图的调节指令，调整所述叠加图中对应的第一前景图的透明度。

进一步的，所述在所述应用程序上显示所述叠加图之后，还包括：

接收用户对所述前景图中任一第一前景图的的选择指令，将用户选择的第一前景图作为叠加图的顶层进行叠加处理。

较佳的，所述方法应用于车载系统，所述应用程序悬浮显示于所述车载系统的交互界面的顶层。

具体的，所述背景图及所述前景图为所述应用程序的功能交互界面。

第二方面，本发明还提供一种应用程序中多图层叠加显示装置，包括：

获取模块：用于获取应用程序的背景图，及叠加在所述背景图上的前景图；

叠加合成模块：用于根据所述背景图及所述前景图合成叠加图，合成过程包括：根据前景图的叠加顺序，从所述前景图中选取一张作为第一前景图，确定所述第一前景图与所述背景图的叠加区域；将所述背景图与第一前景图在所述叠加区域叠加处理，生成新的背景图；将剩余的前景图依次作为第一前景图与每一次生成的所述新的背景图叠加处理，合成叠加了背景图及所有前景图的叠加图；

显示模块：用于在所述应用程序上显示所述叠加图。

第三方面，本发明还提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，该程序被处理器执行时实现上述的应用程序中多图层叠加显示方法。

第四方面，本发明还提供了一种终端，所述终端包括一个或多个处理器、存储器、一个或多个应用程序，其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行，所述一个或多个应用程序配置用于执行上述的应用程序中多图层叠加显示方法。

本发明与现有技术相比，具有以下有益效果：

本发明提出了一种应用程序中多图层叠加显示方法，通过获取应用程序的背景图，及叠加在所述背景图上的前景图，然后根据前景图的叠加顺序依次将所述前景图作为第一前景图为背景图进行叠加处理，合成叠加了背景图及所有前景图的叠加图，所述背景图或前景图为应用程序中特定功能的交互界面，当用户需要同时使用应用程序的多个功能时，将该些功能的交互界面进行叠加处理生成叠加图后，通过所述叠加图便可同时、直观地查看不同图层的显示内容，即用户通过叠加图便可查看不同功能对应的交互界面的内容，不需要频繁地对应用程序进行界面的切换，减少由于频繁切换而带来的资源消耗，节约用户时间，提高用户的观看及使用体验。

本发明附加的方面和优点将在下面的描述中部分给出，这些将从下面的描述中变得明显，或通过本发明的实践了解到。

附图说明

本发明上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中：

图1为本发明应用程序中多图层叠加显示方法的一实施例流程示意图；

图2为本发明应用程序中多图层叠加显示方法的另一实施例流程示意图；

图3为本发明应用程序中多图层叠加显示方法的另一实施例流程示意图；

图4为本发明应用程序中多图层叠加显示装置的一实施例示意图；

图5为本发明终端的一实施例结构示意图。

具体实施方式

下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本发明，而不能解释为对本发明的限制。

本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本发明的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作。

本技术领域技术人员可以理解，除非另外定义，这里使用的所有术语(包括技术术语和科学术语)，具有与本发明所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是，诸如通用字典中定义的那些术语，应该被理解为具有与现有技术的上下文中的意义一致的意义，并且除非像这里一样被特定定义，否则不会用理想化或过于正式的含义来解释。

本领域技术人员应当理解，本发明所称的“应用”、“应用程序”、“计算机程序”以及类似表述的概念，是业内技术人员所公知的相同概念，是指由一系列计算机指令及相关数据资源有机构造的适于电子运行的计算机软件。除非特别指定，这种命名本身不受编程语言种类、级别，也不受其赖以运行的操作系统或平台所限制。理所当然地，此类概念也不受任何形式的终端所限制。

在一种实施例中，本发明提供一种应用程序中多图层叠加显示方法，应用于需要同时显示多个图层的应用程序中，所述多个图层包括至少一个背景图及一个前景图，所述背景图及所述前景图为所述应用程序的功能交互界面，如图1所示，所述方法包括以下步骤：

s100：获取应用程序的背景图，及叠加在所述背景图上的前景图。

在应用程序中，可以同时开启多个功能，每一个功能均有一个交互页面，当同时开启多个功能时，应用程序便同时会出现多个交互页面进行叠加，所述交互页面为本实施例中的背景图或前景图，当某一功能的交互页面位于最底层时，该交互页面即相当于本实施例的背景图，更佳的，以应用程序的某一固定的功能的交互页面作为本实施例的背景图。本实施例中，当检测到应用程序同时打开了多个功能时，获取该些功能对应的交互页面，即获取应用程序的背景图及叠加在所述背景图上的前景图，例如背景图为a，叠加在背景图上的前景图包括b1、b2、b3···。具体的，本实施例中，所述获取背景图及前景图为获取背景图及前景图的显示属性，所述显示属性包括rgba值及起点位置坐标、长宽值，例如背景图的起点坐标(0，0)，长宽为(iwidth，iheight)，由此便可确定背景图的显示区域及背景图中每一像素的rgba值，所述rgba值是代表red(红色)、green(绿色)、blue(蓝色)和alpha(不透明度参数)的色彩空间对应的显示属性值；同样的，获取叠加在所述背景图上的前景图的显示属性，假设获取到的前景图的起点位置坐标为(xstart，ystart)，长宽值为(nwidth，nheight)，以及前景图中每一像素的rgba值。

s200：根据所述背景图及所述前景图合成叠加图，合成过程包括：根据所述前景图的叠加顺序，从所述前景图中选取一张作为第一前景图，确定所述第一前景图与所述背景图的叠加区域；将所述背景图与第一前景图在所述叠加区域叠加处理，生成新的背景图；将剩余的前景图依次作为第一前景图与每一次生成的所述新的背景图叠加处理，合成叠加了背景图及所有前景图的叠加图。

当应用程序检测到有至少两个图层叠加时，也即获取到背景图及前景图的显示属性数据后，根据所述背景图及所述前景图合成叠加图；合成过程包括，获取叠加在背景图上的前景图的叠加顺序，然后根据所述前景图的叠加顺序从所述前景图中选取一张作为第一前景图，例如应用程序包括图a、b1、b2、b3，其中a为背景图，b1为第一张叠加在背景图a上的前景图，此时在第一次进行图层叠加时，将b1选取作为第一前景图，然后根据b1的显示属性值中的位置坐标及长宽数据，确定第一前景图b1与背景图a的叠加区域，然后将第一前景图b1与背景图a在上述叠加区域作图层叠加处理，具体的，获取背景图a在该叠加区域的各像素的rgba值，然后根据背景图a在该叠加区域的各像素的rgba值与第一前景图b1在该叠加区域的各像素的rgba值做透明融合，具体的，根据预设规则调整背景图a与第一前景图b1的rgb值的亮度、对比度及色阶，以及将背景图a与第一前景图b1的透明度设置为预设透明度，以此生成新的背景图ab1；然后将剩余的前景图依次作为第一前景图与每一次生成的所述新的背景图叠加处理，例如，剩余的前景图b2作为第一前景图，与上述由a与b1生成的新的背景图ab1按照同样的方法作叠加处理，再生成新的背景图ab1b2；最后将前景图b3作为第一前景图，与上述生成的新的背景图ab1b2作叠加处理，合成叠加了背景图及所有前景图的叠加图。

s300：在所述应用程序上显示所述叠加图。

当完成将背景图及所有前景图的叠加合成后，在所述应用程序上显示所述叠加图。

本实施例提出了一种应用程序中多图层叠加显示方法，通过获取应用程序的背景图，及叠加在所述背景图上的前景图，然后根据前景图的叠加顺序依次将所述前景图作为第一前景图为背景图进行叠加处理，合成叠加了背景图及所有前景图的叠加图，所述背景图或前景图为应用程序中特定功能的交互界面，当用户需要同时使用应用程序的多个功能时，将该些功能的交互界面进行叠加处理生成叠加图后，通过所述叠加图便可同时、直观地查看不同图层的显示内容，即用户通过叠加图便可查看不同功能对应的交互界面的内容，不需要频繁地对应用程序进行界面的切换，减少由于频繁切换而带来的资源消耗，节约用户时间，提高用户的观看及使用体验。

本发明的一种实施例，如图2所示，所述将所述背景图与第一前景图在所述叠加区域叠加处理，生成新的背景图，包括：

s210：判断所述第一前景图的显示级别，当所述第一前景图的显示级别高于预设级别时，将所述第一前景图的透明度设置为第一预设透明度后与所述背景图在所述叠加区域叠加处理，生成新的背景图。

在应用程序中，有部分功能的优先级更高，相应的该部分功能的显示页面的显示级别(即前景图的显示级别)更高，本实施例中，当有多个前景图进行叠加时，判断每一个第一前景图的显示级别，当所述第一前景图的显示级别高于预设级别时，说明该第一前景图需要较好的显示效果，此时，在将背景图与第一前景图在所述叠加区域叠加处理时，将所述第一前景图的透明度设置为第一透明度后与所述背景图在所述叠加区域叠加处理，生成新的背景图，例如背景图a上叠加有前景图b1及前景图b2，当前景图b1的显示级别高于预设级别时，将前景图b1的透明度设置为第一透明度70％，而前景图b2的透明度设置为默认透明度50％，让叠加后的前景图b1能更清楚地显示在背景图上，以让用户更好地查看背景图b1上的内容。

本发明的一种实施例，如图3所示，所述将所述背景图与第一前景图在所述叠加区域叠加处理，生成新的背景图，包括：

s220：判断所述第一前景图与背景图的色彩差异值，当所述色彩差异值小于预设差异值时，将所述第一前景图的透明度设置为第二预设透明度后与所述背景图在所述叠加区域叠加处理，生成新的背景图。

在应用程序中，若背景图与前景图的色彩差异较小，当前景图与背景图进行透明叠加时，用户不容易分辨出背景图与前景图的界限，亦不能容易地查看前景图的内容，基于上述考虑，本实施例中，在将背景图与第一前景图在所述叠加区域叠加处理时，判断所述第一前景图与背景图的色彩差异值，当所述色彩差异值小于预设差异值时，说明第一前景图与背景图的色彩较为接近，此时将所述第一前景图的透明度设置为第二预设透明度例如80％，然后与所述背景图在所述叠加区域叠加处理，一方面让背景图与前景图之间具有层级差别，另一方面让所述前景图能够在所述背景图上更好地显示，让用户更直观地查看背景图及前景图上的内容。

本发明的一种实施例，所述在所述应用程序上显示所述叠加图之后，还包括：

接收用户对所述前景图中任一第一前景图的调节指令，调整所述叠加图中对应的第一前景图的透明度。

由于不同人的观看习惯不同以及不同显示设备的显示效果存在差异，当应用程序上显示合成后的所述叠加图之后，观看效果无法满足用户的观看要求，此时用户可以主动调节所述前景图的显示效果，应用程序接收用户对所述前景图中任一第一前景图的调节指令，确定用户所选中的第一前景图，然后获取用户对所述第一前景图的显示参数，调整所述叠加图中对应的第一前景图的透明度，例如用户通过触控选择前景图b1，应用程序响应于用户的选择，确定前景图b1并弹出调节滑块，用户通过调节滑块调整前景图b1的显示参数，应用程序根据所述显示参数实时调整叠加图中对应的第一前景图b1的透明度，以让叠加图中的第一前景图b1的显示效果满足用户的观看要求，提高用户的视觉体验。

本发明的一种实施例，所述在所述应用程序上显示所述叠加图之后，还包括：

接收用户对所述前景图中任一第一前景图的的选择指令，将用户选择的第一前景图作为叠加图的顶层进行叠加处理。

在使用应用程序的不同时间段，用户需要将应用程序的不同功能作为第一查看的功能，此时需要将该功能在应用程序中突出显示，本实施例中，接收用户对所述前景图中任一第一前景图的的选择指令，即用户选择应用程序中的一项功能作为第一查看的功能，该功能对应的前景图即作为本实施例被选中的第一前景图，然后将用户选择的第一前景图作为叠加图的顶层进行叠加处理，将该第一前景图能够在应用程序中突出显示，以让用户在一定时间段内能够第一时间、直观地查看该第一前景图中的显示内容。例如，背景图为a，叠加在背景图上的前景图包括b1、b2、b3，依照默认的叠加顺序，前景图b3为叠加图的顶层，而当接收到用户对前景图b1的选择指令时，将前景图b1作为叠加图的顶层进行叠加处理，所得到的叠加图能够直观地查看前景图b1的显示内容，不需要用户频繁地去操作或关闭其他前景图，节约终端资源及用户时间。

较佳的，本发明实施例中，上述应用程序中多图层叠加显示方法应用于车载系统，所述应用程序悬浮显示于所述车载系统的交互界面的顶层。随着车载系统技术的不断演进，车载系统的功能不断完善，本实施例的所述应用程序悬浮显示于所述车载系统的交互界面的顶层，让用户能够直观地使用应用程序所提供的功能，并且在应用程序中配置了多图层叠加显示方法，使得应用程序能够同时显示多个功能的页面内容，方便用户观看及使用。

如图4所示，在另一种实施例中，本发明提供了一种应用程序中多图层叠加显示装置，包括：

获取模块100：用于获取应用程序的背景图，及叠加在所述背景图上的前景图；

叠加合成模块200：用于根据所述背景图及所述前景图合成叠加图，合成过程包括：根据所述前景图的叠加顺序，从所述前景图中选取一张作为第一前景图，确定所述第一前景图与所述背景图的叠加区域；将所述背景图与第一前景图在所述叠加区域叠加处理，生成新的背景图；将剩余的前景图依次作为第一前景图与每一次生成的所述新的背景图叠加处理，合成叠加了背景图及所有前景图的叠加图；

显示模块300：用于在所述应用程序上显示所述叠加图。

本发明的一种实施例，所述将所述背景图与第一前景图在所述叠加区域叠加处理，生成新的背景图，包括：

判断所述第一前景图的显示级别，当所述第一前景图的显示级别高于预设级别时，将所述第一前景图的透明度设置为第一预设透明度后与所述背景图在所述叠加区域叠加处理，生成新的背景图。

本发明的一种实施例，所述将所述背景图与第一前景图在所述叠加区域叠加处理，生成新的背景图，包括：

判断所述第一前景图与背景图的色彩差异值，当所述色彩差异值小于预设差异值时，将所述第一前景图的透明度设置为第二预设透明度后与所述背景图在所述叠加区域叠加处理，生成新的背景图。

本发明的一种实施例，所述在所述应用程序上显示所述叠加图之后，还包括：

接收用户对所述前景图中任一第一前景图的调节指令，调整所述叠加图中对应的第一前景图的透明度。

本发明的一种实施例，所述在所述应用程序上显示所述叠加图之后，还包括：

接收用户对所述前景图中任一第一前景图的的选择指令，将用户选择的第一前景图作为叠加图的顶层进行叠加处理。

本发明的实施例，所述装置应用于车载系统，所述应用程序悬浮显示于所述车载系统的交互界面的顶层，所述背景图及所述前景图为所述应用程序的功能交互界面。

在另一种实施例中，本发明提供了一种计算机可读存储介质，计算机可读存储介质上存储有计算机程序，该程序被处理器执行时实现上述实施例所述的应用程序中多图层叠加显示方法。其中，所述计算机可读存储介质包括但不限于任何类型的盘(包括软盘、硬盘、光盘、cd-rom、和磁光盘)、rom(read-onlymemory，只读存储器)、ram(randomaccessmemory，随即存储器)、eprom(erasableprogrammableread-onlymemory，可擦写可编程只读存储器)、eeprom(electricallyerasableprogrammableread-onlymemory，电可擦可编程只读存储器)、闪存、磁性卡片或光线卡片。也就是，存储设备包括由设备(例如，计算机、手机)以能够读的形式存储或传输信息的任何介质，可以是只读存储器，磁盘或光盘等。

本发明实施例提供的一种计算机可读存储介质可实现获取应用程序的背景图，及叠加在所述背景图上的前景图；根据所述背景图及所述前景图合成叠加图，合成过程包括：根据所述前景图的叠加顺序，从所述前景图中选取一张作为第一前景图，确定所述第一前景图与所述背景图的叠加区域；将所述背景图与第一前景图在所述叠加区域叠加处理，生成新的背景图；将剩余的前景图依次作为第一前景图与每一次生成的所述新的背景图叠加处理，合成叠加了背景图及所有前景图的叠加图；在所述应用程序上显示所述叠加图。通过提出了一种应用程序中多图层叠加显示方法，通过获取应用程序的背景图，及叠加在所述背景图上的前景图，然后根据前景图的叠加顺序依次将所述前景图作为第一前景图为背景图进行叠加处理，合成叠加了背景图及所有前景图的叠加图，所述背景图或前景图为应用程序中特定功能的交互界面，当用户需要同时使用应用程序的多个功能时，将该些功能的交互界面进行叠加处理生成叠加图后，通过所述叠加图便可同时、直观地查看不同图层的显示内容，即用户通过叠加图便可查看不同功能对应的交互界面的内容，不需要频繁地对应用程序进行界面的切换，减少由于频繁切换而带来的资源消耗，节约用户时间，提高用户的观看及使用体验。

本发明实施例提供的计算机可读存储介质可以实现上述应用程序中多图层叠加显示方法的实施例，具体功能实现请参见方法实施例中的说明，在此不再赘述。

此外，在又一种实施例中，本发明还提供一种终端，如图5所示，所述终端可以包括一个或者一个以上的处理器501，还包括存储器502、wifi(wirelessfidelity，无线保真)电路503、rf(radiofrequency，射频)电路504、音频电路505、传感器506、输出设备507、输入设备508、电源509，处理器501是终端的控制中心，利用各种接口和线路连接以上各部分。本领域技术人员可以理解，图5中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

wifi电路503可为用户提供无线局域网或互联网访问；其可包括天线、wifi模块等。rf电路504可收发信息，或在通话过程中信号的接收和发送；其可包括天线、至少一个放大器、调谐器、一个或多个振荡器、耦合器、双工器等。音频电路505可将接收到的音频数据转换成电信号，传输到扬声器，也可将传声器收集的声音信号转换为音频数据，发给处理器501处理；其可设置扬声器、传声器、耳机接口等。传感器506可用于感应外界信号，并发给处理器501处理；其可包括运动传感器、光传感器等。输出设备507可用于显示各种信号；其可为采用lcd(liquidcrystaldisplay，液晶显示器)、oled(organiclight-emittingdiode，有机发光二极管)等形式来配置显示面板。输入设备504可用于输入数字和字符等信息；其可为物理按键、触控面板等。电源509可为终端各部分供电，通过电源管理系统与处理器509逻辑连接；其可包括一个或一个以上的直流或交流电源、充电系统、电源状态指示器等组件。存储器502可用于存储软件程序以及模块；其可为计算机可读存储介质，具体的为硬盘、闪存等。处理器是终端的控制中心，通过运行或执行存储在存储器502内的软件程序和/或模块，以及调用存储在存储器502的数据，执行终端各种功能、处理终端数据。

作为一个实施例，所述终端包括：一个或多个处理器501，存储器502，一个或多个应用程序，其中所述一个或多个应用程序被存储在存储器502中并被配置为由所述一个或多个处理器501执行，所述一个或多个应用程序配置用于执行以上实施例所述的应用程序中多图层叠加显示方法。图5中所示的一个或多个处理器503能够执行、实现图4中所示的获取模块100、叠加合成模块200、显示模块300的功能。

本发明实施例提供的一种终端，可实现获取应用程序的背景图，及叠加在所述背景图上的前景图；根据背景图及所述前景图合成叠加图，合成过程包括：根据所述前景图的叠加顺序，从所述前景图中选取一张作为第一前景图，确定所述第一前景图与所述背景图的叠加区域；将所述背景图与第一前景图在所述叠加区域叠加处理，生成新的背景图；将剩余的前景图依次作为第一前景图与每一次生成的所述新的背景图叠加处理，合成叠加了背景图及所有前景图的叠加图；在所述应用程序上显示所述叠加图。通过提出了一种应用程序中多图层叠加显示方法，通过获取应用程序的背景图，及叠加在所述背景图上的前景图，然后根据前景图的叠加顺序依次将所述前景图作为第一前景图为背景图进行叠加处理，合成叠加了背景图及所有前景图的叠加图，所述背景图或前景图为应用程序中特定功能的交互界面，当用户需要同时使用应用程序的多个功能时，将该些功能的交互界面进行叠加处理生成叠加图后，通过所述叠加图便可同时、直观地查看不同图层的显示内容，即用户通过叠加图便可查看不同功能对应的交互界面的内容，不需要频繁地对应用程序进行界面的切换，减少由于频繁切换而带来的资源消耗，节约用户时间，提高用户的观看及使用体验。

本发明实施例提供的终端可以实现上述提供的应用程序中多图层叠加显示方法的实施例，具体功能实现请参见方法实施例中的说明，在此不再赘述。

以上所述仅是本发明的部分实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。