图像显示方法和相关装置与流程

本技术涉及终端，尤其涉及图像显示方法和相关装置。

背景技术：

1、随着当前柔性屏技术的发展，柔性可折叠屏幕(也可称为折叠屏)已应用于手机等终端设备中，使得用户可以对手机做出折叠或展开的操作，满足用户对不同屏幕尺寸的使用需求。

2、可能的实现中，使用折叠屏的手机可以包括内屏、外屏和后背板，内屏可折叠。用户可以通过内屏或外屏对保存的图像进行编辑处理。编辑处理包括但不限于：增加滤镜、调整图像亮度、增加模糊效果等。在编辑处理时，还可以在编辑后的图像的位置切换原图像显示进行比对，以确认编辑效果。

3、但是，手机通过在编辑后的图像的位置切换原图像显示进行比对的方式，比对效果差，用户体验差。

技术实现思路

1、本技术实施例提供一种图像显示方法和相关装置，应用于终端设备。终端设备可以同时显示编辑后的图像与原图像，方便用户比对编辑效果，提高用户体验。此外，当终端设备为折叠屏手机、平板电脑或其他大屏设备时，可充分利用屏幕，美化界面，增加用户体验。

2、第一方面，本技术实施例提出一种图像显示方法，应用于终端设备，方法包括：终端设备在第一显示屏显示第一界面，第一界面包括第一图像和第一控件；终端设备接收到针对第一控件的第一操作；终端设备响应于第一操作，在第一显示屏显示第二界面，其中，第二界面包括第一图像和第二图像，第二图像为采用第一控件对应的参数对第一图像进行处理后的图像。

3、第一图像可以为原图像。可以理解的是，当终端设备切换图像的编辑类型时，下一编辑操作所编辑的原图像为上一步编辑操作所得到的编辑后的图像。示例性的，当终端设备接收到用户剪辑图像的操作时，图像的尺寸发生变化。当终端设备接收到用户添加滤镜的操作时，此时滤镜界面显示的原图像为尺寸变化后的图像。

4、第二界面可以称为对比界面，或者也可以称为双图界面。例如，第二界面可以为图7和图9中的d所示的界面、图11和图12中的c所示的界面。在图11和图12中的c所示的界面中，第二图像可以为增加晨光滤镜后的图像。

5、这样，终端设备可以同时显示第一图像和第二图像，方便用户从色彩等维度对比图像，方便用户确定编辑效果。此外，当终端设备为折叠屏手机、平板电脑或其他大屏设备时，可充分利用屏幕，美化界面，增加用户体验。

6、可选的，终端设备还包括可折叠主体和第二显示屏，第一显示屏和第二显示屏分别位于可折叠主体相对的两个表面，第一显示屏包括第一子屏幕和第二子屏幕；可折叠主体为折叠状态时，第二显示屏暴露于可折叠主体的表面，第一子屏幕和第二子屏幕暴露在外的两个面之间的夹角小于第一角度阈值；可折叠主体为展开状态时，第一子屏幕和第二子屏幕暴露在外的两个面之间的夹角大于第二角度阈值，其中，0°≤第一角度阈值＜180°，0°＜第二角度阈值≤180°，第一角度阈值≤第二角度阈值；终端设备在检测到可折叠主体为展开状态，在第一显示屏上显示用户界面，终端设备在检测到可折叠主体为折叠状态，在第二显示屏上显示用户界面。

7、这样，终端设备可以有多个显示屏。终端设备可以为折叠屏手机等。

8、可选的，方法还包括：终端设备确定可折叠主体为折叠状态时，在第二显示屏显示第三界面，第三界面包括第一图像和第一控件；终端设备接收到针对第一控件的第一操作；终端设备响应于第一操作，在第二显示屏显示第四界面，其中，第四界面包括第二图像、不包括第一图像。

9、第四界面可以为采用第一控件对应的参数处理的界面，如图7和图9中的e所示的界面、图11和图12中的e所示的界面。

10、这样，在折叠状态时，显示单张图像；展开状态时显示两张图像。可以充分利用折叠屏，美化界面，增加用户体验。

11、可选的，方法还包括：在第一显示屏显示第二界面之后，终端设备检测到可折叠主体由展开状态切换为折叠状态时，终端设备在第二显示屏上显示第四界面，第四界面包括第二图像、不包括第一图像。

12、可选的，方法还包括：终端设备在第四界面接收到针对第二图像的第二操作；终端设备响应于第二操作，在第二显示屏上显示第五界面，第五界面显示第一图像。

13、第二操作可以为长按操作、还可以为点击操作或者触摸操作，本技术实施例对此不作限定。

14、这样，折叠状态时，用户可以通过图像控制终端设备显示原图像，方便用户进行比对，确定编辑效果。

15、可选的，第四界面包括第二控件；方法还包括：终端设备接收到针对第二控件的第三操作；终端设备响应于第三操作，在第二显示屏上显示第五界面，第五界面显示第一图像。

16、第二控件可以为上述折叠状态对应的界面中的对比控件，例如，图7中e所示的界面中对比控件713；图9中e所示的界面中对比控件914；图11中e所示的界面中对比控件1114；图12中e所示的界面中对比控件1214。

17、第五界面显示有原图像，例如，图10中的a所示的界面，图13中的b所示的界面。

18、第三操作可以为长按操作、还可以为点击操作或者触摸操作，本技术实施例对此不作限定。

19、这样，折叠状态时，用户可以通过第二控件控制终端设备显示原图像，方便用户进行比对，确定编辑效果。

20、可选的，第二界面包括第三控件；方法还包括：终端设备接收到针对第三控件的第四操作；终端设备响应于第四操作，在第一显示屏上显示第六界面，第六界面包括第二图像，第六界面不包括第一图像。

21、第三控件可以为合并控件，或者单图控件，例如，图7中的d所示的对比控件，图9中的d所示的合并控件910、图11中的c所示的合并控件1107、图12中的c所示的双图控件1207。

22、第六界面显示有第二图像，例如图7中的d所示的界面，图9中的d所示的界面、图11中的c所示的界面、图12中的c所示的界面。

23、第三操作可以为长按操作中的抬起操作、还可以为点击操作或者触摸操作，本技术实施例对此不作限定。

24、这样，终端设备在展开状态时，还可以切换显示单张图像。

25、可选的，第六界面包括第四控件；终端设备接收到针对第四控件的第五操作；终端设备响应于第五操作，在第一显示屏上显示第二界面。

26、第四控件可以为拆分控件、双图控件等。例如，图7中的c所示的拆分控件707，图9中的c所示的拆分控件907、图11中的d所示的拆分控件1111、图12中的d所示的双图控件1211。

27、第五操作可以为长按操作、也可以为单击操作、触摸操作等。

28、这样，终端设备在展开状态时，可以实现单张图像和两张图像的切换显示，显示方式灵活，增加用户体验。

29、可选的，方法还包括：终端设备在第二界面接收到针对第二图像的第六操作；终端设备响应于第六操作，在第一显示屏上显示第七界面，第七界面并列显示第一图像和第一图像。

30、第六操作可以为长按操作、也可以为单击操作、触摸操作等。第七界面显示有两张原图像。

31、这样，用户可以通过第二图像控制终端设备在第二图像的位置显示第一图像，方便用于进行纹理线条等维度对比图像，方便确认编辑效果，增加用户体验。

32、可选的，第二界面包括第五控件；方法还包括：终端设备接收到针对第五控件的第七操作；终端设备响应于第七操作，在第一显示屏上显示第八界面，第八界面并列显示第一图像和第一图像。

33、第七操作可以为长按操作、也可以为单击操作、触摸操作等。第八界面显示有两张原图像。例如，图10中的b所示的界面，图13中的a所示的界面。

34、这样，用户可以通过第五控件控制终端设备在第二图像的位置显示第一图像，方便用于进行纹理线条等维度对比图像，方便确认编辑效果，增加用户体验。

35、可选的，方法还包括：终端设备在显示第二界面或第六界面或第八界面时，接收到第八操作；终端设备响应于第八操作，在第一显示屏显示第九界面，第一应用对应的第一分屏窗口和第二应用对应的第二分屏窗口，第一分屏窗口包括第二图像，第二分屏窗口包括第二应用的应用界面。

36、第八操作为用于指示分屏的操作。第一应用可以为图库应用，第二应用可以为分屏应用，或者可以称为可分屏显示的应用、例如，微信、计算器等。第二分屏窗口包括分屏应用对应的应用界面，例如微信应用的聊天界面等。

37、第九界面显示有第二图像和分屏应用的内容，例如，图6-图9中的f所示的界面、图11和图12中的f所示的界面；示例性的，第二图像可显示在第一子屏幕；第二应用的应用界面可显示在第二子屏幕。

38、这样，终端设备可分屏显示图像和其他应用，用户在编辑图像时可同时操作控制分屏应用。

39、可选的，方法还包括：终端设备在第九界面接收到针对第二图像的第九操作；终端设备响应于第九操作，在第一分屏窗口中显示第二图像的位置显示第一图像。

40、第九操作可以为长按操作、也可以为单击操作、触摸操作等。

41、这样，分屏状态下，用户可通过第二图像控制终端设备在第二图像的位置显示第一图像。

42、可选的，第八界面包括第六控件；方法还包括：终端设备接收到针对于第六控件的第十操作；终端设备响应于第十操作，在第一分屏窗口中显示第二图像的位置显示第一图像。

43、第十操作可以为长按操作、也可以为单击操作、触摸操作等。

44、这样，分屏状态下，用户可通过第六控件控制终端设备在第二图像的位置显示第一图像。

45、可选的，第二界面还包括第七控件；方法还包括：终端设备接收到针对第七控件的第十一操作；终端设备响应于第十一操作，在第一显示屏显示第十界面，第十界面包括第一图像和第三图像，第三图像为采用第七控件对应的参数对第一图像进行处理后的图像。

46、第七控件可以与滤镜选择项中的除第一控件对应的一项外的任一项相对应，例如，滤镜选择项中的经典滤镜。还可以为上述其他编辑选择项对应的任一个选择项相对应。其他编辑选择项包括但不限于：对比度、曝光、亮度或饱和度等。第七控件还可以为对比度对应的参数选择项中除第一控件对应的一项外的任一个相对应。

47、这样，终端设备可以切换不同的参数对应的图像与第一图像进行比对，例如切换不同的滤镜对应的图像，方便用户编辑图像。

48、可选的，第二界面还包括第七控件；方法还包括：终端设备在第二界面接收针对第七控件的第十一操作；终端设备响应于第十一操作，在第一显示屏显示第十一界面，第十一界面包括第二图像和第三图像，第三图像为第七控件对应的参数对第一图像进行处理后的图像。

49、这样，终端设备可以进行不同的参数对应的图像之间进行比对，例如，不同的滤镜对应的图像对比，方便用户编辑图像，确认编辑效果。

50、可选的，方法还包括：终端设备基于第一值确定第二界面中的第一图像和第二图像的排列方式，第一值与第一图像的尺寸相关。

51、这样，基于图像的尺寸选取不同的排列方式，可最大化利用显示屏，提升显示效果。

52、可选的，第一值为第一图像的长和第一图像的宽之比；当第一值大于第一阈值时，第二界面中第一图像和第二图像通过上下方式排列，第一阈值与第二界面中预览区域的尺寸和预设间距相关，预设间距为预先设置的图像之间的间距；当第一值小于或等于第一阈值时，第二界面中第一图像和第二图像通过上下方式排列。

53、可选的，第一阈值满足：

54、可选的，第二界面还包括引导动画；引导动画用于提示用户第三控件的使用方式。

55、这样，可以引导用户在使用图像对比功能。

56、可选的，终端设备响应于第一操作，在第一显示屏显示第二界面，包括：终端设备显示第十二界面，第十二界面显示第二图像；终端设备在第十二界面接收到针对第二图像的第十二操作；终端设备响应于第十二操作，在第一显示屏显示第二界面。

57、第十二操作可以为长按操作，也可以为点击或触摸等操作，此处不做限定。

58、第十二界面可以为图6-图9中的d所示的界面、图11中的c所示的界面、图12中的c所示的界面。这样，终端设备可进入单张图像的界面，经单张图像的界面进入两张图像的界面，进行图像对比。

59、可选的，终端设备响应于第一操作，在第一显示屏显示第二界面，包括：终端设备显示第十三界面，第十三界面显示第二图像和第八控件；终端设备接收到针对第八控件的第十三操作；终端设备响应于第十三操作，在第一显示屏显示第二界面。

60、第十三操作可以为长按操作，也可以为点击或触摸等操作，此处不做限定。

61、第十三界面可以为图7和图9中的d所示的界面、图11中的c所示的界面、图12中的c所示的界面。这样，终端设备可进入单张图像的界面，通过触发经单张图像的界面中的控件进入两张图像的界面，进行图像对比。

62、第三方面，本技术实施例提供一种终端设备，终端设备也可以称为终端(terminal)、用户设备(user equipment，ue)、移动台(mobile station，ms)、移动终端(mobile terminal，mt)等。终端设备可以是手机(mobile phone)、智能电视、穿戴式设备、平板电脑(pad)、带无线收发功能的电脑、虚拟现实(virtual reality，vr)终端设备、增强现实(augmented reality，ar)终端设备、工业控制(industrial control)中的无线终端、无人驾驶(self-driving)中的无线终端、远程手术(remote medical surgery)中的无线终端、智能电网(smart grid)中的无线终端、运输安全(transportation safety)中的无线终端、智慧城市(smart city)中的无线终端、智慧家庭(smart home)中的无线终端等等。

63、该终端设备包括：包括：处理器和存储器；存储器存储计算机执行指令；处理器执行存储器存储的计算机执行指令，使得终端设备执行如第一方面的方法。

64、第四方面，本技术实施例提供一种计算机可读存储介质，计算机可读存储介质存储有计算机程序。计算机程序被处理器执行时实现如第一方面的方法。

65、第五方面，本技术实施例提供一种计算机程序产品，计算机程序产品包括计算机程序，当计算机程序被运行时，使得计算机执行如第一方面的方法。

66、应当理解的是，本技术的第二方面至第五方面与本技术的第一方面的技术方案相对应，各方面及对应的可行实施方式所取得的有益效果相似，不再赘述。