一种图像画面自适应裁剪的方法及电子设备技术

本申请涉及一种图像画面自适应裁剪的方法及电子设备。电子设备包括：处理器，存储器，显示屏，存储在存储器上的程序，当被处理器执行时，电子设备执行：获取包括第一区域和第二区域的图像画面；第一区域衬托第二区域的显示；获取图像画面在第一方向、第二方向上的第一尺寸、第二尺寸，第二区域在第一方向、第二方向上的第三尺寸、第四尺寸，显示屏在第一方向、第二方向上的第五尺寸、第六尺寸；根据第三尺寸与第二尺寸的第一比值，第一尺寸与第四尺寸的第二比值，第五尺寸与第六尺寸的第三比值，对图像画面的第一区域进行裁剪；根据第五尺寸和第六尺寸，拉伸裁剪后的图像画面，并显示。电子设备能自适应地适配，兼具图像画面显示的完整性和最大化。整性和最大化。整性和最大化。

【技术实现步骤摘要】
一种图像画面自适应裁剪的方法及电子设备


[0001]本申请涉及图像处理领域，尤其涉及一种图像画面自适应裁剪的方法及电子设备。

技术介绍

[0002]电子设备的显示屏的尺寸种类繁多。为了使得用户在显示屏上看到不变形的图像画面，需要根据电子设备的显示屏的尺寸对图像画面进行填充(比如，纯色填充；一般为黑色)，电子设备显示填充后的图像画面，这样用户就可以看到不变形的图像画面。需要说明的是，不变形不是指图像画面不能按比例放大、缩小，而是指图像画面不扭曲(以显示屏为矩形为例，图像画面之前的长宽比为16:9，扭曲后长宽比为16:12)。另外，为了使得用户在显示屏上看到的图像画面尽可能大，需要对经过填充的图像画面进行裁剪后按比例放大，以尽可能实现图像画面显示的最大化；不过，直接按照显示屏的尺寸进行裁剪，可能会裁剪掉图像画面的部分数据，无法保证显示的完整性；或者，可能保留较多的填充区域，无法保证图像画面显示的最大化；以上均导致用户体验较差。因此，为了保证用户观看体验，对于任意电子设备，不论电子设备的显示屏的尺寸为何种尺寸，如何自动地避免电子设备的图像画面变形，同时兼顾图像画面显示的最大化、完整性，成为我们的需求。

技术实现思路

[0003]为了解决上述技术问题，本申请提出了一种图像画面自适应裁剪的方法、电子设备及计算机可读存储介质；无论电子设备的显示屏的尺寸为何种尺寸，都能够使得图像画面自动地适配电子设备的显示屏，并且图像画面保持显示的完整性和最大化，另外在图像画面发生变化时，也能够自动地调整适应，即自适应地适配。r/>[0004]第一方面，提供一种电子设备。该电子设备包括：处理器；存储器；显示屏；以及计算机程序，其中计算机程序存储在存储器上，当计算机程序被处理器执行时，使得电子设备执行：获取到一个图像画面，图像画面包括第一区域和第二区域；第一区域用于显示；第二区域用于衬托第一区域的显示；获取到图像画面在第一方向上的第一尺寸，图像画面在第二方向上的第二尺寸，第二区域在第一方向上的第三尺寸，第二区域在第二方向上的第四尺寸，显示屏在第一方向上的第五尺寸，显示屏在第二方向上的第六尺寸；根据第三尺寸与第二尺寸的第一比值，第一尺寸与第四尺寸的第二比值，以及第五尺寸与第六尺寸的第三比值，对图像画面的第一区域进行裁剪；根据第五尺寸和第六尺寸，拉伸裁剪后的图像画面，显示拉伸后的图像界面。示例性的，第二区域用于显示图像画面，第一区域用于填充色彩。可选地，第一区域用于填充单一颜色，比如黑色等。可选地，第一区域为填充区域，第二区域为有效区域；填充区域在有效区域周围，或者填充区域包围有效区域，包围可以是半包围或者全包围。可选地，图像画面、第二区域和显示屏的形状不同，尺寸的选取也不同。比如，图像画面和第二区域为矩形，第一方向为水平方向，第二方向为垂直方向，则第一尺寸为图像画面的长，第二尺寸为图像画面的宽；第三尺寸为第二区域的长度，第四尺寸为第二
区域的宽。比如，图像画面和第二区域为椭圆形，第一方向为水平方向，第二方向为垂直方向，第一尺寸为图像画面在第一方向上的最长轴，第二尺寸为图像画面在第二方向上的最长轴。再比如，曲面的显示屏的尺寸可以为垂直方向的多个宽度和/或水平方向的多个长度，或者用于体现其尺寸特性的具体某个或某几个特征(比如曲率、半径等)；圆形的显示屏的尺寸可以是半径或者直径；椭圆形的显示屏的尺寸可以为长半径和/或短半径；菱形的显示屏的尺寸可以为长轴和/短轴等。同样地，图像画面和第二区域的尺寸也可以是这些参数。需要说明的是，拉伸并不一定是放大，也可以为缩小。这样，电子设备可以根据显示屏的尺寸、第二区域的尺寸、图像画面的尺寸，自动地、适应性地，对图像画面中的第一区域进行裁剪，并进行拉伸，在显示屏上显示裁剪和拉伸后的图像画面；自动地实现了不同尺寸的图像画面，不同尺寸的显示屏，不同尺寸的第二区域的自适应裁剪和显示，保证了图像画面显示的完整性和最大化；整个过程均为自动化实现，适用范围广。
[0005]根据第一方面，第一区域包括在第一方向上的第一部分，以及在第二方向上的第二部分；根据第三尺寸与第二尺寸的第一比值，第一尺寸与第四尺寸的第二比值，以及第五尺寸与第六尺寸的第三比值，对图像画面的第一区域进行裁剪；包括：根据第三尺寸与第二尺寸的第一比值，第一尺寸与第四尺寸的第二比值，以及第五尺寸与第六尺寸的第三比值，对第一区域的第一部分或第二部分进行裁剪。
[0006]根据第一方面，或者以上第一方面的任意一种实现方式，电子设备还执行：在第一比值相较于第二比值，更接近第三比值后，裁剪第二部分，再根据第三比值，裁剪第一部分。其中，“更接近”可理解为：第一比值与第三比值的接近程度，比第二比值与第三比值的接近程度，更靠近。具体的衡量方式可以通过差值的绝对值、商值等来衡量，此处不再赘述。
[0007]根据第一方面，或者以上第一方面的任意一种实现方式，所述电子设备还执行：在第二比值相较于第一比值，更接近第三比值后，裁剪第一部分，再根据第三比值，裁剪第二部分。
[0008]根据第一方面，或者以上第一方面的任意一种实现方式，所述电子设备还执行：在第二比值与第一比值，同等接近第三比值后，先裁剪第一部分，再根据第三比值，裁剪第二部分；或者，在第二比值与第一比值，同等接近第三比值后，先裁剪第二部分，再根据第三比值，裁剪第一部分。其中，“同等接近”可理解为：第一比值与第三比值的接近程度，比第二比值与第三比值的接近程度，相同。具体的衡量方式可以通过差值的绝对值、商值等来衡量，此处不再赘述。
[0009]根据第一方面，或者以上第一方面的任意一种实现方式，根据第三比值，裁剪第一部分；包括：根据第三比值，对第一部分中的至少部分区域进行裁剪，以使得裁剪后的图像画面，在第一方向上的尺寸与在第二方向上的尺寸的比值，位于一个包括第三比值的预设阈值范围内。可选地，预设阈值范围可为以第三比值为中心的阈值范围。其中，预设阈值范围可为电子设备的厂家预设的，也可为用户根据自身的使用习惯、使用需要预设的。
[0010]根据第一方面，或者以上第一方面的任意一种实现方式，根据第三比值，裁剪第二部分；包括：根据第三比值，对第二部分中的至少部分区域进行裁剪，以使得裁剪后的图像画面，在第一方向上的尺寸与在第二方向上的尺寸的比值，位于一个包括第三比值的预设阈值范围内。可选地，预设阈值范围可为以第三比值为中心的阈值范围。其中，预设阈值范围可为电子设备的厂家预设的，也可为用户根据自身的使用习惯、使用需要预设的。
[0011]根据第一方面，或者以上第一方面的任意一种实现方式，裁剪后的图像画面，在第一方向上的尺寸与在第二方向上的尺寸的比值，位于一个包括第三比值的预设阈值范围内；包括：裁剪后的图像画面，在第一方向上的尺寸与在第二方向上的尺寸的比值，等于所述第三比值。这样，裁剪后的图像画面与第三比值相同，使得显示效果更好，或者便于后续在第一方向和第二方向上同等比例拉伸，也便于后续显示效果更好。
[0012]根据第一方面，或者以上第一方面的任意一种实现方式，在根据第三尺寸与第二尺寸的第一比值本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种电子设备，其特征在于，所述电子设备包括：处理器；存储器；显示屏；以及计算机程序，其中所述计算机程序存储在所述存储器上，当所述计算机程序被所述处理器执行时，使得所述电子设备执行以下步骤：获取到一个图像画面，所述图像画面包括第一区域和第二区域；所述第一区域用于显示；所述第二区域用于衬托所述第一区域的显示；获取到所述图像画面在第一方向上的第一尺寸，所述图像画面在第二方向上的第二尺寸，所述第二区域在第一方向上的第三尺寸，所述第二区域在第二方向上的第四尺寸，所述显示屏在第一方向上的第五尺寸，所述显示屏在第二方向上的第六尺寸；根据所述第三尺寸与所述第二尺寸的第一比值，所述第一尺寸与所述第四尺寸的第二比值，以及所述第五尺寸与所述第六尺寸的第三比值，对所述图像画面的所述第一区域进行裁剪；根据所述第五尺寸和所述第六尺寸，拉伸裁剪后的图像画面，显示拉伸后的图像界面。2.根据权利要求1所述的电子设备，其特征在于，所述第一区域包括在所述第一方向上的第一部分，以及在所述第二方向上的第二部分；根据所述第三尺寸与所述第二尺寸的第一比值，所述第一尺寸与所述第四尺寸的第二比值，以及所述第五尺寸与所述第六尺寸的第三比值，对所述图像画面的所述第一区域进行裁剪；包括：根据所述第三尺寸与所述第二尺寸的第一比值，所述第一尺寸与所述第四尺寸的第二比值，以及所述第五尺寸与所述第六尺寸的第三比值，对所述第一区域的所述第一部分或所述第二部分进行裁剪。3.根据权利要求2所述的电子设备，其特征在于，所述电子设备还执行以下步骤：在所述第一比值相较于所述第二比值，更接近所述第三比值后，裁剪所述第二部分，再根据所述第三比值，裁剪所述第一部分。4.根据权利要求2或3所述的电子设备，其特征在于，所述电子设备还执行以下步骤：在所述第二比值相较于所述第一比值，更接近所述第三比值后，裁剪所述第一部分，再根据所述第三比值，裁剪所述第二部分。5.根据权利要求2
‑
4中任意一项所述的电子设备，其特征在于，所述电子设备还执行以下步骤：在所述第二比值与所述第一比值，同等接近所述第三比值后，先裁剪所述第一部分，再根据所述第三比值，裁剪所述第二部分；或者，在所述第二比值与所述第一比值，同等接近所述第三比值后，先裁剪所述第二部分，再根据所述第三比值，裁剪所述第一部分。6.根据权利要求3或5所述的电子设备，其特征在于，所述根据所述第三比值，裁剪所述第一部分；包括：根据所述第三比值，对所述第一部分中的至少部分区域进行裁剪，以使得裁剪后的所述图像画面，在第一方向上的尺寸与在第二方向上的尺寸的比值，位于一个包括所述第三
比值的预设阈值范围内。7.根据权利要求4或5所述的电子设备，其特征在于，所述根据所述第三比值，裁剪所述第二部分；包括：根据所述第三比值，对所述第二部分中的至少部分区域进行裁剪，以使得裁剪后的所述图像画面，在第一方向上的尺寸与在第二方向上的尺寸的比值，位于一个包括所述第三比值的预设阈值范围内。8.根据权利要求6或7所述的电子设备，其特征在于，所述以使得裁剪后的所述图像画面，在第一方向上的尺寸与在第二方向上的尺寸的比值，位于一个包括所述第三比值的预设阈值范围内；包括：以使得裁剪后的所述图像画面，在第一方向上的尺寸与在第二方向上的尺寸的比值，等于所述第三比值。9.根据权利要求1
‑
8中任意一项所述的电子设备，其特征在于，在所述根据所述第三尺寸与所述第二尺寸的第一比值，所述第一尺寸与所述第四尺寸的第二比值，以及所述第五尺寸与所述第六尺寸的第三比值，对所述图像画面的所述第一区域进行裁剪之前，所述电子设备还执行以下步骤：确定所述第三比值不等于第四比值；其中，所述第四比值为所述第三尺寸与所述第四尺寸的比值。10.根据权利要求1
‑
9中任意一项所述的电子设备，其特征在于，所述根据所述第五尺寸和所述第六尺寸，拉伸裁剪后的图像画面；包括：将所述裁剪后的图像画面在所述第一方向上的尺寸，拉伸至所述第五尺寸；将所述裁剪后的图像画面在所述第二方向上的尺寸，拉伸至所述第六尺寸。11.根据权利要求1
‑
10中任意一项所述的电子设备，其特征在于，所述第一方向与所述第二方向垂直；所述显示屏为矩形、椭圆形、圆角矩形或圆形；所述图像画面为矩形、椭圆形、圆角矩形或圆形；所述第一区域用于填充单一颜色。12.根据权利要求11所述的电子设备，其特征在于，所述显示屏为矩形，所述图像画面为矩形；获取到所述第二区域在第一方向上的第三尺寸，所述第二区域在第二方向上的第四尺寸；包括：获取到所述第一区域在所述第一方向上的第七尺寸和第八尺寸，以及，所述第一区域在所述第二方向上的第九尺寸和第十尺寸；根据所述第一尺寸、所述第二尺寸、所述第七尺寸、所述第八尺寸、所述第九尺寸和所述第十尺寸，获取到所述第二区域在所述第一方向上的第三尺寸和在所述第二方向上的第四尺寸。13.根据权利要求12所述的电子设备，其特征在于，所述电子设备还执行以下步骤：根据所述第一区域在所述第一方向上的所述第七尺寸和所述第八尺寸，以及，所述第一区域在所述第二方向上的所述第九尺寸和所述第十尺寸，获取到所述第一区域的面积；根据所述图像画面在所述第一方向上的所述第一尺寸，以及，在所述第二方向上的所述第二尺寸，获取到所述图像画面的面积；在所述第一区域的面积与所述图像画面的面积的比值，大于预设比值后，不对所述图
像画面的所述第一区域进行裁剪。14.根据权利要求1
‑
13中任意一项所述的电子设备，其特征在于，在所述根据所述第三尺寸与所述第二尺寸的第一比值，所述第一尺寸与所述第四尺寸的第二比值，以及所述第五尺寸与所述第六尺寸的第三比值，对所述图像画面的所述第一区域进行裁剪之前，所述电子设备还执行以下步骤：确定所述第一区域稳定。15.根据权利要求14所述的电子设备，其特征在于，所述确定所述第一区域稳定；包括：在所述图像画面包括所述第一区域后，按照预设次数，每次检测的图像画面是否包括一个第一区域，且第一区域的尺寸有无变化；若在检测的预设次数内，每次检测的图像画面均包括一个第一区域，且第一区域的尺寸没有变化，则确定所述第一区域稳定。16.一种电子设备，其特征在于，所述电子设备包括：处理器；存储器；显示屏；以及计算机程序，其中所述计算机程序存储在所述存储器上，当所述计算机程序被所述处理器执行时，使得所述电子设备执行以下步骤：获取到一个图像画面，所述图像画面包括第一区域和第二区域；所述第一区域用于显示；所述第二区域用于衬托所述第一区域的显示；所述...

【专利技术属性】
技术研发人员：卢峰，
申请(专利权)人：华为技术有限公司，
类型：发明
国别省市：