CN107391113A

CN107391113A - 电子终端的显示处理方法与电子终端

Info

Publication number: CN107391113A
Application number: CN201710493132.6A
Authority: CN
Inventors: 谢伟蔚
Original assignee: Shenzhen Transsion Communication Co Ltd
Current assignee: Shenzhen Transsion Communication Co Ltd
Priority date: 2017-06-26
Filing date: 2017-06-26
Publication date: 2017-11-24
Anticipated expiration: 2037-06-26
Also published as: CN107391113B

Abstract

本发明提供了一种电子终端的显示处理方法与电子终端，所述方法，包括：以第一图片作为程序界面的背景；根据第一显示栏在所述程序界面的位置与尺寸，对所述第一图片进行裁剪，得到第二图片；其中，所述第一显示栏的图层设于所述程序界面的图层的上层；以所述第二图片作为所述第一显示栏的背景。本发明使得：第一显示栏的背景与程序界面的背景可以为连续的，有效提高了用户的视觉体验。

Description

电子终端的显示处理方法与电子终端

技术领域

本发明涉及电子终端，尤其涉及一种电子终端的显示处理方法与电子终端。

背景技术

随着电子终端功能的多样化，电子终端的应用程序的运行过程中，在程序界面之上，运行有各种显示栏，显示栏可以具有显示件，也可以具有控件。

现有的相关技术中，电子终端可以以沉浸式的显示方式对程序界面与其上的显示栏进行显示，现有的沉浸式显示方式中，可以目标图片分别作为程序界面的背景和显示栏的背景。

但是采用现有技术时，由于显示栏部分或全部设于程序界面之上，程序界面的背景与显示栏的背景之间不连续，造成用户的视觉体验不佳。

发明内容

本发明提供一种电子终端的显示处理方法与电子终端，以解决视觉体验不佳的问题。

本发明的第一方面，提供了一种电子终端的显示处理方法，包括：

以第一图片作为程序界面的背景；

根据第一显示栏在所述程序界面的位置与尺寸，对所述第一图片进行裁剪，得到第二图片；其中，所述第一显示栏的图层设于所述程序界面的图层的上层；

以所述第二图片作为所述第一显示栏的背景。

可选的，所述以第一图片作为程序界面的背景之前，包括：

获取原始图片；

根据电子终端的屏幕的尺寸对原始图片进行缩放，得到所述第一图片。

可选的，所述获取原始图片之后，还包括：对所述原始图片进行模糊处理和/或暗淡处理。

可选的，所述以第一图片作为程序界面的背景之前，还包括：对所述第一图片进行暗淡处理和/或暗淡处理。

可选的，所述第一图片为根据原始图片得到的，所述原始图片为程序运行当前所显示的图片。

可选的，所述的方法，还包括：将第二显示栏的背景透明化，所述第二显示栏的图层设于所述第一显示栏的图层的上层。

可选的，所述第二显示栏部分或全部重叠于所述第一显示栏上。

本发明的第二方面，提供了一种电子终端，包括：

第一背景模块，用于以第一图片作为程序界面的背景；

裁剪模块，用于根据第一显示栏在所述程序界面的位置与尺寸，对所述第一图片进行裁剪，得到第二图片；其中，所述第一显示栏的图层设于所述程序界面的图层的上层；

第二背景模块，用于以所述第二图片作为所述第一显示栏的背景。

可选的，所述的电子终端，还包括：

获取模块，用于获取原始图片；

缩放模块，用于根据电子终端的屏幕的尺寸对原始图片进行缩放，得到所述第一图片。

可选的，所述的电子终端，还包括：

第一处理模块，对所述原始图片进行模糊处理和/或暗淡处理。

可选的，所述的电子终端，还包括：

第二处理模块，对所述第一图片进行暗淡处理和/或暗淡处理。

可选的，所述的电子终端，还包括：

透明单元，用于将第二显示栏的背景透明化，所述第二显示栏的图层设于所述第一显示栏的图层的上层。

本发明提供的电子终端的显示处理方法与电子终端，通过根据第一显示栏在所述程序界面的位置与尺寸，对所述第一图片进行裁剪，得到第二图片；以及：以所述第二图片作为所述第一显示栏的背景，使得第一显示栏的背景与程序界面的背景可以为连续的，有效提高了用户的视觉体验。

附图说明

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

图1是本发明一电子终端的显示处理方法的流程示意图一；

图2是本发明一电子终端的显示处理方法的流程示意图二；

图3是本发明一电子终端中程序界面、第一显示栏和第二显示栏的显示示意图一；

图4是本发明一电子终端中程序界面、第一显示栏和第二显示栏的显示示意图二；

图5是本发明一电子终端的结构示意图一；

图6是本发明一电子终端的结构示意图二；

图7是本发明一电子终端的结构示意图三。

具体实施方式

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

本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例例如能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

下面以具体地实施例对本发明的技术方案进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例不再赘述。

实施例1

图1是本发明一电子终端的显示处理方法的流程示意图一；请参考图1，所述方法，包括：

S11：以第一图片作为程序界面的背景。

程序界面，可以理解为任意可以具有背景的程序的显示界面或交互界面。程序界面可以通过电子终端的显示屏显示给用户。

S12：根据第一显示栏在所述程序界面的位置与尺寸，对所述第一图片进行裁剪，得到第二图片；其中，所述第一显示栏的图层设于所述程序界面的图层的上层。

第一显示栏，可以理解为任意可以具有背景的显示对象。

第一显示栏的图层设于程序界面的图层的上层，可以理解为当发生重叠时，第一显示栏可以始终叠于程序界面之上，这种层叠关系，一般不因第一显示栏的形状、内容、数量、位置发生变化而变化。

根据位置与尺寸裁剪得到第二图片，可以理解为：随着第一显示栏的位置与尺寸发生变化，所裁剪得到的第二图片也相应的发生变化，同时，第一图片本身的变化，也可以相应地引起第二图片的变化，可见，以上实施方式可以使得：第二图片随着程序界面的背景的变化、第一显示栏尺寸的变化，以及第一显示栏与程序界面间关系的变化而发生实时变化，从而可以保障第一显示栏的背景与程序界面的背景的实时拼接，从而有效提高用户的视觉体验。

S13：以所述第二图片作为所述第一显示栏的背景。

此外，步骤S12在步骤S13之前实施，步骤S11与以上两步骤之间可以并无明确的先后顺序。

本实施例提供的电子终端的显示处理方法，通过根据第一显示栏在所述程序界面的位置与尺寸，对所述第一图片进行裁剪，得到第二图片；以及：以所述第二图片作为所述第一显示栏的背景，本发明使得：第一显示栏的背景与程序界面的背景可以为连续的，有效提高了用户的视觉体验。

实施例2

图2是本发明一电子终端的显示处理方法的流程示意图二，图3是本发明一电子终端中程序界面、第一显示栏和第二显示栏的显示示意图一；图4是本发明一电子终端中程序界面、第一显示栏和第二显示栏的显示示意图二。

请参考图2，并结合图3和图4，所述方法，包括：

S21：将第二显示栏2的背景透明化，其中，所述第二显示栏2的图层设于所述第一显示栏1的图层的上层。

第二显示栏2，可以理解为任意可以具有背景的显示对象，与第一显示栏1的区别可以包括：当第一显示栏1与第二显示栏2具有重叠时，第二显示栏2叠于第一显示栏1上显示。同时，第二显示栏2叠于程序界面3上显示。

其中，第二显示栏2中的显示对象可以包括仅具有显示功能的显示件，比如用于显示程序相关状态量的显示件；也可以同时包括具有显示功能和控制功能的控制件。请参考图3和图4，第二显示栏2的数量、形状以及位置，均可以为多样的。

其中一种实施方式中，第二显示栏2可以为状态栏，第一显示栏1可以为工具栏。

对状态栏为例的第二显示栏2，通过背景透明化的处理，可以避免第二显示栏2中的显示内容对其下第一显示栏1和程序界面1的影响，提高用户的使用体验。

此外，步骤S21可以在所述方法的任意时机实施，可以理解为，其与其他流程可以并行实施，而不限于任何一个步骤之前或之后。同时，即使不实施步骤S21，也不脱离本发明的内容与精神。

S22：获取原始图片。

原始图片，可以理解为可供获得的任意图片。

其中一种实施方式中，所述原始图片为程序运行当前所显示的图片，根据程序不同，对应所显示的图片以及获取图片的方式可以是多样的。其中具体的实施方式中，若程序为视频播放软件，则原始图片可以为所播放视频当下的图片；若程序为图片处理软件，则原始图片可以为当前所处理的图片的原图。其他可选实施方式中，原始图片也可以为预选的图片，也可以为随机选择确定的图片。

S23：根据电子终端的屏幕的尺寸对原始图片进行缩放，得到所述第一图片。

该实施方式下，可以将原始图片缩放调整为与屏幕尺寸匹配的第一图片。由于原始图片的尺寸或比例可能小于屏幕尺寸，例如对于视频播放软件，其显示图片的比例根据片源的不同会有16:9，或4:3的区别，其尺寸也未占据整个屏幕，相对的，程序界面3通常为填满屏幕的，所以，通过缩放调整，可以使得第一图片满足程序界面3背景的显示需求。

S24：对所述第一图片进行模糊处理。

S25：对所述第一图片进行暗淡处理。

其中，模糊处理，可以理解为实现图片模糊化的任意手段，举例中，可以采用高斯模糊处理；暗淡处理，可以理解为，使得图片变暗淡的任意手段，比如，可以降低图片的亮度。以上实施方式同时具备了模糊处理和暗淡处理，在其他实施方式中，也可以仅具备模糊处理或暗淡处理中的一种。

在其他可选实施方式中，也可以在步骤S23之前对原始图片进行模糊处理或暗淡处理，或者同时进行模糊处理和暗淡处理，进而对处理后的原始图片进行缩放。相较而言，对第一图片进行处理的方案可以使得图片的处理与实际第一图片的尺寸和比例更匹配，从而提高模糊和暗淡处理后的图片的视觉效果。

其中可选的实施方式中，还可不对原始图片和第一图片进行模糊处理和暗淡处理。

S26：以第一图片作为程序界面3的背景。

程序界面3，可以理解为任意可以具有背景的程序的显示界面或交互界面。其中具体的实施方式中，若程序为视频播放软件，则程序界面可以为视频的播放界面3，对应的背景可以指播放窗口后的背景部分；若程序为社交软件，则程序界面3可以为聊天界面，对应的背景可以指聊天窗口聊天记录文字后的背景部分。

S27：根据第一显示栏1在所述程序界面3的位置与尺寸，对所述第一图片进行裁剪，得到第二图片。

第一显示栏1，可以理解为任意可以具有背景的显示对象。其中一种实施方式中，第一显示栏1可以为工具栏。第一显示栏1的图层设于程序界面3的图层的上层，可以理解为当发生重叠时，第一显示栏1可以始终叠于程序界面3之上，这种层叠关系，一般不因第一显示栏1的形状、内容、数量、位置发生变化而变化。

第一显示栏1与第二显示栏2的区别可以包括：当第一显示栏1与第二显示栏2具有重叠时，第二显示栏2叠于第一显示栏1上显示。同时，第二显示栏2叠于程序界面3上显示。其中一种实施方式中，所述第二显示栏2部分或全部重叠于所述第一显示栏1上。

其中，第一显示栏1中的显示对象可以包括仅具有显示功能的显示件，比如用于显示程序相关状态量的显示件；也可以同时包括具有显示功能和控制功能的控制件。请参考图3和图4，第一显示栏1的数量、形状以及位置，均可以为多样的。

其中一种实施方式中，以工具栏为例的第一显示栏1与以状态栏第二显示栏2的区别还可以包括：第一显示栏1为同时具有显示功能和控制功能的控制件，第二显示栏2为具有显示功能的显示件。具体地，可以通过显示件显示程序或电子终端相关的状态。

根据位置与尺寸裁剪得到第二图片，可以理解为：随着第一显示栏1的位置与尺寸发生变化，所裁剪得到的第二图片也相应的发生变化，同时，第一图片本身的变化，也可以相应地引起第二图片的变化，可见，以上实施方式可以使得：第二图片随着程序界面3的背景的变化、第一显示栏1尺寸的变化，以及第一显示栏1与程序界面3间关系的变化而发生实时变化，从而可以保障第一显示栏1的背景与程序界面3的背景的实时拼接，从而有效提高用户的视觉体验。

其中一种实施方式中，可以通过对第一显示栏1的拖曳变换位置，也可以通过第一显示栏1边缘的拖曳变化尺寸，进而，获得变换后的位置数据，以及变化后的尺寸数据后，可以根据当下的数据裁剪第一图片，其中一种具体实施方式中，所裁剪到的第二图片，可以理解为：第一显示栏1所覆盖的第一图片的区域的内容，以满足实时拼接的需求。

其中，步骤S26可以独立于步骤S27和步骤S28并行实施，也可以在步骤S27之前或步骤S28之后。

本实施例提供的电子终端的显示处理方法，通过根据第一显示栏在所述程序界面的位置与尺寸，对所述第一图片进行裁剪，得到第二图片；以及：以所述第二图片作为所述第一显示栏的背景，使得第一显示栏的背景与程序界面的背景可以为连续的，有效提高了用户的视觉体验。

实施例3

图5是本发明一电子终端的结构示意图一；请参考图5，所述电子终端，包括：

第一背景模块101，用于以第一图片作为程序界面的背景；

裁剪模块102，用于根据第一显示栏在所述程序界面的位置与尺寸，对所述第一图片进行裁剪，得到第二图片；其中，所述第一显示栏的图层设于所述程序界面的图层的上层；

第二背景模块103，用于以所述第二图片作为所述第一显示栏的背景。

本实施例提供的电子终端，通过根据第一显示栏在所述程序界面的位置与尺寸，对所述第一图片进行裁剪，得到第二图片；以及：以所述第二图片作为所述第一显示栏的背景，本发明使得：第一显示栏的背景与程序界面的背景可以为连续的，有效提高了用户的视觉体验。

此外，本实施例所示的电子终端，对应地可用于实施图1所示方法实施例的技术方案，其实现原理、技术效果以及术语的含义类似，此处不再赘述。

实施例4

图6是本发明一电子终端的结构示意图二，图7是本发明一电子终端的结构示意图三；请参考图6和图7，所述电子终端，包括：

第一背景模块204，用于以第一图片作为程序界面的背景；

裁剪模块205，用于根据第一显示栏在所述程序界面的位置与尺寸，对所述第一图片进行裁剪，得到第二图片；其中，所述第一显示栏的图层设于所述程序界面的图层的上层；

第二背景模块206，用于以所述第二图片作为所述第一显示栏的背景。

可选的，所述的电子终端，还包括：

获取模块202，用于获取原始图片；

缩放模块203，用于根据电子终端的屏幕的尺寸对原始图片进行缩放，得到所述第一图片。

可选的，请参考图6，所述的电子终端，还包括：

第一处理模块207，对所述原始图片进行模糊处理和/或暗淡处理。

可选的，请参考图7，所述的电子终端，还包括：

第二处理模块208，对所述第一图片进行暗淡处理和/或暗淡处理。

可选的，所述的电子终端，还包括：

透明单元201，用于将第二显示栏的背景透明化，所述第二显示栏的图层设于所述第一显示栏的图层的上层。

此外，本实施例所示的电子终端，对应地可用于实施图2所示方法实施例的技术方案，其实现原理、技术效果以及术语的含义类似，此处不再赘述。

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

最后应说明的是：以上各实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述各实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的范围。

Claims

1.一种电子终端的显示处理方法，其特征在于，包括：

以第一图片作为程序界面的背景；

以所述第二图片作为所述第一显示栏的背景。

2.根据权利要求1所述的方法，其特征在于，所述以第一图片作为程序界面的背景之前，包括：

获取原始图片；

3.根据权利要求2所述的方法，其特征在于，所述获取原始图片之后，还包括：对所述原始图片进行模糊处理和/或暗淡处理。

4.根据权利要求1至3任一项所述的方法，其特征在于，所述以第一图片作为程序界面的背景之前，还包括：对所述第一图片进行模糊处理和/或暗淡处理。

5.根据权利要求1至3任一项所述的方法，其特征在于，所述第一图片为根据原始图片得到的，所述原始图片为程序运行当前所显示的图片。

6.根据权利要求1至3任一项所述的方法，其特征在于，还包括：将第二显示栏的背景透明化，所述第二显示栏的图层设于所述第一显示栏的图层的上层。

7.根据权利要求6所述的方法，其特征在于，所述第二显示栏部分或全部重叠于所述第一显示栏上。

8.一种电子终端，其特征在于，包括：

第一背景模块，用于以第一图片作为程序界面的背景；

9.根据权利要求8所述的电子终端，其特征在于，还包括：

获取模块，用于获取原始图片；

10.根据权利要求8或9所述的电子终端，其特征在于，还包括：

透明模块，用于将第二显示栏的背景透明化，所述第二显示栏的图层设于所述第一显示栏的图层的上层。