界面显示方法及装置

技术领域

本申请属于界面显示技术领域，具体涉及一种界面显示方法及装置。

背景技术

目前，智能终端的一个优势在于可以装载各类应用，通过运行应用程序来展示用户界面，通过用户界面向用户提供服务，以满足用户的不同需求。

在一些场景中，在终端设备的屏幕显示多个窗口界面。在通常情况下，智能终端可以提供手动切换界面功能，通过接收用户的手动切换操作，在多个窗口界面之间进行切换，这种界面显示效率不高。

发明人在对现有的界面显示技术进行研究发现，在同时显示多个窗口界面时，可以将多个界面进行分屏显示，实现多个界面同时显示。

因此，如何提升界面显示多样性，是现有技术所存在的技术问题。

发明内容

本申请实施例的目的是提供一种界面显示方法及装置，能够提升界面显示多样性。

第一方面，本申请实施例提供了一种界面显示方法，该方法包括：

接收第一输入；

响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。

第二方面，本申请实施例提供了一种界面显示装置，该装置包括：

第一接收模块，接收第一输入；

显示模块，响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。

第三方面，本申请实施例提供了一种电子设备，该电子设备包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。

第四方面，本申请实施例提供了一种可读存储介质，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。

第五方面，本申请实施例提供了一种计算机程序产品，包括计算机程序，其特征在于，所述计算机程序被处理器执行时实现如第一方面所述的方法。

在本申请实施例中，响应于第一输入，在第一界面的显示面积不小于第一目标值的情况下，第二界面采用透明层和内容显示层的叠层方式显示在第一界面上，内容显示层在透明层所在平面上的投影位于透明层内，内容显示层用于显示具体内容。这样，第二界面采用叠层方式，内容显示层和透明层相互分离，这对于调整内容显示层的窗口属性具有可预期性，同时对于通过透明层透视下方第一界面也具有可预期性，因此本申请实施例提供了一种更多样化的界面显示方案。

附图说明

图1是本申请实施例提供的界面显示方法的流程图之一；

图2是本申请实施例提供的界面显示方法的应用场景示意图之一；

图3是本申请实施例提供的界面显示方法的流程图之二；

图4是本申请实施例提供的界面显示方法的流程图之三；

图5是本申请实施例提供的界面显示方法的流程图之四；

图6是本申请实施例提供的界面显示方法的流程图之五；

图7是本申请实施例提供的界面显示方法的流程图之六；

图8是本申请实施例提供的界面显示方法的应用场景示意图之二；

图9是本申请实施例提供的界面显示方法的应用场景示意图之三；

图10是本申请实施例提供的界面显示方法的应用场景示意图之四；

图11是本申请实施例提供的界面显示方法的应用场景示意图之五；

图12是本申请实施例提供的界面显示方法的流程图之七；

图13是本申请实施例提供的界面显示方法的应用场景示意图之六；

图14是本申请实施例提供的界面显示方法的流程图之八；

图15是本申请实施例提供的界面显示方法的应用场景示意图之七；

图16是本申请实施例提供的界面显示方法的流程图之九；

图17是本申请实施例提供的界面显示方法的流程图之十；

图18是本申请实施例提供的界面显示方法的应用场景示意图之八；

图19是本申请实施例提供的界面显示方法的流程图之十一；

图20是本申请实施例提供的界面显示方法的流程图之十二；

图21是本申请实施例提供的界面显示方法的应用场景示意图之九；

图22是本申请实施例提供的界面显示装置的结构示意图之一；

图23是本申请实施例提供的界面显示装置的结构示意图之二；

图24是本申请实施例提供的界面显示装置的结构示意图之三；

图25是本申请实施例提供的界面显示装置的结构示意图之四；

图26是本申请实施例提供的界面显示装置的结构示意图之五；

图27本申请实施例提供的电子设备的结构示意图；

图28为实现本申请实施例的电子设备的硬件结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员获得的所有其他实施例，都属于本申请保护的范围。

本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施，且“第一”、“第二”等所区分的对象通常为一类，并不限定对象的个数，例如第一对象可以是一个，也可以是多个。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。

下面结合附图，通过具体的实施例及其应用场景对本申请实施例提供的界面显示方法进行详细地说明。

图1为本申请实施例提供的界面显示方法的流程图，本方法的执行主体可以是带有屏幕的终端设备，或者该终端设备中的用于执行界面显示方法的控制模块。具体地，该终端设备可以包括但不限于具有界面显示功能的移动电话、或平板电脑等通信设备。

下面结合参照图1详细阐述本申请实施例提供的界面显示方法。

步骤110：接收第一输入。

在本实施例中，第一输入可以是来自应用程序的消息通知或用户在终端设备的输入，具体结合如下实施例进行说明。

步骤120：响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。

其中，第一输入触发第二界面采用叠层方式显示在第一界面上，该叠层方式为透明层和位于透明层上的内容显示层。这样，第二界面采用叠层方式，内容显示层和透明层相互分离，这对于调整内容显示层的窗口属性具有可预期性，同时对于通过透明层透视下方第一界面也具有可预期性，因此本申请实施例提供了一种更多样化的界面显示方案。

在本实施例中，第二界面和第一界面可以为第一应用程序的不同界面、或者第二界面为第二应用程序的界面，第二应用程序不同于第一应用程序。

在实际应用中，当第二界面为第二应用程序的界面时，可以通过操作系统调用第二应用程序的API，创建第二界面中的透明层和内容显示层分别对应的两个显示框，从而将第二界面拆分成内容显示层和透明层，分别显示在对应的两个显示框中。

在实际应用场景中，第一应用程序可以是视频播放程序、游戏程序、图片显示程序、文本处理程序或其他应用程序，在此不做限定。第二应用程序可以是社交应用、视频播放程序、图片显示程序或其他应用程序。对于第一应用程序提供的第一界面及第二应用程序提供的第二界面不受限定，可以是任意两种应用程序的界面组合。

例如，第一界面可以是游戏界面，第二界面可以是视频聊天界面。在这种情况下，可以将视频画面设置为内容显示层，第二界面的其他显示部分设置为透明层。

可选地，第一界面的显示面积不小于第一目标值，可以是大于或等于第一目标值。例如，第一目标值可以是终端设备的屏幕尺寸，此时第一界面的显示面积可以等于屏幕尺寸，即第一界面全屏显示。

其中，终端设备屏幕不同，对应的屏幕尺寸也不同。另外，该第一目标值也可以是小于屏幕尺寸的设定值。

另可选地，第二界面的显示面积可以小于第一界面的显示面积。例如，在第一界面全屏显示时，第二界面在第一界面上为非全屏显示，此为示例，不作具体限定。

具体地，第二界面的显示面积可以小于第一目标值、或者小于第二目标值，该第二目标值小于第一目标值。

结合参考图2，在一种状态下，其中，第一界面2A全屏显示，第二界面2B由透明层21和内容显示层22叠置而成并显示在第一界面2A上，同时内容显示层22在透明层21的投影位于透明层21内。

在这种情况下，本实施例提出一种新的界面显示方案，提升在全屏显示场景下的界面显示多样性。

可选地，需要说明的是，图2中的透明层21的边框使用虚线表示，此仅是为了方便理解的图示，在实际应用中可以不显示边框或使用非虚线表示。

在本实施例中，第二界面中的内容显示层为一个，此为示例。可选地，第二界面可以包括多个分屏显示的内容显示层，在此不做限定。

在本实施例中，终端设备在第一界面上显示单个第二界面。可选地，终端设备在第一界面上可以显示多个界面，每个界面的显示属性可以参考本实施例的第二界面进行设置，每个界面与第一界面之间的显示关系可以参考本实施例中第一界面与第二界面之间的显示关系，在此不做限定。

可选地，第一输入可以是消息通知，具体可以是来自第二应用程序的消息通知或第一应用程序自身的消息通知，进而响应于该消息通知，即时地将消息通知通过第二界面进行显示，并具体显示于内容显示层。

可选地，第一输入可以是用户在终端设备的第一输入。参考图3，本实施例提供的界面显示方法具体包括如下步骤：

步骤310：接收用户的第一输入，其中所述用户的第一输入为将所述第一界面的显示面积设置为不小于第一目标值的输入、或所述用户的第一输入为将所述第二界面切换到所述第一界面上显示的输入；

步骤320：响应于用户的第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。

在本实施例中，用户的第一输入触发在第一应用程序的第一界面上通过叠层方式显示第二界面。

可选地，用户的第一输入为将所述第一界面的显示面积设置为不小于第一目标值的输入。例如参考图4，本实施例提供的界面显示方法具体包括如下步骤：

步骤410：在屏幕中显示所述第一界面和第二界面的情况下，接收用户的第一输入；

步骤420：响应于用户的第一输入，将第一界面的显示面积调整为不小于第一目标值，并将第二界面显示在所述第一界面上，第二界面包括透明层和位于透明层上的内容显示层，其中内容显示层在所述透明层所在平面上的投影位于所述透明层内。

其中，将第一界面的显示面积调整为不小于第一目标值，可以是全屏显示第一界面。

在本实施例中，在接收用户的第一输入之前，第一应用程序的第一界面可以是非全屏显示。第一输入为对第一界面进行全屏显示的操作，触发终端设备将第一界面切换为全屏显示，并在第一界面切换为全屏显示的情况下，触发将第二界面显示在第一界面之上，并使得透明层为透明显示。

具体地，第一输入可以是对第一界面中的指定区域或全屏按钮的触控操作，例如对指定区域单击或双击。

因此，本实施例能够实现在第一应用程序的第一界面切换为全屏显示的情况下，即时地自动将第二应用程序的第二界面以透明层和内容显示层的叠层方式显示在第一界面上，省去人工操作步骤，进一步提升界面显示多样性。

可选地，用户的第一输入为将所述第二界面切换到所述第一界面上显示的输入，例如参考图5，本实施例提供的界面显示方法具体包括如下步骤：

步骤510：在第二界面在后台运行的情况下，接收用户的第一输入；

步骤520：响应于用户的第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，将第二界面切换到前台并显示在第一界面上，第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。

此时，将所述第二界面切换到所述第一界面上显示的输入具体为界面切换显示操作。

可选地，参考图6，本实施例提供的界面显示方法具体包括如下步骤：

步骤610：在显示消息通知的情况下，接收用户的第一输入；

步骤620：响应于用户的第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，基于所述消息通知创建第二界面并在所述第一界面上显示所述第二界面，第二界面包括透明层和位于透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。

在本实施例中，第一输入为对消息通知的打开操作，基于该打开操作触发创建第二界面，从而实现第二界面以透明层和内容显示层的叠层方式进行启动和显示，界面显示多样性得到进一步提升。

具体地，第一输入可以是对消息通知的点击操作，如单击或双击，还可以是其他触控操作，在此不做限定。

可选地，参照图7，本实施例提供的界面显示方法包括如下步骤：

步骤710：接收第一输入；

步骤720：响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内；

步骤730：接收用户在所述内容显示层或透明层的第二输入；

步骤740：响应于所述用户的第二输入，改变所述内容显示层的窗口属性，所述窗口属性包括形状、大小及位置中的至少一种。

其中，步骤710可以参考上文步骤110的内容，步骤720可参考上文步骤120的内容，在此不再赘述。

在可选实施例中，第二输入作用在内容显示层，第二输入触发改变内容显示层的窗口属性，通过改变内容显示层的大小、形状及位置中的至少一种，可以改变内容显示层对第一界面的覆盖区域并改变透明层对第一界面的透视区域，达到调节第一界面透视内容的目的。

在实际应用中，用户可以根据需求改变内容显示层的窗口属性，从而调节内容显示层对第一界面的遮挡区域，进一步提升界面显示多样性。

具体地，第二输入为用户对内容显示层中的目标位置点沿目标移动方向的移动操作，在这种情况下，响应于第二输入，基于沿所述目标移动方向对所述目标位置点进行移动操作，改变所述内容显示层的窗口属性，所述窗口属性包括形状、大小及位置中的至少一种。

可选地，在目标位置点位于所述内容显示层边框上的情况下，响应于所述第二输入，基于沿所述目标移动方向移动所述目标位置点，改变所述目标位置点所在内容显示层边框的形状。

具体地，在内容显示层的边框上可以设置一个或多个位置点，该位置点用于定义对内容显示层的形状进行改变的操作点。其中，位置点可以显示或不显示。在这种情况下，随用户对目标位置点的移动操作，可以改变该目标位置点所在边框的形状，从而改变内容显示层的整体形状。

结合图2和图8，图2中内容显示层22的初始形状为四边形，图8中内容显示层82为三角形。通过对图2中内容显示层22的上边框和右边框上的多个位置点进行移动，得到图8所示内容显示层82。

结合图2和图9，图9中内容显示层92的形状为月牙形，可以通过对图2中各个边框的拉伸操作得到图9所示内容显示层92。

图8和图9的形状仅为示例，通过在内容显示层边框上的多个位置设置位置点，可以基于用户对目标位置点的移动操作，

可选地，在目标位置点位于所述内容显示层边框上相邻两个顶点之间的情况下，响应于所述第二输入，基于沿所述目标移动方向移动所述目标位置点，改变所述目标位置点所在内容显示层边框的形状。

可选地，在所述目标位置点为所述内容显示层边框的目标顶点的情况下，响应于所述第二输入，沿所述目标移动方向对所述内容显示层进行缩放。

在该实施例中，第二输入可以是用户对内容显示层两个对角顶点沿对角线的滑动操作，或第二输入可以是用户对内容显示层的单个目标顶点施加目标压力按压并保持按压的情况下，沿对角线的滑动操作。

在这种情况下，如果第二输入作用在内容显示层边框的顶点，则可以对内容显示层进行整体同比例缩放。当第二输入作用在内容显示层边框上相邻两个顶点之间的目标位置点，则可以通过对该目标位置点所在边框进行拉伸，改变内容显示层的形状。

可选地，第二输入作用在内容显示层边框的目标顶点时，也可以通过目标顶点的移动对相交于该顶点的两边框拉伸。

可选地，在目标位置点位于所述内容显示层边框内的情况下，响应于所述第二输入，沿所述目标移动方向移动所述内容显示层在所述透明层上的位置。

在本实施例中，通过移动所述内容显示层在所述透明层上的位置，可以改变内容显示层对第一界面的遮挡区域及透明层对第一界面的透视区域。

具体地，第二输入可以是用户对内容显示层边框内进行按压并在保持按压的情况下进行滑动操作，从而改变内容显示层在透明层上的位置。

可选地，第二输入作用在透明层上。在这种情况下，响应于所述第二输入，改变所述内容显示层的窗口属性，具体包括：

响应于用户的第二输入，同步改变内容显示层和透明层的窗口属性。

在本实施例中，第二输入作用在透明层，触发内容显示层和透明层的窗口属性同步改变，实现对第一界面透视区域的改变。

可选地，在第二输入为对所述透明层的缩放操作的情况下，响应于该第三输入，对内容显示层及透明层进行同步缩放。

其中，缩放包括缩小或放大。内容显示层缩放，改变第一界面的遮挡区域。

对于第二输入的形式，可以参考上文关于触发缩放的第二输入的描述，在此不再赘述。

结合参考图10所示，虚线框表征初始状态下的透明层1000，用户手指长按透明层1000左下角并沿箭头方向滑动到实线框的位置，使得透明层1000和内容显示层1010同步缩小。反之，若用户手指从实线框滑动到虚线框，则使得透明层1000和内容显示层1010同步等比增大。

可选地，在所述第二输入为对所述透明层的移动操作的情况下，响应于该第二输入，对内容显示层及透明层在第一界面上进行同步移动。这实现对第二界面的位置进行整体移动。

在本实施例中，用户对透明层的移动操作具体为在对透明层保持按压状态的情况下的滑动操作，滑动终点位置即为第二界面的目标位置。

参考图11，第二界面1100从屏幕上的位置A移动到位置B。

具体地，用户手指长按透明层1101的任意位置A，然后手指在屏幕上滑动，手指滑动时整个第二界面1100跟随手指的屏幕触点位置移动，当手指移动停止时，第二界面1100就停留在手指的屏幕触点位置B不再移动。

可选地，参考图12，本实施例的界面显示方法包括如下步骤：

步骤1210：接收第一输入；

步骤1220：响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内；

步骤1230：接收用户的第三输入；

步骤1240：响应于所述第三输入，获取用户在所述透明层上绘制的画框，基于画框的形状适配地改变所述内容显示层的形状。

在本实施例中，第三输入为绘制画框操作，画框定义需要改变的内容显示层的形状和位置。响应于该绘制画框操作，可将内容显示层移动到画框上并适配地改变内容显示层的形状，其中适配是指内容显示层透明层上的投影与画框重叠或位于画框内，同时保持形状吻合。

结合参考图13，原始的内容显示层1310为四边形；

参考箭头，基于所绘制的不规则画框，内容显示层1310的形状作适应变更，形成不规则形状。

可选地，参考图14，本实施例的界面显示方法包括如下步骤：

步骤1410：接收第一输入；

步骤1420：响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内；

步骤1430：接收用户对透明层或内容显示层进行目标触控操作的第四输入；

步骤1440：响应于第四输入，获得目标触控操作所对应的目标移动路径，并沿着目标移动路径在所述第一界面上同步移动所述透明层和内容显示层，其中所述目标触控操作与目标移动路径之间的对应关系是预先设置的。

在本实施例中，目标触控操作对应目标移动路径，目标触控操作和目标移动路径之间的对应关系是预先设置的，从而第四输入触发透明层和内容显示层同步地在第一界面上自动移动。

结合图15所示，屏幕左上角位置1为内容显示层和透明层所组成第二界面的初始位置状态，在接收到对初始位置状态的透明层或内容显示层进行双击的情况下，获得对应的逆时针移动路径，从而控制第二界面在屏幕上经位置1、位置2、位置3及位置4进行往复旋转运动。

逆时针移动路径为一示例，在可选实施例中，还可以是顺时针移动路径或沿水平方向或竖直方向或其他任意方向的移动路径，在此不做限定。

可选地，参考图16，本实施例提供的界面显示方法包括如下步骤：

步骤1610：接收第一输入；

步骤1620：响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内；

步骤1630：检测第一界面中各区域的像素变化值；

步骤1640：在检测到所述各区域中的目标区域的像素变化值小于第二目标值的情况下，将所述第二界面移动到所述目标区域。

其中，步骤1610可以参考上文步骤110的内容，步骤1620可参考上文步骤120的内容，不再赘述。

在本实施例中，屏幕窗口中各区域的像素变化值反映了第一界面对应各区域的明暗变化，明暗变化越强烈，表明该区域显示的内容存在动态变化，反之显示的内容为静态物或缓慢变化内容。对于动态变化内容，被认为是对用户来说需要重点关注的内容。

因此，当目标区域的像素变化值小于目标值的情况下，认为第一界面在该目标区域显示的内容为静态物或缓慢变化的内容，则将第二界面移动到该目标区域，则可以更好地曝露出像素变化值大于目标值的区域，从而使得该区域内容无遮挡展示。

可选地，参考图17，本申请实施例提供的界面显示方法包括如下步骤：

步骤1710：接收第一输入；

步骤1720：响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内；

步骤1730：接收用户对所述透明层进行透明度调整操作的第五输入；

步骤1740：响应于所述第五输入，基于所述透明度调整操作对所述透明层的透明度进行调整。

在本实施例中，基于第五输入对透明层的透明度进行调整，从而可以改变透明层中所显示内容的透明度，进而实现对透明层所显示内容的隐藏或明示。在隐藏状态下，透明层中的内容不再显示，从而能够透视下方的第一界面。在明示状态下，透明层中的内容显示给用户，提升第二界面的界面显示效率。

具体地，第五输入可以是对透明层沿目标方向的滑动操作；

响应于第五输入，基于透明度调整操作对所述透明层的透明度进行调整，具体包括：

响应于第五输入，获得目标方向所对应的目标透明度调整方向，并基于上述目标透明度调整方向调节透明层的透明度，该目标透明度调整方向可以是减小透明度或增大透明度。

可选地，在接收用户对透明层进行透明度调整操作的第五输入之前，接收用户对透明层的第六输入，响应于该第六输入，显示透明度调节滑动条。在这种情况下，第六输入是对透明度调节滑动条的滑动操作。

在本实施例中，透明度调节滑动条在常态下为隐藏状态，并在第七输入的触发下切换为显示状态，供用户滑动操作。

结合参考图2和图18，当用户的单手指单击透明层右侧边框，则显示透明度调节滑动条1800，并沿竖直方向滑动透明度调节滑动条1800，实现透明度调节。

可选地，也可以不设置透明度调节滑动条，第六输入可以是对透明层的界面有效区域沿目标方向的滑动操作。

可选地，在接收用户对透明层进行透明度调整操作的第五输入之前，接收用户对透明层的第七输入，响应于该第七输入，显示多个透明度选项。在显示多个透明度选项的情况下，第七输入为对目标透明度选项的选择操作。

可选地，参考图19，本实施例提供的界面显示方法可以包括如下步骤：

步骤1910：接收第一输入；

步骤1920：响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内；

步骤1930：接收用户对透明层进行位置锁定操作的第八输入；

步骤1940：响应于第八输入，将所述透明层进行位置锁定。在透明层位置锁定状态下，内容显示层被限定在透明层上，内容显示层可以在透明层上移动或内容显示层的位置也被锁定。

另外，在位置锁定状态下，内容显示层的窗口属性及透明层的透明度均可以锁定，也可以不锁定。

可选地，参考图20，本实施例提供的界面显示方法还可以包括如下步骤：

步骤2010：接收用户对位置锁定状态的透明层的第九输入；

步骤2020：响应于所述第九输入，解除透明层的位置锁定状态。在这种情况下，透明层的位置处于可调状态。

参考图21所示，在第二界面2110位于某位置时，在第二界面2110未锁定时，连续单击透明层2120窗口两下，第二界面2110窗口整体完成锁定，在锁定机制下第二界面2110窗口无法拖拽，无法调整大小，无法调整透明度。除了解锁的双击事件监听外，可以不监听其它事件；在锁定模式下，再次连续单击透明层2120窗口两下，即可完成第二界面2110窗口解锁。

其中，在透明层2120处于位置锁定状态时，可以显示锁定图标2130。

需要说明的是，本申请实施例提供的界面显示方法，执行主体可以为带有屏幕的界面显示装置，或者该界面显示装置中的用于执行界面显示方法的控制模块。本申请实施例中以界面显示装置执行界面显示方法为例，说明本申请实施例提供的界面显示装置。

参照图22，本装置包括：

第一接收模块2210，接收第一输入；

显示模块2220，响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。

可选地，第一接收模块2210具体用于：

接收用户的第一输入，其中所述用户的第一输入为将所述第一界面的显示面积设置为不小于第一目标值的输入、或所述用户的第一输入为将所述第二界面切换到所述第一界面上显示的输入。

可选地，参考图23，与图22相比，本实施例的界面显示装置还包括：

第二接收模块2310，接收用户在所述内容显示层或透明层的第二输入；

第一改变模块2320，响应于所述第二输入，改变所述内容显示层的窗口属性，所述窗口属性包括形状、大小及位置中的至少一种。

可选地，参考图24，与图22相比，本实施例的界面显示装置还包括：

第三接收模块2410，接收用户的第三输入；

第二改变模块2420，响应于所述第三输入，获取用户在所述透明层上绘制的画框，基于画框的形状适配地改变所述内容显示层的形状。

可选地，参考图25，与图22相比，本实施例的界面显示装置还包括：

第四接收模块2510，接收用户对所述透明层或内容显示层进行目标触控操作的第四输入；

第一移动模块2520，响应于第四输入，获得目标触控操作所对应的目标移动路径，并沿着目标移动路径在所述第一界面上同步移动所述透明层和内容显示层，其中所述目标触控操作与目标移动路径之间的对应关系是预先设置的。

可选地，参考图26，与图22相比，本实施例的界面显示装置还包括：

检测模块2610，检测所述第一界面中各区域的像素变化值；

第二移动模块2620，在检测到所述各区域中的目标区域的像素变化值小于第二目标值的情况下，将所述第二界面移动到所述目标区域。

利用本申请实施例的界面显示装置，提供一种更多样化的界面显示方案。

本申请实施例中的界面显示装置可以是装置，也可以是终端中的部件、集成电路、或芯片。该装置可以是移动电子设备，也可以为非移动电子设备。示例性的，移动电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、可穿戴设备、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本或者个人数字助理(personaldigital assistant，PDA)等，非移动电子设备可以为服务器、网络附属存储器(NetworkAttached Storage，NAS)、个人计算机(personal computer，PC)、电视机(television，TV)、柜员机或者自助机等，本申请实施例不作具体限定。

本申请实施例中的界面显示装置可以为具有操作系统的装置。该操作系统可以为安卓(Android)操作系统，可以为ios操作系统，还可以为其他可能的操作系统，本申请实施例不作具体限定。

本申请实施例提供的界面显示装置能够实现图1至图20的方法实施例实现的各个过程，为避免重复，这里不再赘述。

可选地，如图27所示，本申请实施例还提供一种电子设备2700，包括处理器2701，存储器2702，存储在存储器2702上并可在所述处理器2701上运行的程序或指令，该程序或指令被处理器2701执行时实现上述拍照方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

需要说明的是，本申请实施例中的电子设备包括上述所述的移动电子设备和非移动电子设备。

图28为实现本申请实施例的一种电子设备的硬件结构示意图。

该电子设备2800包括但不限于：射频单元2801、网络模块2802、音频输出单元2803、输入单元2804、传感器2805、显示单元2806、用户输入单元2807、接口单元2808、存储器2809、以及处理器2810等部件。

本领域技术人员可以理解，电子设备2800还可以包括给各个部件供电的电源(比如电池)，电源可以通过电源管理系统与处理器2810逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。图28中示出的电子设备结构并不构成对电子设备的限定，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置，在此不再赘述。

其中，输入单元2804，用于接收第一输入；

显示单元2806，用于响应于所述第一输入，在第一应用程序的第一界面的显示面积不小于第一目标值的情况下，在所述第一界面上显示第二界面，所述第二界面包括透明层和位于所述透明层上的内容显示层，其中所述内容显示层在所述透明层所在平面上的投影位于所述透明层内。

使用本实施例的电子设备，提供一种更多样化的界面显示方案。

可选地，输入单元2804，还用于接收用户的第一输入，其中所述用户的第一输入为将所述第一界面的显示面积设置为不小于第一目标值的输入、或所述用户的第一输入为将所述第二界面切换到所述第一界面上显示的输入。

可选地，输入单元2804，还用于接收在内容显示层或透明层的第二输入；

处理器2810，还用于响应于所述第二输入，改变所述内容显示层的窗口属性，所述窗口属性包括形状、大小及位置中的至少一种。

可选地，输入单元2804，还用于接收用户的第三输入；

处理器2810，还用于响应于所述第三输入，获取用户在所述透明层上绘制的画框，基于画框的形状适配地改变所述内容显示层的形状。

可选地，输入单元2804，还用于接收用户的第三输入；

处理器2810，还用于响应于所述第三输入，获取用户在所述透明层上绘制的画框，基于画框的形状适配地改变所述内容显示层的形状。

可选地，输入单元2804，还用于接收用户对所述透明层或内容显示层进行目标触控操作的第四输入；

处理器2810，还用于响应于所述第四输入，获得所述目标触控操作所对应的目标移动路径，并沿着所述目标移动路径在所述第一界面上同步移动所述透明层和内容显示层，其中所述目标触控操作与目标移动路径之间的对应关系是预先设置的。

可选地，处理器2810，还用于检测所述第一界面中各区域的像素变化值，在检测到所述各区域中的目标区域的像素变化值小于第二目标值的情况下，将所述第二界面移动到所述目标区域。

应理解的是，本申请实施例中，输入单元2804可以包括图形处理器(GraphicsProcessing Unit，GPU)2841和麦克风2842，图形处理器2841对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。显示单元2806可包括显示面板2861，可以采用液晶显示器、有机发光二极管等形式来配置显示面板2861。用户输入单元2807包括触控面板2871以及其他输入设备2872。触控面板2871，也称为触摸屏。触控面板2871可包括触摸检测装置和触摸控制器两个部分。其他输入设备2872可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆，在此不再赘述。存储器2809可用于存储软件程序以及各种数据，包括但不限于应用程序和操作系统。处理器2810可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器2810中。

本申请实施例还提供一种可读存储介质，所述可读存储介质上存储有程序或指令，该程序或指令被处理器执行时实现上述界面显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

其中，所述处理器为上述实施例中所述的电子设备中的处理器。所述可读存储介质，包括计算机可读存储介质，如计算机只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等。

本申请实施例另提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现上述界面显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

应理解，本申请实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。

本申请实施例还提供一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现上述界面显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外，需要指出的是，本申请实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能，还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能，例如，可以按不同于所描述的次序来执行所描述的方法，并且还可以添加、省去、或组合各种步骤。另外，参照某些示例所描述的特征可在其他示例中被组合。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以计算机软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器，或者网络设备等)执行本申请各个实施例所述的方法。

上面结合附图对本申请的实施例进行了描述，但是本申请并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本申请的启示下，在不脱离本申请宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本申请的保护之内。