CN108388467B

CN108388467B - 一种界面显示的方法、装置和设备

Info

Publication number: CN108388467B
Application number: CN201810296838.8A
Authority: CN
Inventors: 杨磊
Original assignee: Beijing Sogou Technology Development Co Ltd
Current assignee: Beijing Sogou Technology Development Co Ltd
Priority date: 2018-04-03
Filing date: 2018-04-03
Publication date: 2021-02-02
Anticipated expiration: 2038-04-03
Also published as: CN108388467A

Abstract

本发明公开了一种界面显示的方法、装置和设备，当显示界面中包括功能元素以及背景图片时，可以通过获取用于标识背景图片中主题区域的主题区域信息，并且，合并绘制功能元素与该背景图片，以绘制出可以相对于功能元素突出显示背景图片主题的绘制界面显示给用户。这样，解决了显示界面中背景图片的主题部分被功能元素遮挡的问题，用户在显示的界面中便能够完整看到背景图片中的主题部分，从而使用户对显示界面中的背景有了更好的视觉体验。

Description

一种界面显示的方法、装置和设备

技术领域

本发明涉及界面显示技术领域，特别是涉及一种界面显示的方法、装置和设备。

背景技术

随着界面显示技术的发展，在各种人机交互设备上，为了使得用户具有更好的个性化体验，许多设备的显示界面上直接或间接为用户提供了背景显示的功能。通过背景显示的功能，用户可以选取自己喜欢的图片并将其设定为输入法界面的背景图片，这样用户在使用该设备时就可以在显示界面上看到自己喜欢的图片。但是，在许多触屏设备上，显示界面上通常还提供了与该界面相关功能的文字、按键等功能元素，以供用户使用，例如，手机桌面里应用图标，或者输入法界面中的虚拟按键等。当显示界面设置了背景图片时，这些功能元素覆盖在背景图片之上显示，从而会遮挡背景图片中的部分区域。而由于功能元素通常数量较多，功能元素的显示很可能会遮挡到背景图片中用户喜欢看到的主题部分，从而使得显示界面中的背景的视觉体验不佳。

发明内容

本发明所要解决的技术问题是，提供一种界面显示的方法、装置和设备，以避免界面显示时功能元素遮挡背景图片中的主题部分，从而使得用户在使用该显示界面时能够看到背景图片中的主题部分，提高用户对显示界面中背景的视觉体验。

第一方面，为解决上述技术问题，本发明实施例提供了一种界面显示方法，包括：

获取背景图片的主题区域信息；其中，所述主题区域信息用于标识所述背景图片的主题区域；

根据所述主题区域信息，将合并绘制功能元素与所述背景图片，得到绘制界面并显示；

在所述绘制界面中，第一显示区域呈现出所述背景图片占据所述第一显示区域的部分图像，第二显示区域不呈现所述背景图片占据所述第二显示区域的部分图像；其中，所述第一显示区域为所述功能元素在所述主题区域之内占据的显示区域，所述第二显示区域为所述功能元素在所述主题区域之外占据的显示区域。

可选地，所述根据所述主题区域信息，将合并绘制功能元素与所述背景图片，得到绘制界面并显示，包括：

根据所述主题区域信息，获取主题图片；所述主题图片在所述主题区域内的图像为所述背景图片在所述主题区域内的图像，所述主题图片在所述主题区域外的图像为全透明图像；

以所述主题图片作为上层图像，以由所述功能元素组成的图像作为中间层图像，以所述背景图片作为下层图像，通过叠加所述上层图像、所述中间层图像和所述下层图像，得到所述绘制界面并显示。

可选地，所述上层图像具体为所述主题图片按照已设置的透明度进行透明化处理而形成的图像。

根据所述主题区域信息，在由所述功能元素组成的图像中裁剪掉位于所述主题区域的部分图像，以使得裁剪得到的图像在所述主题区域内为全透明图像；

以所述裁剪得到的图像作为上层图像，以所述背景图片作为下层图像，通过叠加所述上层图像和所述下层图像，得到所述绘制界面并显示。

根据所述主题区域信息，按照已设置的透明度对由所述功能元素组成的图像中位于所述主题区域的部分图像进行透明化处理；

以透明处理得到的图像作为上层图像，以所述背景图片作为下层图像，通过叠加所述上层图像和所述下层图像，得到绘制界面并显示。

可选地，所述主题区域信息具体为所述主题区域在所述背景图片中的位置信息集。

可选地，所述主题区域信息具体为所述背景图片位于所述主题区域内的图像的颜色值信息集。

可选地，所述主题区域信息具体用于标识位于所述主题区域内的功能元素。

可选地，所述主题区域信息具体包括分别与所述背景图片中各像素点对应的位置信息，各像素点对应的位置信息分别用于标识所述各像素点在所述背景图片中是否位于所述主题区域内。

可选地，所述主题区域信息保存在所述背景图片的alpha通道中。

可选地，所述主题区域信息保存在与所述背景图片对应的遮罩图片中。

可选地，所述主题区域信息保存在与所述背景图片对应的主题图片中；所述主题图片在所述主题区域内的图像为所述背景图片在所述主题区域内的图像，所述主题图片在所述主题区域外的图像为全透明图像。

可选地，所述背景图片为背景视频片段中的一帧图像；

所述背景视频片段中的不同帧图片具有相同的主题区域，或，所述背景视频片段中的不同帧图片具有不同的主题区域。

可选地，所述背景图片是由基础图片与对象图片叠加而形成的图片，所述背景图片的主题区域包括所述对象图片在所述背景图片中占据的位置。

可选地，该方法还包括：

响应于用户对主题区域的设置操作，在所述背景图片中将所述设置操作所指示的区域确定为所述主题区域；

基于所述主题区域，生成所述主题区域信息并与所述背景图片对应保存。

可选地，该方法还包括：

将所述背景图片输入已训练的深度学习模型，并基于所述深度学习模型的输出结果得到所述主题区域信息。

可选地，该方法还包括：

响应于用户对主题区域的修改操作，按照所述修改操作对所述主题区域信息进行修改。

可选地，所述根据所述主题区域信息，将合并绘制功能元素与所述背景图片，得到绘制界面并显示，具体为：

响应于在预置时间内用户未执行操作，根据所述主题区域信息，将合并绘制所述功能元素与所述背景图片，得到绘制界面并显示。

可选地，所述响应于在预置时间内用户未执行操作，根据所述主题区域信息，将合并绘制所述功能元素与所述背景图片，得到绘制界面并显示，包括：

响应于在第一预置时间内用户未执行操作，根据所述主题区域信息，将合并绘制功能元素与所述背景图片，得到第一绘制界面并显示；

响应于在第二预置时间内用户未执行操作，根据所述主题区域信息，将合并绘制功能元素与所述背景图片，得到第二绘制界面并显示；

其中，所述第一预置时间小于所述第二预置时间；在所述第一绘制界面中，所述背景图片和所述功能元素在所述第一显示区域中均按照预置透明度进行呈现；在所述第二绘制界面中，所述功能元素在所述第一显示区域中不呈现。

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

获取单元，用于获取背景图片的主题区域信息；其中，所述主题区域信息用于标识所述背景图片的主题区域；

绘制显示单元，用于根据所述主题区域信息，将合并绘制功能元素与所述背景图片，得到绘制界面并显示；

可选地，所述绘制显示单元，包括：

第一获取子单元，用于根据所述主题区域信息，获取主题图片；所述主题图片在所述主题区域内的图像为所述背景图片在所述主题区域内的图像，所述主题图片在所述主题区域外的图像为全透明图像；

第一绘制显示子单元，用于以所述主题图片作为上层图像，以由所述功能元素组成的图像作为中间层图像，以所述背景图片作为下层图像，通过叠加所述上层图像、所述中间层图像和所述下层图像，得到所述绘制界面并显示。

可选地，所述绘制显示单元，包括：

第二获取子单元，用于根据所述主题区域信息，在由所述功能元素组成的图像中裁剪掉位于所述主题区域的部分图像，以使得裁剪得到的图像在所述主题区域内为全透明图像；

第二绘制显示子单元，用于以所述裁剪得到的图像作为上层图像，以所述背景图片作为下层图像，通过叠加所述上层图像和所述下层图像，得到绘制界面并显示。

可选地，所述绘制显示单元，包括：

处理子单元，用于根据所述主题区域信息，按照已设置的透明度对由所述功能元素组成的图像中位于所述主题区域的部分图像进行透明化处理；

第三绘制显示子单元，用于以透明处理得到的图像作为上层图像，以所述背景图片作为下层图像，通过叠加所述上层图像和所述下层图像，得到绘制界面并显示。

可选地，所述主题区域信息具体包括分别与所述背景图片中各像素点对应的位置信息，各像素点对应的位置信息分别用于标识各像素点在所述背景图片中是否位于所述主题区域内。

可选地，所述背景图片为背景视频片段中的一帧图像；

可选地，所述装置还包括：

确定单元，用于响应于用户对主题区域的设置操作，在所述背景图片中将所述设置操作所指示的区域确定为所述主题区域；

生成单元，用于基于所述主题区域，生成所述主题区域信息并与所述背景图片对应保存。

可选地，所述装置还包括：

深度学习单元，用于将所述背景图片输入已训练的深度学习模型，并基于所述深度学习模型的输出结果得到所述主题区域信息。

可选地，所述装置还包括：

修改单元，用于响应于用户对主题区域的修改操作，按照所述修改操作对所述主题区域信息进行修改。

可选地，所述绘制显示单元，具体用于：

可选地，所述绘制显示单元，包括：

第四绘制显示子单元，用于响应于在第一预置时间内用户未执行操作，根据所述主题区域信息，将合并绘制功能元素与所述背景图片，得到第一绘制界面并显示；

第五绘制显示子单元，用于响应于在第二预置时间内用户未执行操作，根据所述主题区域信息，将合并绘制输入法的功能元素与所述背景图片，得到第二绘制界面并显示；

第三方面，本发明实施例提供了一种界面显示的设备，该界面显示的设备包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令：

根据所述主题区域信息，将和并绘制功能元素与所述背景图片，得到绘制界面并显示；

可选地，所述根据所述主题区域信息，将和并绘制功能元素与所述背景图片，得到绘制界面并显示，包括：

以所述主题图片作为上层图像，以由所述功能元素组成的图像作为中间层图像，以所述背景图片作为下层图像，通过叠加所述上层图像、所述中间层图像和所述下层图像，得到绘制界面并显示。

以所述裁剪得到的图像作为上层图像，以所述背景图片作为下层图像，通过叠加所述上层图像和所述下层图像，得到绘制界面并显示。

可选地，所述背景图片为背景视频片段中的一帧图像；

可选地，所述处理器还用于执行所述一个或者一个以上程序包含用于进行以下操作的指令：

可选地，所述根据所述主题区域信息，将和并绘制功能元素与所述背景图片，得到绘制界面并显示，具体为：

响应于在预置时间内用户未执行操作，根据所述主题区域信息，将和并绘制功能元素与所述背景图片，得到绘制界面并显示。

可选地，所述响应于在预置时间内用户未执行操作，根据所述主题区域信息，将和并绘制功能元素与所述背景图片，得到绘制界面并显示，包括：

响应于在第一预置时间内用户未执行操作，根据所述主题区域信息，将和并绘制功能元素与所述背景图片，得到第一绘制界面并显示；

响应于在第二预置时间内用户未执行操作，根据所述主题区域信息，将和并绘制功能元素与所述背景图片，得到第二绘制界面并显示；

第四方面，本发明实施例提供了一种非临时性计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行一种界面显示的方法，所述方法包括：

可选地，所述背景图片为背景视频片段中的一帧图像；

可选地，所述方法还包括：

与现有技术相比，本发明实施例具有以下优点：

在本发明实施例中，当显示界面中包括功能元素以及背景图片时，可以通过获取用于标识背景图片中主题区域的主题区域信息，并且，合并绘制功能元素与该背景图片，以绘制出可以相对于功能元素突出显示背景图片主题的绘制界面显示给用户。这样，解决了显示界面中背景图片的主题部分被功能元素遮挡的问题，用户在显示的界面中便能够完整看到背景图片中的主题部分，从而使用户对显示界面中的背景有了更好的视觉体验。

附图说明

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

图1为本发明实施例中一个示例性应用场景的框架示意图；

图2为本发明实施例中一种界面显示的方法的流程图；

图3为本发明实施例中一种背景图片的示例图；

图4为本发明实施例中界面显示的一种实现方法的流程图；

图5为本发明实施例中一种主题图片的示例图；

图6为本发明实施例中绘制界面的一种显示效果图；

图7为本发明实施例中绘制界面的另一种显示效果图；

图8为本发明实施例中界面显示的另一种实现方法的流程图；

图9为本发明实施例中界面显示的再一种实现方法的流程图；

图10为本发明实施例中一种遮罩图片的示例图；

图11为本发明实施例中一种界面显示的装置的结构示意图；

图12为本发明实施例中一种界面显示的设备的结构示意图。

具体实施方式

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

申请人经过研究发现，现有技术中，用户可以通过背景显示的功能，选取自己喜欢的图片并将其设定为显示界面的背景图片，例如：在输入法界面上为用户提供的背景显示功能，但是，输入法界面上通常还需要向用户提供与输入法功能相关的文字、按键等功能元素。这样，在显示如输入法等显示界面时，就会出现功能元素将背景图片中的部分区域遮挡的问题，尤其可能遮挡到背景图片中用户喜欢看到的主题部分，因此，该显示界面往往无法完整显示背景图片中的主题部分，从而使得用户对显示界面中的背景的视觉体验不佳。

为了解决上述问题，在本发明实施例中，当显示界面中包括功能元素以及背景图片时，可以通过获取代表背景图片中主题区域的信息，即，背景图片中的主题区域信息，并且，合并绘制功能元素与该背景图片，绘制出可以突出显示背景图片中主题的绘制界面，显示给用户。这样，显示界面上，功能元素不再遮挡背景图片中主题部分，用户便能够看到背景图片中的主题部分，从而提高了用户体验。

举例说明，本发明实施例可以应用到如图1所示的场景。在该场景中，用户110可以对终端设备120进行操作，终端设备120可以响应用户110的操作，执行相应的动作。例如，用户110可以在终端设备120的屏幕上触发启动输入法界面的操作，终端设备120在响应到用户110的该操作时，可以显示输入法界面。然后，终端设备120可以在确定该输入法界面中需要呈现背景图片之后，获取背景图片的主题区域信息，并根据该主题区域信息，利用输入法的功能元素与背景图片，绘制相对于功能元素突出显示背景图片主题区域的输入法界面；终端设备120将绘制好的输入法界面显示给用户110。

可以理解的是，终端设备120可以是现有的、正在研发的或将来研发的、且具有显示功能的终端设备，例如设置有显示屏等显示功能的智能手机、平板电脑、电子书阅读器、动态影像专家压缩标准音频层面4(Moving Picture Experts Group Audio Layer IV，MP4)播放器和膝上型便携计算机等。

需要注意的是，上述应用场景仅是为了便于理解本发明而示出，本发明的实施方式在此方面不受任何限制。相反，本发明的实施方式可以应用于适用的任何场景。

下面结合附图，详细说明本发明的各种非限制性实施方式。

示例性方法

参见图2，示出了本发明实施例中的一种界面显示的方法。在本实施例中，该方法具体可以包括：

步骤201，获取背景图片的主题区域信息；其中，所述主题区域信息用于标识所述背景图片的主题区域。

可以理解的是，对于用户设备的显示界面而言，为了给用户提供相应的功能，该显示界面上必然会显示包括多个功能元素的前景图片，而如果该显示界面上设定了背景图片，那么，背景图片也需要显示在该输入法界面上。对于需要同时显示背景图片以及前景图片的显示界面而言，一般将前景图片显示在背景图片的上层。例如：对于输入法的显示界面而言，输入法界面上必然会显示包括多个功能元素的前景图片，也将同时在该前景图片的下层显示背景图片。

具体实现时，若用户希望在显示界面上能够看到某个或某些主题对象，用户可以选择包括该主题对象的图片并将其设置为背景图片。为了满足用户对主题对象的视觉体验需求，在该显示界面上可以使得背景图片中的该主题对象相对于前景图片突出显示，即在主题区域中背景图片的图像不会被前景图片的图像遮挡。

对于背景图片，一般包括主题区域和非主题区域。其中，主题区域表示背景图片的主题对象在该背景图片中占据的区域；而非主题区域则表示背景图片中主题区域以外的其他区域。如图3所示，为一张主题对象为“酒杯”的背景图片。该背景图片的主题区域，为酒杯所在该背景图片中所占据的区域；而该背景图片中，除去主题区域的其他区域，即为该背景图片的非主题区域。

为了在包括前景图片和背景图片的显示界面上，使得背景图片中用户喜欢的主题区域突出于前景图片进行显示，可以获取背景图片的主题区域信息。该主题区域信息，用于在绘制显示界面时，提供关于主题区域的标识信息。因此，通过该主题区域信息，可以识别出该背景图片的主题区域，从而便于后续将该主题区域在显示界面上进行突出显示。

作为一种示例，该主题区域信息具体可以是主题区域在背景图片中的位置信息集；作为另一种示例，该主题区域信息具体也可以是背景图片位于主题区域内的图像的颜色值信息集；作为再一种示例，该主题区域信息具体还可以是用于标识位于主题区域内的功能元素；作为再一种示例，该主题区域信息具体也可以包括分别与背景图片中各像素点对应的位置信息，各像素点对应的位置信息分别用于标识所述各像素点在背景图片中是否位于主题区域内。

其中，当主题区域信息为包括分别与背景图片中各像素点对应的位置信息时，一种情况下，主题区域信息可以保存在背景图片的alpha通道中；另一种情况下，主题区域信息还可以保存在与背景图片对应的遮罩图片中；再一种情况下，主题区域信息也可以保存在与背景图片对应的主题图片中，该主题图片在主题区域内的图像为背景图片在主题区域内的图像，而主题图片在主题区域外的图像为全透明图像。

对上述主题区域信息的具体类型，以及一些类型下主题区域信息的存储方式，将在下文中详细描述，这里不再赘述。

可以理解的是，通过步骤201所获得的主题区域信息，可以获得到该背景图片中的主题区域，或者，定位到该主题区域在背景图片中的位置，为在显示界面上突出显示主题区域，提供了数据基础。

步骤202，根据主题区域信息，将合并绘制功能元素与背景图片，得到绘制界面并显示。

具体实现时，多种显示界面的绘制方式，可以用于使得背景图片的主题区域相对于前景图片突出显示。作为一种示例，若根据主题区域信息能够获取到与该背景图片对应的主题图片，则可以采用“贴图叠加”的方式，例如在输入法界面的前景图片的上层再叠加主题图片，实现对主题图片的突出显示。作为另一种示例，若通过解析主题区域信息可以确定该主题区域在背景图片中的位置，进而定位该主题区域对应到前景图片的位置，则可以采用“前景裁剪”的方式，例如对输入法界面中位于背景图片上层的前景图片进行裁剪，去掉主题区域对应到前景图片位置处的图像，以使得裁剪后前景图像对应于主题区域的位置为全透明，避免了对其下层的背景图片中主题区域的遮挡。

在一些实现方式中，如图4所示，步骤202具体可以包括：

步骤202A1，根据主题区域信息，获取主题图片；主题图片在主题区域内的图像为背景图片在主题区域内的图像，主题图片在主题区域外的图像为全透明图像。

主题图片，是指只显示主题对象的图像。例如，假设图3为背景图片，那么，其主题图片如图5所示，可见，该主题图片在酒杯部分，与图3中的酒杯部分的图像一致；而该主题图片在酒杯以外的部分，为不可见的全透明图像。

在具体实现时，可以通过解析主题区域信息，得到主题区域，对背景图片在主题区域内的图像不作处理，而将主题区域外的图像的不透明度设置为0，即完全透明状态，此时得到的图片即为主题图片。

步骤202A2，以主题图片作为上层图像，以由功能元素组成的图像作为中间层图像，以所述背景图片作为下层图像，通过叠加所述上层图像、所述中间层图像和所述下层图像，得到绘制界面(例如输入法界面等)并显示。

其中，绘制后的显示界面，包括三层图像，这三层图像从上到下分别为：主题图片、功能元素组成的图像(前景图片)和背景图片。由于最上层的主题图片中，除主题区域外，其他区域可以为全透明，因此，绘制后显示给用户的绘制界面，在主题区域，显示的是主题图片中的主题对象，即，背景图片中的主题对象；在主题区域之外的其他区域，显示的则是对应的前景图片中的功能元素。

举例来说，如图6所示，为采用图4的方式绘制并显示的绘制界面，图6示出的输入法界面图包括3层图像：最下层为图3所以的背景图片；中间层为功能元素组成的前景图片；最上层为图5所示的主题图片。其中，由于功能元素(例如按键)“t”、“y”和“g”完全在主题区域内，因此，该部分功能元素完全被主题图片遮挡。由于功能元素(例如按键)“r”、“u”、“f”、“h”、“v”以及“空格(语音输入)”部分在主题区域内，部分在主题区域外，即，上述功能元素跨越了主题区域与非主题区域，那么，这部分功能元素的显示也分为两个方面：上述功能元素在主题区域内的部分被主题图片遮挡；在主题区域外的部分不被主题图片遮挡(即，显示该功能元素对应于前景图片中的图像)。由于其他的功能元素处于非主题区域，因此，该部分的功能元素完全显示给用户，不被主题图片遮挡。

可以理解的是，通过图4所提供的方式，显示的绘制界面可以完全将背景图片中的主题突出显示，提高了用户的视觉体验。为了进一步满足用户需求，在突出显示主题的同时，可以让用户自行设置主题区域的透明度，即上层图像可以是主题图片按照已设置的透明度进行透明化处理而形成的图像。

具体实现时，在进行三个图像叠加绘制输入法界面之前，预先设置上层的主题图片的透明度，并且，按照预先设置的透明度，对主题图片进行处理，得到处理后的主题图片；然后，再按照步骤202A2，对处理后的主题图片、由功能元素组成的前景图片，以及背景图片进行叠加，绘制出该界面并显示。例如，对图5所示的主题图片按照一定的透明度进行处理，得到主题区域为部分透明的主题图片；然后，将处理后的主题图片作为上层图像，将由功能元素组成的前景图片作为中间层图像，将背景图片作为底层图像，并将三者按照此顺序进行叠加，得到绘制的显示界面例如输入法界面，显示效果如图7所示。

在另一些实现方式中，可以通过对由功能元素组成的前景图片中，主题区域对应的部分进行弱化处理的方式。例如，可以对前景图片中主题区域对应的部分进行裁剪操作，以使得背景图片中主题区域的显示不被遮挡。又如，可以对前景图片中主题区域对应部分进行透明化处理，以使得背景图片中主题区域的显示不被遮挡。可见，在弱化处理的方式下，背景图片中的主题对象可以透过上层前景图片突出显示出来而不会被遮挡，提升用户体验。

作为一个可能的示例，如图8所示，步骤202具体可以包括：

步骤202B1，根据主题区域信息，在由所述功能元素组成的图像中裁剪掉位于所述主题区域的部分图像，以使得裁剪得到的图像在所述主题区域内为全透明图像。

可以理解的是，通过对主题区域信息的解析，可以确定主题区域在背景图片中的相对位置；由于功能元素组成的前景图片，与背景图片存在对应关系，所以，可以进一步确定出主题区域在功能元素组成的前景图片中的位置；进而，可以在由功能元素组成的前景图片中，准确的裁剪掉位于主题区域的部分图像。裁剪后的前景图片中，与主题区域对应的部分可以为全透明图像；而非主题区域对应的部分不进行处理，仍然为对应的功能元素。

步骤202B2，以裁剪得到的图像作为上层图像，以背景图片作为下层图像，通过叠加上层图像和下层图像，得到绘制界面并显示。

其中，绘制界面，包括两层图像，这两层图像从上到下分别为裁剪后的功能元素组成的图像(即前景图片)和背景图片。由于上层的前景图片中，将主题区域对应的部分进行了裁剪，因此，绘制后显示给用户的绘制界面，在主题区域显示的是透过前景图像凸显出的背景图片中的主题对象；在主题区域之外的其他区域显示的是对应的前景图片中的功能元素。

举例说明，前述图6所示的显示效果，除了可以是采用图4的方式绘制并显示的绘制界面，或者也可以是采用图8的方式绘制并显示的绘制界面。需要说明的是，虽然显示效果相同，但是，采用图4所示的方法获得的绘制界面实际上包括了三层叠加在一起的图像，采用图8所示的方法获得的绘制界面实际上包括了两层叠加在一起的图像。

可以理解的是，通过图8所提供的方式，绘制的显示界面可以完全将背景图片中的主题突出显示，提高了用户的视觉体验。

作为另一个可能的示例，如图9所示，步骤202具体可以包括：

步骤202C1，根据主题区域信息，按照已设置的透明度对由功能元素组成的图像中位于主题区域的部分图像进行透明化处理。

可以理解的是，通过对主题区域信息的解析，可以确定主题区域在背景图片中的相对位置；由于功能元素组成的前景图片，与背景图片存在对应关系，所以，可以进一步确定出主题区域在功能元素组成的前景图片中的位置；进而，可以将由功能元素组成的前景图片中位于主题区域的部分图像，进行透明化处理。具体实现时，可以将该部分图像的透明度信息对应修改为预先设置的不透明度值，得到透明化处理后的前景图片中与主题区域对应的部分为预先设置的不透明度值对应的图像；而非主题区域对应的部分不进行处理，仍然为对应的功能元素。

需要说明的是，如果预先设置的不透明度值为0时，得到的透明化处理后的前景图片与步骤202B1所得的前景图片一致，即，前景图片中位于主题区域的部分为全透明图像。

步骤202C2，以透明处理得到的图像作为上层图像，以背景图片作为下层图像，通过叠加上层图像和下层图像，得到绘制界面并显示。

此步骤的具体实现方式可参见图8中的步骤202B2中的描述，这里不再赘述。

可以理解的是，通过图9所提供的方式，绘制的显示界面可以按照预先设置的透明度，将背景图片中的主题突出显示，提高了用户的视觉体验。

需要说明的是，上述实施例中，对于透明度的设置，可以是用户在设置选项中预先设定；或者，当显示界面对应得设备具备力度感应功能时，也可以根据用户对显示屏的按压的力度进行设置。

通过图2提供的界面显示的方法，可以将背景图片中的主题区域不再被前景图片的功能元素遮挡，进行主题区域的突出显示。其中，从界面显示的效果上而言，包括两个不同的区域：第一显示区域和第二显示区域。其中，第一显示区域为功能元素在主题区域之内占据的显示区域，第二显示区域为功能元素在主题区域之外占据的显示区域。例如，主题区域位于整个输入法界面的中心区域，那么，第一显示区域即为输入法界面的中心区域；而第二显示区域为除去第一显示区域外的，输入法界面的周边区域。

从显示的效果上来说，例如绘制并显示出的输入法界面中，第一显示区域呈现出的是背景图片中对应部分的图像，第二显示区域则不呈现背景图片中对应部分的图像，而是呈现前景图片对应部分的图像。例如，假设第一显示区域为输入法界面的中心区域，第二显示区域为输入法界面的周边区域，那么，第一显示区域呈现的是背景图片的中心区域图像，即，主题区域的图像；而第二显示区域呈现的是前景图片的周边区域图像，而不呈现前景图片的中心区域图像，以避免对主题区域的遮挡。实现了对主题区域的突出显示，提高了用户的视觉体验。

可以理解的是，为了使界面能够满足用户的需求，提高界面显示的智能化水平，也可以采用过渡显示的方式，进行主题区域的突出显示。一种情况下，可以将主题区域划分为多个不同的子区域，即主题区域包括：第一主题子区域，第二主题子区域，第三主题子区域等。其中，第一主题子区域为主题对象所在区域，第二主题子区域为与第一主题子区域相邻的区域，第三主题子区域为与第二主题子区域相邻的区域。可以设置各个主题子区域的透明度，使各个主题子区域呈现透明度渐变的效果。在一个实例中，可以设置第一主题子区域的透明度例如为0(即，不透明)；第二主题子区域的透明度为a，第三主题子区域的透明度为b，以此类推，其中，数值上通常取a<b，即，越接近主题对象所在区域的主题子区域，其透明度值越小，越不透明。

可以理解的是，为了使界面能够满足用户的需求，提高界面显示的智能化水平，也可以采用过渡显示的方式，进行主题区域的突出显示。另一种情况下，可以将非主题区域划分为一个或多个不同的子区域，例如非主题区域可以包括：第一非主题子区域，和/或第二非主题子区域等。其中，第一非主题子区域为与所述主题区域相邻的区域，第二非主题子区域为与第一非主题子区域相邻的区域。在一个实例中，可以设置第一非主题子区域的透明度为m，第二非主题子区域的透明度为n，以此类推，其中，数值上通常取m<n，即，越接近主题区域的非主题子区域，其透明度值越小，越不透明。

当然也可以对主题区域和非主题区域均进行划分，实现所述主题区域的突出显示效果。

可见，通过对显示界面进行多级划分，并为划分的每个区域设置不同的透明度，实现对界面的渐变绘制，并显示给用户，可以给用户带来对主题区域更加突出的视觉感受，提升了用户体验。

需要说明的是，为了进一步提高用户体验，让用户可以在看到主题对象的同时，了解该主题区域中的功能元素对应位置，在绘制显示界面时，第一显示区域除了呈现背景图片中对应部分的图像，还可以呈现前景图片中对应部分的关键信息，如功能元素的文字本身。例如，绘制的输入法界面中，将前景图片中的对应于主题区域的按键呈现在第一显示区域中，但是，为了尽可能不影响主题区域的显示，该按键的边框可选择不呈现。

本发明实施例能够实现了在显示界面上对背景图片的主题区域进行突出显示。为了使本发明的方案更加完整，下面介绍几种确定主题区域的具体实现方式。

在一个实例中，用户可以自行确定主题区域，具体可以包括：响应于用户对主题区域的设置操作，在背景图片中将设置操作所指示的区域确定为主题区域；基于主题区域，生成主题区域信息并与背景图片对应保存。

具体实现时，用户可以选择照片或者其他来源的图片作为背景图片。如果该背景图片中主题对象，用户可以通过显示界面提供的编辑功能，对主题区域进行设置。例如，用户可以用手指在背景图片上进行涂抹，将涂抹掉的区域设置为非主题区域，其他的没有被涂抹的区域设置为主题区域；或者，也可以将涂抹掉的区域设置为主题区域，其他的没有被涂抹的区域设置为非主题区域。当然，也可以根据涂抹，进行其他的分析处理，进一步获得主题区域。在设置主题区域后，基于该主题区域，输入法系统可以生成主题区域信息，并将该主题区域信息与背景图片进行对应保存。

在另一个实例中，显示界面可以通过智能识别技术，自动识别背景图片中的主题区域，具体可以包括：将所述背景图片输入已训练的深度学习模型，并基于深度学习模型的输出结果得到主题区域信息。

其中，该深度学习模型的输入为背景图片，输出为该背景图片中的主题区域相关的信息，具体可以是主题区域，包括主题区域信息的图片，或者，也可以是主题区域信息本身。该深度学习模型，可以使用大量的训练样本进行训练，该训练样本为大量包括了主题对象的背景图片，以及所有背景图片对应的主题区域相关的信息。训练的过程例如可以包括：通过该训练样本中的背景图片依次输入到该深度学习模型中，通过输出结果和该次输入的背景图片对应的主题区域相关信息的比较，调整深度学习模型的内部参数，直到所有的训练样本对该深度学习模型都完成训练，得到已训练的深度学习模型。

通过将当前的使用的背景图片，输入到上述已训练的深度学习模型，可以获得输出结果，为该背景图片中的主题区域相关的信息，根据该信息可以得到主题区域信息。一种情况下，当该输出结果为主题区域，或者，包括主题区域信息的图片时，可以通过对该主题区域或者该包括主题区域信息的图片进行相关处理，获得主题区域信息；或者，当该输出结果为主题区域信息本身时，则不需要经过其他处理，可以直接利用该深度学习模型获得主题区域信息。

在又一个实例中，当通过深度学习模型得到主题区域后，为了提高识别主题区域的准确性，以及提升用户体验，还可以包括：响应于用户对主题区域的修改操作，按照修改操作对所述主题区域信息进行修改。

该修改操作，例如可以是对已识别出的主题区域进行细节的修改，如用户需要去掉识别出的多于主题对象的区域，又如也可以是将该已识别出的主题区域和用户指定的其他主题区域进行合并，生成新的主题区域。

通过上述三种方式，可以确定出背景图片中的主题区域，为获取主题信息提供了前提条件。

关于前述步骤201中获取到的主题区域信息，可以以多种形式进行体现，下面对主题区域信息的类型，以及主题区域信息的存储方式进行详细说明。

作为一种示例，该主题区域信息可以是主题区域在背景图片中的位置信息集。一种情况下，该位置信息集具体可以是代表该主题区域在背景图片中的位置的坐标集合。例如，对于图3示出的背景图片，该“酒杯”在背景图片中所占据的区域即为主题区域。假设为背景图片建立平面坐标系，那么，该主题区域信息可以是：该酒杯所占的主题区域的轮廓线上，各个点的坐标值。另一种情况下，该位置信息也可以是该主题区域的中心点在背景图片中的坐标，那么，可以视该位置信息附近的区域为主题区域。

作为另一种示例，该主题区域信息也可以是背景图片位于主题区域内的图像的颜色值信息集，该颜色值信息集可以是各种格式的用于表示颜色值的信息集合。对于背景图片为几部分纯色背景组成的简单的图片，例如，“沙滩和海”的背景图片中，可以包括蓝色的“海”和“黄色”的“沙滩”。如果主题区域为“海”所在的区域，那么，该主题区域信息可以是：该背景图片上“海”的颜色对应的信息，如，海的蓝色对应的RGB值，或者有颜色变化的RGB值的区间/集合。

作为再一种示例，该主题区域信息也可以是用于标识位于该主题区域内的功能元素。功能元素，即为与前景图片中的功能相关的文字、按键等。例如，假设主题对象为图3所示的酒杯，那么，主题区域即为酒杯在该背景图片中所占据的区域，该主题区域内包括的功能元素有：字符按键“t”、“y”、“g”、“v”以及功能按键“空格(语音输入)”，那么，该主题区域信息为上述功能元素的集合，即，{t，y，g，v，空格(语音输入)}。

作为又一种示例，该主题区域信息还可以包括分别与背景图片中各像素点对应的位置信息，各像素点对应的位置信息分别用于标识各像素点在该背景图片中是否位于主题区域内。该示例中，以像素点为最小单元，给每个像素点对应添加位置信息，该位置信息用于表示其对应的像素点是否为主题区域内的像素点。例如，假设某背景图片中包括100个像素点，则，该背景图片的主题区域信息可以是100个像素点在背景图片中的位置信息。即，为各个像素点添加位置信息，具体可以是0或者1。如果位置信息＝1，表示该像素点属于主题区域，即，主题区域内包括该像素点；否则，如果位置信息＝0，表示该像素点不属于主题区域，即，主题区域内不包括该像素点。

可以理解的是，在该示例中，一种情况下，主题区域信息可以保存在背景图片的alpha通道中。

其中，alpha通道是在像素点的信息中，用于表示像素点透明度的信息通道。对于支持alpha通道格式的图片，其像素点的信息中，至少包括4个字节，分别用于存储该像素点的R、G、B信息以及透明度信息。但是，对于背景图片而言，并不存在透明度的问题，因此，可以采用表示透明度信息的alpha通道，存储用于表示该像素点是否位于主题区域内的位置信息。

此时，如果按照支持alpha通道的图片的解析方式，对该背景图片进行解析，具体可以是：如果alpha通道的取值为0，表示该像素点的不透明度为0，即，该像素点完全透明，是不可见的像素点；反之，如果alpha通道的取值为1，表示该像素点的不透明度为100％，即，该像素点不透明，是可见的主题区域的像素点。那么，获得该背景图片的主题区域，而其他区域为完全透明的不可见区域。

可以理解的是，如果按照非常规的方式，即，不支持alpha通道的图片的解析方式，对该背景图片进行解析，由于不支持alpha通道，故，将忽略alpha通道中存储的信息，获得的解析结果即为该背景图片本身。因此，该存储主题区域信息的方式，并不会影像背景图片的保存和显示。

该示例的另一种情况下，主题区域信息还可以保存在与背景图片对应的遮罩图片中。

遮罩图片表示，以图片的形式，存储的背景图片中每个像素点的透明度的信息。遮罩图片，具体可以是一张和背景图片尺寸相同的灰度图片，该灰度图片中的像素点和背景图片中的像素点一一对应；遮罩图片中的白色像素点，表示背景图片对应位置的像素点位于主题区域内；黑色像素点，表示该背景图片对应位置的像素点位于主题区域外。需要说明的是，遮罩图片中还可以存在灰色的像素点，可以对灰色像素点设置0～100％之间任意数值的透明度，用于表示背景图片对应位置的像素点的透明显示情况。例如，假设图3为背景图片，那么，其遮罩图片如图10所示，可见，酒杯内部带透明效果的区域以及酒杯边缘为灰色，这些区域会用带透明度的方式显示；而酒杯背身下部，以及把手部分为白色，即为主题区域。

具体实现时，可以通过直接提取遮罩图片中的白色像素点和/或灰色像素点，来确定该背景图片的主题区域。

需要说明的是，考虑存储的方便，遮罩图片也可以被缩放、拉伸、压缩等处理方式后，作为主题区域信息进行存储。在实际使用时，可以先将遮罩图片还原到和背景图片相同的尺寸，再提取主题区域；或者，可以通过数学上的映射关系，建立变换后的遮罩图片和背景图片之间的联系，从而提取主题区域。

该示例的再一种情况下，主题区域信息保存在与背景图片对应的主题图片中；主题图片在主题区域内的图像为背景图片在主题区域内的图像，而主题图片在主题区域外的图像为全透明图像。

需要说明的是，考虑存储的方便，主题图片也可以被缩放、拉伸、压缩等处理方式后，作为主题区域信息进行存储。在实际使用时，可以先将主题图片还原到和背景图片相同的尺寸，再提取主题区域；或者，可以通过数学上的映射关系，建立变换后的主题图片和背景图片之间的联系，从而提取主题区域。

对于主题图片，可以参见上述图4所示的实现方式中对主题图片的描述，这里不再赘述。

在具体实现时，可以通过解析主题图片，排除该主题图片中全透明图像所在的区域，即可获得带有主题区域的主题区域信息。

上述实现方式，均是以背景为静态的单张图片为例进行说明的。除此之外，本发明实施例提供的界面显示的方法，也可以适用于背景为视频片段的情况。

当显示界面的背景为背景视频片段时，同样可以将背景视频片段中的每一帧图像作为背景图片，执行本发明提供的界面显示的方法，具体可以包括：获取背景视频片段中的每一帧图像的主题区域信息；根据主题区域信息，将合并绘制功能元素与该主题区域信息对应的背景视频片段中的一帧图像，得到绘制界面并显示。

其中，一种可能的情况下，背景视频片段中的不同帧图片具有相同的主题区域，此时，为了减少输入法系统的运算量，简化绘制输入法界面的操作，可以对该背景视频片段统一指定相同的主题区域，然后进行图2示出的方法，实现突出显示主题区域的效果，提升用户的视觉体验。

另一种可能的情况下，背景视频片段中的不同帧图片具有不同的主题区域，此时，为了丰富该输入法界面的展现力，实现背景视频片段中各帧图像中不同主题区域进行灵活的突出显示，用户可以对该背景视频片段中的每一帧图像分别指定不同的主题区域，然后针对每帧图像执行图2示出的方法，实现突出显示主题区域的效果，提升用户的视觉体验。

可以理解的是，本实施例中的视频片段可以是普通意义上的视频片段，也可以是GIF动画等，具体的实现方式一致，即，均可以采用上述描述实现。

此外，背景图片也可以是在基础图片上叠加对象图片得到的“自定义”的背景图片。其中，基础图片可以是已有的背景图片，也可以是自行选择的任意图片。当用户需要在已有的基础图片上加入包括自己喜欢对象的对象图片时，用户可以在基础图片上叠加一张或者多张对象图片，该对象图片在生成的背景图片中的位置，即为该背景图片的主题区域。

具体实现时，作为一种示例，如果对象图片中可以完全是主题对象，即，该对象图片所占用的区域完全是主题区域。那么，可以将背景图片中的对象图片作为主题区域，然后，直接执行图2示出的方法。作为另一种示例，如果对象图片中不完全是主题对象，即，该对象图片中既包括主题区域，又包括非主题区域。那么，需要先将基础图片和对象图片合并到背景图片中，然后将对象图片的主题区域合并到完整的主题区域中，执行图2示出的方法；或者，也可以直接将对象图片进行合并，获得所有对象图片中的主题区域，再执行图2示出的方法，实现突出显示主题区域的效果，提升用户的视觉体验。

本发明提供的界面显示的方法，实现了在显示界面上突出显示背景图片中的主题区域的效果，但是，如果一直按照本发明提供的方法显示界面的话，当用户在使用被主题区域所弱化的功能元素时，由于看不到，或者看不清楚功能元素而导致输入障碍，影响一部分对界面上功能元素对应按键的键位不熟悉的用户的正常使用。为了消除这个问题，可以只在有必要进行主题区域突出显示的场景下使用本发明提供的方法。即，可以为触发本发明提供方法的实施提供一定的触发条件。

例如，当用户首次启用输入法(即，输入法界面首次弹出)时，输入法系统默认用户是希望进行使用该输入法进行输入的；或者，在输入过程中，用户确认选择候选字词之前，或者，在预置时间内，用户使用输入法进行输入等情况下，输入法系统也认为用户是希望进行使用该输入法进行输入的。此时，该输入法界面中可以不对背景图片的主题区域进行突出显示，或者在突出显示时，设置呈现主题区域的部分的透明度，以去除或者减轻对用户输入操作的干扰，提升用户体验。

具体实现时，当在预置时间(如，10s)内，用户未进行操作时，将视该用户为暂停使用状态，此时，响应于在预置时间内用户未执行操作，触发执行所述界面显示的方法，即，根据获取到的主题区域信息，将合并绘制功能元素与背景图片，得到绘制界面并显示。

可以理解的是，当显示界面在未对主题区域突出显示的状态和主题区域突出显示的状态之间进行切换显示时，可以采取一定的过渡的显示效果，例如，设置主题区域对应的部分的透明度信息，实现主体区域的突出显示与不显示之间的渐变。

此外，考虑到可能对用户的操作状态产生误判，也可以进行分阶段的显示主题的切换。

作为一种具体的实现方式，该切换显示的方法可以包括：响应于在第一预置时间内用户未执行操作，根据所述主题区域信息，将合并绘制功能元素与所述背景图片，得到第一绘制界面并显示；响应于在第二预置时间内用户未执行操作，根据所述主题区域信息，将合并绘制功能元素与所述背景图片，得到第二绘制界面并显示；其中，所述第一预置时间小于所述第二预置时间；在所述第一绘制界面中，所述背景图片和所述功能元素在所述第一显示区域中均按照预置透明度进行呈现；在所述第二绘制界面中，所述功能元素在所述第一显示区域中不呈现。

举例来说，假设第一预置时间为6s，第二预置时间为10s，且此时输入法界面为输入状态，从用户没有进行输入开始计时，当用户在6s内都没有使用输入法进行输入时，输入法界面将进行第一次刷新显示，从输入状态切换至第一绘制界面。该第一绘制界面中，背景图片和功能元素在第一显示区域(即，主题区域)中均呈现预置的透明度，即，用户既可以看到前景图片中的功能元素，也可以看到主题区域。可以理解的是，也可以通过对第二显示区域对应的背景图片和功能元素的透明度进行设置，使背景图片和功能元素在第二显示区域(即，非主题区域)中呈现预置的透明度；当然，也可以通过预设相同的透明度，使主题区域和非主题区域的显示效果一致，均为相同的预置透明度下对应的显示效果。

接着，当用户在10s内(即，进入第一绘制界面后的4s内)都没有使用输入法进行输入时，输入法界面将进行第二次刷新显示，从第一绘制界面切换到第二绘制界面。该第二绘制界面中，在主题区域对应的部分，仅仅呈现主题，而该部分对应的功能元素对于用户而言，属于完全不可见状态。

可见，本发明提供的分阶段的显示主题的切换方法，实现在较短的等待时间即可部分进入主题显示状态，同时减轻输入状态误判给用户带来的困扰。

可以理解的是，除了通过上述的预置时间内识别用户是否未执行任何操作，判断用户当前为暂停使用状态，实现从使用状态到主题显示状态的自动切换。显示界面所在系统还可以通过预先在显示界面上设置一个按键，或者，设置一个手势操作(如：上滑，双击等)，使得用户可以通过手动操作该按键或手动执行该手势操作将绘制界面从未对主题区域突出显示的状态切换到主题区域突出显示的状态。

通过本发明实施例通过的界面显示的方法，可以通过获取代表背景图片中主题区域的信息——主题区域信息，并且，合并绘制功能元素与该背景图片，绘制出可以突出显示背景图片中主题的显示界面，显示给用户。这样，解决了界面显示时功能元素对背景图片中主题部分遮挡的问题，用户在使用输入法时能够完整的看到背景图片中的主题部分，从而使用户对界面中的背景有了更好的视觉体验。

示例性设备

参见图11，示出了本发明实施例中的一种界面显示的装置。在本实施例中，该装置包括：

获取单元1101，用于获取背景图片的主题区域信息；其中，所述主题区域信息用于标识所述背景图片的主题区域；

绘制显示单元1102，用于根据所述主题区域信息，将合并绘制功能元素与所述背景图片，得到绘制界面并显示；

可选地，所述绘制显示单元1102，包括：

可选地，所述背景图片为背景视频片段中的一帧图像；所述背景视频片段中的不同帧图片具有相同的主题区域，或，所述背景视频片段中的不同帧图片具有不同的主题区域。

可选地，所述装置还包括：

可选地，所述装置还包括：深度学习单元，用于将所述背景图片输入已训练的深度学习模型，并基于所述深度学习模型的输出结果得到所述主题区域信息。

可选地，所述装置还包括：修改单元，用于响应于用户对主题区域的修改操作，按照所述修改操作对所述主题区域信息进行修改。

可选地，所述绘制显示单元1102，具体用于：响应于在预置时间内用户未执行操作，根据所述主题区域信息，将合并绘制所述功能元素与所述背景图片，得到绘制界面并显示。

可选地，所述绘制显示单元1102，包括：

本实施例是上述界面显示的方法实施例对应的装置实施例，具体实现方式以及达到的技术效果，可以参考上述界面显示的方法实施例的描述，这里不再赘述。

参照图12，装置1200可以包括以下一个或多个组件：处理组件1202，存储器1204，电源组件1206，多媒体组件1208，音频组件1210，输入/输出(I/O)的接口1212，传感器组件1214，以及通信组件1216。

处理组件1202通常控制装置1200的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件1202可以包括一个或多个处理器1220来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件1202可以包括一个或多个模块，便于处理组件1202和其他组件之间的交互。例如，处理组件1202可以包括多媒体模块，以方便多媒体组件1208和处理组件1202之间的交互。

存储器1204被配置为存储各种类型的数据以支持在装置1200的操作。这些数据的示例包括用于在装置1200上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器1204可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件1206为装置1200的各种组件提供电力。电源组件1206可以包括电源管理系统，一个或多个电源，及其他与为装置1200生成、管理和分配电力相关联的组件。

多媒体组件1208包括在所述装置1200和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LAD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件1208包括一个前置摄像头和/或后置摄像头。当装置1200处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件1210被配置为输出和/或输入音频信号。例如，音频组件1210包括一个麦克风(MIA)，当装置1200处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器1204或经由通信组件1216发送。在一些实施例中，音频组件1210还包括一个扬声器，用于输出音频信号。

I/O接口1212为处理组件1202和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件1214包括一个或多个传感器，用于为装置1200提供各个方面的状态评估。例如传感器组件1214可以检测到装置1200的打开/关闭状态，组件的相对定位，例如所述组件为装置1200的显示器和小键盘，传感器组件1214还可以检测装置1200或装置1200一个组件的位置改变，用户与装置1200接触的存在或不存在，装置1200方位或加速/减速和装置1200的温度变化。传感器组件1214可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件1214还可以包括光传感器，如AMOS或AAD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件1214还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件1216被配置为便于装置1200和其他设备之间有线或无线方式的通信。装置1200可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件1216经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件1216还包括近场通信(NFA)模块，以促进短程通信。例如，在NFA模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置1200可以被一个或多个应用专用集成电路(ASIA)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

具体地，本发明实施例提供了一种在视频中查询对象的设备，该设备可以具体为装置1200，包括有存储器1204，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器1204中，且经配置以由一个或者一个以上处理器1220执行所述一个或者一个以上程序包含用于进行以下操作的指令：

根据所述主题区域信息，按照已设置的透明度对由所述功能元素组成的图像中位于所述主题区域的部分图像进行透明化处理；以透明处理得到的图像作为上层图像，以所述背景图片作为下层图像，通过叠加所述上层图像和所述下层图像，得到绘制界面并显示。

可选地，所述处理器1220还用于执行所述一个或者一个以上程序包含用于进行以下操作的指令：

响应于用户对主题区域的设置操作，在所述背景图片中将所述设置操作所指示的区域确定为所述主题区域；基于所述主题区域，生成所述主题区域信息并与所述背景图片对应保存。

可选地，所述处理器1220还用于执行所述一个或者一个以上程序包含用于进行以下操作的指令：将所述背景图片输入已训练的深度学习模型，并基于所述深度学习模型的输出结果得到所述主题区域信息。

可选地，所述根据所述主题区域信息，将和并绘制功能元素与所述背景图片，得到绘制界面并显示，具体为：响应于在预置时间内用户未执行操作，根据所述主题区域信息，将和并绘制功能元素与所述背景图片，得到绘制界面并显示。

本发明实施例还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器1204，上述指令可由装置1200的处理器1220执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、AD-ROM、磁带、软盘和光数据存储设备等。

一种非临时性计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行一种显示输入法界面的方法，所述方法包括：

可选地，所述方法还包括：响应于用户对主题区域的设置操作，在所述背景图片中将所述设置操作所指示的区域确定为所述主题区域；基于所述主题区域，生成所述主题区域信息并与所述背景图片对应保存。

可选地，所述方法还包括：将所述背景图片输入已训练的深度学习模型，并基于所述深度学习模型的输出结果得到所述主题区域信息。

可选地，所述方法还包括：响应于用户对主题区域的修改操作，按照所述修改操作对所述主题区域信息进行修改。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本发明的其它实施方案。本发明旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由下面的权利要求指出。

应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims

1.一种界面显示的方法，其特征在于，包括：

在所述绘制界面中，第一显示区域呈现出所述背景图片占据所述第一显示区域的部分图像，所述第一显示区域呈现的是所述背景图片的主题区域的图像，第二显示区域不呈现所述背景图片占据所述第二显示区域的部分图像；其中，所述第一显示区域为所述功能元素在所述主题区域之内占据的显示区域，所述第二显示区域为所述功能元素在所述主题区域之外占据的显示区域。

2.根据权利要求1所述的方法，其特征在于，所述根据所述主题区域信息，将合并绘制功能元素与所述背景图片，得到绘制界面并显示，包括：

3.根据权利要求1所述的方法，其特征在于，所述根据所述主题区域信息，将合并绘制功能元素与所述背景图片，得到绘制界面并显示，包括：

4.根据权利要求1所述的方法，其特征在于，所述主题区域信息具体包括分别与所述背景图片中各像素点对应的位置信息，各像素点对应的位置信息分别用于标识所述各像素点在所述背景图片中是否位于所述主题区域内。

5.根据权利要求4所述的方法，其特征在于，所述主题区域信息保存在所述背景图片的alpha通道中。

6.根据权利要求4所述的方法，其特征在于，所述主题区域信息保存在与所述背景图片对应的遮罩图片中。

7.根据权利要求4所述的方法，其特征在于，所述主题区域信息保存在与所述背景图片对应的主题图片中；所述主题图片在所述主题区域内的图像为所述背景图片在所述主题区域内的图像，所述主题图片在所述主题区域外的图像为全透明图像。

8.一种界面显示的装置，其特征在于，包括：

9.一种界面显示的设备，其特征在于，包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序，所述一个或者一个以上程序用于执行如权利要求1至7中任意一项所述的方法。

10.一种非临时性计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如权利要求1至7中任意一项所述的方法。