CN116088832A - 界面处理方法和装置 - Google Patents

Abstract

本申请实施例提供一种界面处理方法和装置，涉及终端技术领域，终端设备显示第一界面；终端设备接收第一操作；响应于第一操作，终端设备显示第二界面；其中，第二界面中包括：缩小的第一图像、缩小的第二图像、以及第一控件；第二图像为对第一图像进行编辑处理后得到的图像；终端设备接收针对第一控件的第二操作；响应于第二操作，终端设备显示第三界面；终端设备接收针对第一控件的第三操作；响应于第三操作，终端设备显示第二界面。这样，使得终端设备可以在接收到用户针对第一界面的第一操作时，同时显示原图以及编辑后的图像，简化对比原图以及编辑后的图像的方法，进而提高用户使用图像编辑功能的使用体验。

Description

界面处理方法和装置

技术领域

本申请涉及终端技术领域，尤其涉及一种界面处理方法和装置。

背景技术

随着互联网的普及和发展，人们对于终端设备的功能需求也越发多样化。例如，为了满足用于对于图像的编辑功能，较多终端设备可以实现对图像添加滤镜、对图像进行色彩调节、对图像添加文字等多种编辑功能。

通常情况下，在终端设备对原图进行编辑并显示编辑后的图像的场景中，终端设备可以基于用户针对用于对比原图以及编辑后的图像的控件的触发操作，对比原图以及编辑后的图像。

然而，上述对比原图以及编辑后的图像的方法较为繁琐，影响用户对于图像编辑功能的使用体验。

发明内容

本申请实施例提供一种界面处理方法和装置，终端设备显示原图对应的界面，在终端设备接收到用户在原图对应的界面中的触发操作时，同时原图以及编辑后的图像，简化对比原图以及编辑后的图像的方法，进而提高用户使用图像编辑功能的使用体验。

第一方面，本申请实施例提供一种界面处理方法，方法包括：终端设备显示第一界面；第一界面中包括第一图像；终端设备接收第一操作；响应于第一操作，终端设备显示第二界面；其中，第二界面中包括：缩小的第一图像、缩小的第二图像、以及第一控件；第二图像为对第一图像进行编辑处理后得到的图像；终端设备接收针对第一控件的第二操作；响应于第二操作，终端设备显示第三界面；其中，第三界面中包括第二图像、以及第一控件；终端设备接收针对第一控件的第三操作；响应于第三操作，终端设备显示第二界面。

其中，第一图像可以为本申请实施例中的描述的原图；第二图像可以为本申请实施例中描述的编辑后的图像；第一控件可以为双图控件。

这样，使得终端设备可以在接收到用户针对第一界面的第一操作时，同时显示原图以及编辑后的图像，简化对比原图以及编辑后的图像的方法，进而提高用户使用图像编辑功能的使用体验。

在一种可能的实现方式中，第三界面中还包括：用于结束对第一图像进行编辑的第二控件；终端设备显示第三界面之后，方法还包括：终端设备接收针对第二控件的操作；响应于针对第二控件的操作，终端设备显示第四界面；其中，第四界面中包括：放大的第一图像、以及用于开启对第一图像进行编辑的界面的第三控件；终端设备接收针对第三控件的操作；响应于针对第三控件的操作，终端设备显示第五界面；其中，第五界面中包括：第一图像、用于编辑第一图像的显示效果的第四控件；终端设备接收针对第四控件的操作；响应于针对第四控件的操作，终端设备显示第一界面；终端设备接收针对第一界面的第四操作；响应于第四操作，终端设备显示第三界面；终端设备接收针对第一控件的操作；响应于针对第一控件的操作，终端设备显示第二界面。这样，终端设备可以实现在显示第二图像的界面中退出时，基于用户针对双图控件的操作显示第一图像以及第二图像，使得终端设备可以根据用户使用编辑功能的历史情况提供不同的显示双图的方式，进而提高用户使用裁剪功能的使用体验。

在一种可能的实现方式中，终端设备显示第一界面，包括：终端设备显示第四界面；终端设备接收针对第三控件的操作；响应于针对第三控件的操作，终端设备显示第五界面；终端设备接收针对第四控件的操作；响应于针对第四控件的操作，终端设备显示第一界面。这样，终端设备可以基于用户针对第一图像的逐步操作，实现在第一界面中显示第一图像以及第二图像，进而提高用户使用裁剪功能的灵活性。

在一种可能的实现方式中，第一控件在第二界面中的显示状态与第一控件在第三界面中的显示状态不同。这样，终端设备可以基于控件的不同显示状态提示用户当前界面是否显示双图，进而基于用户针对第一控件的操作，灵活的切换双图以及单图。

在一种可能的实现方式中，显示状态包括下述一种或多种：颜色、形状、缩小状态、或放大状态。

在一种可能的实现方式中，第二界面中还包括：用于对比第一图像以及第二图像的第五控件，方法还包括：终端设备接收针对第五控件的操作；响应于针对第五控件的操作，终端设备在缩小的第二图像的位置处显示缩小的第一图像。其中，该第五控件可以为本申请实施例中描述的对比控件。这样，终端设备可以基于对比控件的操作，在缩小的第二图像的位置处显示缩小的第一图像，使得用户不仅可以基于双图对比原图以及编辑后的图像，也可以基于双图控件对比原图以及编辑后的图像，进而提高用户使用裁剪功能的使用体验。

在一种可能的实现方式中，响应于第一操作，终端设备显示第二界面，包括：在第二图像的宽高比大于或等于第一阈值时，终端设备确定在第二界面中对缩小的第一图像以及缩小的第二图像上下显示；或者，在第二图像的宽高比小于第一阈值时，终端设备确定在第二界面中对缩小的第一图像以及缩小的第二图像左右显示。这样，使得终端设备可以根据编辑后的图像的宽高比以及最大展示区域中的可显示区域的宽高比确定双图合适的排列方式，使得排列方式更符合用户查看双图的习惯。

在一种可能的实现方式中，第一阈值Q满足：

其中，W为预设区域的宽，H为预设区域的高，预设区域为用于显示缩小的第一图像以及缩小的第二图像的区域；xdp为对缩小的第一图像以及缩小的第二图像上下显示时，缩小的第一图像以及缩小的第二图像之间的空隙；ydp为对缩小的第一图像以及缩小的第二图像左右显示时，缩小的第一图像以及缩小的第二图像之间的空隙。其中，预设区域可以为本申请实施例中描述的最大展示区域或预览区域。这样，使得终端设备可以基于预设区域确定第一阈值，使得终端设备可以通过第一阈值与第二图像的宽高比，为双图提供更为合适的排列方式。

在一种可能的实现方式中，预设区域的位置与终端设备的摄像头所在位置、以及第二界面中控件的位置相关。

在一种可能的实现方式中，终端设备包括第一显示屏以及第二显示屏，第一显示屏可折叠，响应于第一操作，终端设备显示第二界面，包括：终端设备利用第一显示屏显示第二界面。其中，第一显示屏可以为本申请实施例中描述的内屏，第二显示屏可以为本申请实施例中描述的外屏。这样，当终端设备为折叠屏手机时，折叠屏手机中的内屏也可以实现对于第二界面的显示。

在一种可能的实现方式中，方法还包括：终端设备接收折叠第一显示屏的操作；响应于折叠第一显示屏的操作，终端设备利用第二显示屏显示第六界面；其中，第六界面中包括缩小的第二图像。这样，终端设备可以基于用户折叠内屏的操作，对内屏以及外屏进行灵活切换，使得终端设备可以在内屏同时显示第一图像以及第二图像，在外屏显示第二图像。

在一种可能的实现方式中，方法还包括：终端设备接收旋转第一显示屏的第三操作；响应于第三操作，终端设备利用第一显示屏显示第七界面；其中，第七界面中包括：缩小的第一图像以及缩小的第二图像，当第二界面为终端设备处于竖屏状态下的界面时，第七界面为终端设备处于横屏状态下的界面。这样终端设备可以基于用户横竖屏切换的操作，在处于不同横竖屏状态的显示屏中显示双图，且不同横竖屏状态下的双图的排列方式一致，进而提高用户使用编辑功能的使用体验。

在一种可能的实现方式中，缩小的第一图像在第二界面中的尺寸与缩小的第一图像在第七界面中的尺寸相同或不同；缩小的第二图像在第二界面中的尺寸与缩小的第二图像在第七界面中的尺寸相同或不同。

在一种可能的实现方式中，第一操作包括：为第一图像添加任一滤镜的操作、对第一图像的细节进行调节的任一操作、或对第一图像进行美颜的操作。这样，使得终端设备可以基于用户在编辑功能中，针对第一图像的多种编辑操作，同时显示第一图像以及第二图像。

在一种可能的实现方式中，终端设备中包括第一控件的开启状态或第一控件的关闭状态，响应于第二操作，终端设备显示第三界面，包括：响应于第二操作且第一控件为关闭状态时，终端设备显示第三界面。这样，使得终端设备可以根据第一控件的状态，确定是否同时显示第一图像以及第二图像，例如当确定第一控件为关闭状态时显示第二图像，提高界面处理的准确性。

在一种可能的实现方式中，响应于第一操作，终端设备显示第二界面，包括：响应于第一操作且第一控件为开启状态时，终端设备显示第二界面。这样，使得终端设备可以根据第一控件的状态，确定是否同时显示第一图像以及第二图像，例如当确定第一控件为开启状态时同时显示第一图像以及第二图像，提高界面处理的准确性。

第二方面，本申请实施例提供一种界面处理装置，显示单元，用于显示第一界面；第一界面中包括第一图像；处理单元，用于接收第一操作；响应于第一操作，显示单元，还用于显示第二界面；其中，第二界面中包括：缩小的第一图像、缩小的第二图像、以及第一控件；第二图像为对第一图像进行编辑处理后得到的图像；处理单元，还用于接收针对第一控件的第二操作；响应于第二操作，显示单元，还用于显示第三界面；其中，第三界面中包括第二图像、以及第一控件；处理单元，还用于接收针对第一控件的第三操作；响应于第三操作，显示单元，用于显示第二界面。

在一种可能的实现方式中，第三界面中还包括：用于结束对第一图像进行编辑的第二控件；处理单元，还用于接收针对第二控件的操作；响应于针对第二控件的操作，显示单元，还用于显示第四界面；其中，第四界面中包括：放大的第一图像、以及用于开启对第一图像进行编辑的界面的第三控件；处理单元，还用于接收针对第三控件的操作；响应于针对第三控件的操作，显示单元，还用于显示第五界面；其中，第五界面中包括：第一图像、用于编辑第一图像的显示效果的第四控件；处理单元，还用于接收针对第四控件的操作；响应于针对第四控件的操作，显示单元，还用于显示第一界面；处理单元，还用于接收针对第一界面的第四操作；响应于第四操作，显示单元，还用于显示第三界面；处理单元，还用于接收针对第一控件的操作；响应于针对第一控件的操作，显示单元，还用于显示第二界面。

在一种可能的实现方式中，显示单元，具体用于显示第四界面；处理单元，具体用于接收针对第三控件的操作；响应于针对第三控件的操作，显示单元，还具体用于显示第五界面；处理单元，还具体用于接收针对第四控件的操作；响应于针对第四控件的操作，显示单元，还具体用于显示第一界面。

在一种可能的实现方式中，第一控件在第二界面中的显示状态与第一控件在第三界面中的显示状态不同。

在一种可能的实现方式中，显示状态包括下述一种或多种：颜色、形状、缩小状态、或放大状态。

在一种可能的实现方式中，第二界面中还包括：用于对比第一图像以及第二图像的第五控件处理单元，还用于接收针对第五控件的操作；响应于针对第五控件的操作，显示单元，还用于在缩小的第二图像的位置处显示缩小的第一图像。

在一种可能的实现方式中，在第二图像的宽高比大于或等于第一阈值时，显示单元，还用于确定在第二界面中对缩小的第一图像以及缩小的第二图像上下显示；或者，在第二图像的宽高比小于第一阈值时，显示单元，还用于确定在第二界面中对缩小的第一图像以及缩小的第二图像左右显示。

在一种可能的实现方式中，第一阈值Q满足：

其中，W为预设区域的宽，H为预设区域的高，预设区域为用于显示缩小的第一图像以及缩小的第二图像的区域；xdp为对缩小的第一图像以及缩小的第二图像上下显示时，缩小的第一图像以及缩小的第二图像之间的空隙；ydp为对缩小的第一图像以及缩小的第二图像左右显示时，缩小的第一图像以及缩小的第二图像之间的空隙。其中，预设区域可以为本申请实施例中描述的最大展示区域或预览区域。

在一种可能的实现方式中，预设区域的位置与终端设备的摄像头所在位置、以及第二界面中控件的位置相关。

在一种可能的实现方式中，终端设备包括第一显示屏以及第二显示屏，第一显示屏可折叠，响应于第一操作，显示单元，具体用于利用第一显示屏显示第二界面。

在一种可能的实现方式中，处理单元，还用于接收折叠第一显示屏的操作；响应于折叠第一显示屏的操作，处理单元，还用于利用第二显示屏显示第六界面；其中，第六界面中包括缩小的第二图像。

在一种可能的实现方式中，处理单元，还用于接收旋转第一显示屏的第三操作；响应于第三操作，显示单元，还用于利用第一显示屏显示第七界面；其中，第七界面中包括：缩小的第一图像以及缩小的第二图像，当第二界面为终端设备处于竖屏状态下的界面时，第七界面为终端设备处于横屏状态下的界面。

在一种可能的实现方式中，缩小的第一图像在第二界面中的尺寸与缩小的第一图像在第七界面中的尺寸相同或不同；缩小的第二图像在第二界面中的尺寸与缩小的第二图像在第七界面中的尺寸相同或不同。

在一种可能的实现方式中，第一操作包括：为第一图像添加任一滤镜的操作、对第一图像的细节进行调节的任一操作、或对第一图像进行美颜的操作。

在一种可能的实现方式中，终端设备中包括第一控件的开启状态或第一控件的关闭状态，响应于第二操作第一控件为关闭状态时，显示单元，用于显示第三界面。

在一种可能的实现方式中，响应于第一操作且处理单元且第一控件为开启状态时，显示单元，用于显示第二界面。

第三方面，本申请实施例提供一种终端设备，包括处理器和存储器，存储器用于存储代码指令；处理器用于运行代码指令，使得终端设备以执行如第一方面或第一方面的任一种实现方式中描述的方法。

第四方面，本申请实施例提供一种计算机可读存储介质，计算机可读存储介质存储有指令，当指令被执行时，使得计算机执行如第一方面或第一方面的任一种实现方式中描述的方法。

第五方面，一种计算机程序产品，包括计算机程序，当计算机程序被运行时，使得计算机执行如第一方面或第一方面的任一种实现方式中描述的方法。

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

附图说明

图1为本申请实施例提供的一种查看原图的界面示意图；

图2为本申请实施例提供的一种终端设备的硬件结构示意图；

图3为本申请实施例提供的一种终端设备的软件结构示意图；

图4为本申请实施例提供的一种折叠屏手机的结构示意图；

图5为本申请实施例提供的一种从滤镜功能中查看双图的界面示意图；

图6为本申请实施例提供的另一种从滤镜功能中查看双图的界面示意图；

图7为本申请实施例提供的一种从调节功能中查看双图的界面示意图；

图8为本申请实施例提供的一种从更多功能中查看双图的界面示意图；

图9为本申请实施例提供的一种左右双图显示的界面示意图；

图10为本申请实施例提供的一种竖屏状态下最大展示区域的示意图；

图11为本申请实施例提供的一种竖屏状态中双图显示的界面示意图；

图12为本申请实施例提供的另一种竖屏状态中双图显示的界面示意图；

图13为本申请实施例提供的一种横屏状态下最大展示区域的示意图；

图14为本申请实施例提供的一种横竖屏切换的界面示意图；

图15为本申请实施例提供的另一种横竖屏切换的界面示意图；

图16为本申请实施例提供的一种折叠手机的界面示意图；

图17为本申请实施例提供的一种界面处理方法的流程示意图；

图18为本申请实施例提供的一种双图排列的示意图；

图19为本申请实施例提供的另一种双图排列的示意图；

图20为本申请实施例提供的一种界面处理装置的结构示意图；

图21为本申请实施例提供的另一种终端设备的硬件结构示意图。

具体实施方式

为了便于清楚描述本申请实施例的技术方案，在本申请的实施例中，采用了“第一”、“第二”等字样对功能和作用基本相同的相同项或相似项进行区分。例如，第一值和第二值仅仅是为了区分不同的值，并不对其先后顺序进行限定。本领域技术人员可以理解“第一”、“第二”等字样并不对数量和执行次序进行限定，并且“第一”、“第二”等字样也并不限定一定不同。

需要说明的是，本申请中，“示例性的”或者“例如”等词用于表示作例子、例证或说明。本申请中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其他实施例或设计方案更优选或更具优势。确切而言，使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。

本申请中，“至少一个”是指一个或者多个，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B的情况，其中A，B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项(个)”或其类似表达，是指的这些项中的任意组合，包括单项(个)或复数项(个)的任意组合。例如，a，b，或c中的至少一项(个)，可以表示：a，b，c，a和b，a和c，b和c，或a、b和c，其中a，b，c可以是单个，也可以是多个。

通常情况下，终端设备可以在图像编辑功能中对原图进行如添加滤镜、调节图像色彩、以及对图像进行美颜等编辑处理。例如，当终端设备接收到用户触发任一编辑功能的操作时，终端设备可以对原图进行处理并显示编辑后的图像。而当用户需要对比原图与编辑后的图像时，则可以通过针对对比控件的触发操作查看原图。

示例性的，图1为本申请实施例提供的一种查看原图的界面示意图。在图1对应的实施例中，以终端设备为折叠屏手机，以及在折叠屏手机中的内屏中查看原图为例进行示例说明，该示例并不构成对本申请实施例的限定。

折叠屏手机显示如图1中的a所示的滤镜功能对应的界面，该界面中可以包括：原图101、用于退出编辑的控件、用于保存的控件、用于对比原图以及编辑后的图像的控件(或称为对比控件)、用于修剪照片的控件(或称为修剪控件)、用于添加滤镜的控件(或称为滤镜控件，该滤镜控件为选中状态)、用于调节照片的控件(或称为调节控件)、以及用于对照片进行更多编辑的控件(或称为更多控件)等。该界面中还可以包括：用于指示原图的控件、用于添加晨光滤镜的控件、用于增加黄昏滤镜的控件、用于添加光晕滤镜的控件102(或称为光晕控件102)、用于添加童年滤镜的控件、以及用于添加怀旧滤镜的控件等。

在如图1中的a所示的界面中，当折叠屏手机接收到用户针对任一用于为原图添加滤镜的控件，如接收到用户针对光晕控件102的触发操作时，折叠屏手机可以显示如图1中的b所示的界面。如图1中的b所示的界面，该界面中可以包括：编辑后的图像103、对比控件104、以及用于调节滤镜对于原图的显示程度的多个控件等。其中，该编辑后的图像103可以为对原图101添加光晕滤镜后的图像。

如图1中的b所示的界面中，当折叠屏手机接收到针对对比控件104的触发操作时，折叠屏手机可以显示如图1中的c所示的界面。其中，该针对对比控件104的触发操作可以为按压操作、长按操作、或者点击且不松手的操作等。进一步的，当折叠屏手机接收到用户结束针对对比控件104的触发操作时，折叠屏手机可以显示如图1中的b所示的界面。

可以理解的是，折叠屏手机可以基于用户针对对比控件104的触发操作，在预览区域中显示原图，并在用户结束针对对比控件104的触发时，继续在预览区域中显示编辑后的图像。因此，当用户需要频繁对比原图以及编辑后的图像时，则可以多次触发对比控件104。

然而，上述通过对比控件的触发，查看原图进而对比原图以及编辑后的图像的方法较为繁琐。其中，预览区域可以理解为用于显示照片101或者编辑后的图像103的区域。

有鉴于此，本申请实施例提供一种界面处理方法，终端设备显示第一界面；第一界面中包括第一图像；终端设备接收第一操作；响应于第一操作，终端设备显示第二界面；其中，第二界面中包括：缩小的第一图像、缩小的第二图像、以及第一控件，第二图像为对第一图像进行编辑处理后得到的图像，使得用户可以通过第一操作，同时显示缩小的第一图像以及缩小的第二图像，简化对比第一图像以及第二图像的方法，进而提高用户使用图像编辑功能的使用体验。

进一步的，终端设备接收针对第一控件的第二操作；响应于第二操作，终端设备显示第三界面；其中，第三界面中包括第二图像、以及第一控件；终端设备接收针对第一控件的第三操作；响应于第三操作，终端设备显示第二界面。使得终端设备可以基于用户针对第一控件的触发，切换双图以及单图的显示，提高图像编辑功能的灵活性。其中，该单图可以第二图像，双图可以包括缩小的第一图像以及缩小的第二图像。

可以理解的是，第一图像可以为本申请实施例中描述的原图，第二图像可以为本申请实施例中描述的编辑后的图像。

可以理解的是，上述终端设备也可以称为终端，(terminal)、用户设备(userequipment，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)中的无线终端等等。本申请的实施例对终端设备所采用的具体技术和具体设备形态不做限定。

为了能够更好地理解本申请实施例，下面对本申请实施例描述终端设备的结构进行介绍。示例性的，图2为本申请实施例提供的一种终端设备的结构示意图。

终端设备可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，充电管理模块140，电源管理模块141，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，指示器192，摄像头193，以及显示屏194等。其中，传感器模块180可以包括压力传感器，陀螺仪传感器，气压传感器，磁传感器，加速度传感器，距离传感器，接近光传感器，指纹传感器，温度传感器，触摸传感器，环境光传感器，角链传感器等。

可以理解的是，本申请实施例示意的结构并不构成对终端设备的具体限定。在本申请另一些实施例中，终端设备可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。

处理器110可以包括一个或多个处理单元。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。处理器110中还可以设置存储器，用于存储指令和数据。

USB接口130是符合USB标准规范的接口，具体可以是Mini USB接口，Micro USB接口，USB Type C接口等。USB接口130可以用于连接充电器为终端设备充电，也可以用于终端设备与外围设备之间传输数据。也可以用于连接耳机，通过耳机播放音频。该接口还可以用于连接其他电子设备，例如AR设备等。

充电管理模块140用于从充电器接收充电输入。其中，充电器可以是无线充电器，也可以是有线充电器。电源管理模块141用于连接充电管理模块140与处理器110。

终端设备的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。

天线1和天线2用于发射和接收电磁波信号。终端设备中的天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。

移动通信模块150可以提供应用在终端设备上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。

无线通信模块160可以提供应用在终端设备上的包括无线局域网(wirelesslocalarea networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequencymodulation，FM)等无线通信的解决方案。

终端设备通过GPU，显示屏194，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。

显示屏194用于显示图像，视频等。显示屏194包括显示面板。在一些实施例中，终端设备可以包括1个或N个显示屏194，N为大于1的正整数。

终端设备可以通过ISP，摄像头193，视频编解码器，GPU，显示屏194以及应用处理器等实现拍摄功能。

摄像头193用于捕获静态图像或视频。在一些实施例中，终端设备可以包括1个或N个摄像头193，N为大于1的正整数。

外部存储器接口120可以用于连接外部存储卡，例如Micro SD卡，实现扩展终端设备的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐，视频等文件保存在外部存储卡中。

内部存储器121可以用于存储计算机可执行程序代码，可执行程序代码包括指令。内部存储器121可以包括存储程序区和存储数据区。

终端设备可以通过音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。

音频模块170用于将数字音频信息转换成模拟音频信号输出，也用于将模拟音频输入转换为数字音频信号。扬声器170A，也称“喇叭”，用于将音频电信号转换为声音信号。终端设备可以通过扬声器170A收听音乐，或收听免提通话。受话器170B，也称“听筒”，用于将音频电信号转换成声音信号。当终端设备接听电话或语音信息时，可以通过将受话器170B靠近人耳接听语音。耳机接口170D用于连接有线耳机。麦克风170C，也称“话筒”，“传声器”，用于将声音信号转换为电信号。本申请实施例中，终端设备可以拥有设置一个麦克风170C。

压力传感器用于感受压力信号，可以将压力信号转换成电信号。在一些实施例中，压力传感器可以设置于显示屏194。陀螺仪传感器可以用于确定终端设备的运动姿态，例如检测终端设备的横竖屏情况。气压传感器用于测量气压。磁传感器包括霍尔传感器。加速度传感器可检测终端设备在各个方向上(一般为三轴)加速度的大小。距离传感器，用于测量距离。接近光传感器可以包括例如发光二极管(LED)和光检测器，例如光电二极管。环境光传感器用于感知环境光亮度。指纹传感器用于采集指纹。温度传感器用于检测温度。触摸传感器，也称“触控器件”。当终端设备为折叠屏手机时，角链传感器可以用于获取折叠屏手机的折叠角度。

触摸传感器可以设置于显示屏194，由触摸传感器与显示屏194组成触摸屏，或称“触控屏”。本申请实施例中，该触摸屏内可以设置有电容感测节点网格(下文简称电容传感器)，当终端设备确定该电容传感器接收到的至少一个网格中的电容的数值超出电容阈值时，则可以确定发生触摸操作；进一步的，终端设备可以基于超出电容阈值的至少一个网格所占的区域，确定触摸操作对应的触摸区域。

按键190包括开机键，音量键等。按键190可以是机械按键。也可以是触摸式按键。终端设备可以接收按键输入，产生与终端设备的用户设置以及功能控制有关的键信号输入。指示器192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电，通知等。

可能的实现方式中，终端设备的硬件结构中也可以包括其他硬件模块，本申请实施例中对此不做限定。

终端设备的软件系统可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构等，在此不再赘述。

示例性的，图3为本申请实施例提供的一种终端设备的软件结构示意图。如图3所示，分层架构可以将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，将安卓(android)系统分为多层，从上至下分别为应用程序(application，APP)层，应用程序框架(framework)层，系统库，以及内核(kernal)层。

如图3所示，应用程序层中可以包括下述一种或多种：图库等应用程序，本申请实施例中对应用程序层中包括的其他应用不做具体限定。

本申请实施例中，图库是智能手机、平板电脑等终端设备上的一款图像管理的应用程序，又可以称为“相册”，本实施例对该应用程序的名称不做限制。图库可以终端设备的系统应用或也可以为三方应用，图库可以支持用户对存储于终端设备上的图像进行各种操作，例如浏览、编辑、删除、选择等操作。

图库中可以包括：编辑管理模块以及预览区图片绘制计算模块。编辑管理模块可以用于为终端设备提供与图像编辑相关的多种功能；预览区图片绘制计算模块用于实现图库应用中的预览区域的尺寸以及位置的计算、以及实现对于预览区域中的图像的显示位置的计算等。可能的实现方式中，图库中还可以包括：分享管理模块、收藏管理模块、删除管理模块、以及其他功能模块等(图3中未示出)，本申请实施例中对此不做限定。

编辑管理模块中可以包括：裁剪功能管理模块、滤镜管理模块、调节管理模块、美颜管理模块、数据处理模块、以及其他管理模块等。

其中，裁剪功能管理模块，用于为终端设备提供与图像裁剪相关的功能，例如将图像裁剪到任意大小、对图像进行旋转、以及对图像进行镜像处理等功能；裁剪功能管理模块还用于确定界面中的控件的显示状态，例如确定双图控件为开启状态或者双图控件为关闭状态。滤镜管理模块，用于为终端设备中的图像提供多种滤镜模板，例如基于滤镜模块为图像添加滤镜。调节管理模块，用于为终端设备中的图像提供如亮度调节、对比度调节、饱和度调节、锐度调节、亮部调节、暗部调节、色温调节、以及黑白调节等功能。美颜管理模块，用于对终端设备中的图像进行美颜处理，通常情况下，当图像中包含人脸或人形时终端设备可以实现对于图像的美颜处理。数据处理模块用于基于指令从数据缓存模块中回调编辑功能中生成的数据，例如原图以及编辑后的图像等，该数据处理模块还可以用于从数据缓存模块中回调针对编辑功能的各种操作数据等。其他管理模块中可以包括：文字管理模块、用于为图像添加水印的功能模块、用于为图像添加相框的管理模块、用于对图像进行虚化处理的功能模块等，本申请实施例中对此不做限定。

滤镜管理模块中可以包括：界面控件管理模块、以及预览区图片绘制管理模块等。

其中，界面控件管理模块用于实现滤镜管理模块对应的页面中的控件的初始化和与控件相关的参数管理，如该界面控件管理模块中可以存储滤镜功能对应的界面中的控件的位置、以及控件的尺寸等。可能的实现方式中，界面控件管理模块还可以根据终端设备的横竖屏情况、或者终端设备为折叠屏手机时折叠屏手机的折叠状态等，为不同的显示界面匹配适应的控件。预览区图片绘制管理模块用于对预览区域中的最大展示区域的双图的绘制等。其中，该双图可以包括原图以及编辑后的图像。

数据处理模块中可以包括数据缓存模块等。其中，数据缓存模块可以用于实现对于编辑管理模块中生成的图片数据的缓存、以及用于实现对于编辑管理模块中的操作数据的缓存等。

可能的实现方式中，美颜管理模块、以及调节管理模块等中的任一功能模块中也可以包括：预览区图片绘制管理模块以及界面控件管理模块，使得美颜管理模块、以及调节管理模块等功能模块可以支持本申请实施例中描述的界面处理方法。

应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。

如图3所示，应用程序框架层可以包括：窗口管理器、内容提供器、资源管理器、视图系统、以及通知管理器等。

窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，触摸屏幕，拖拽屏幕，截取屏幕等。

内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。

资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图像，布局文件，视频文件等。

视图系统包括可视控件，例如显示文字的控件，显示图像的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如，包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图像的视图。

本申请实施例中，视图系统可用于构建应用程序的显示界面。显示界面可以由一个或多个视图组成的。例如，短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图等。

通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知，例如后台运行的应用程序的通知，还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息，发出提示音，振动，指示灯闪烁等。

系统库可以包括多个功能模块。例如：表面管理器(surface manager)，媒体库(media libraries)，三维图形处理库，以及二维图形引擎等。

表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了2D和3D图层的融合。

媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式，例如:MPEG4，H.264，MP3，AAC，AMR，JPG，PNG等。

三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等功能。二维图形引擎是2D绘图的绘图引擎。

内核层是硬件和软件之间的层。内核层中包括下述一种或多种，例如：显示驱动、摄像头驱动、音频驱动、以及传感器驱动等。

可以理解的是，该终端设备的软件结构中也可以包括其他层以及其他模块，本申请实施例中对此不做限定。

下面结合应用程序启动或应用程序中发生界面切换的场景，示例性说明终端设备软件以及硬件的工作流程。

当终端设备的触摸传感器接收到触摸操作，相应的硬件中断被发给内核层。内核层将触摸操作加工成原始输入事件(包括触摸坐标，触摸力度，触摸操作的时间戳等信息)。原始输入事件被存储在内核层。应用程序框架层从内核层获取原始输入事件，识别该输入事件所对应的控件。以该触摸操作是触摸单击操作，该单击操作所对应的控件为图库中的编辑控件为例，图库调用应用框架层的接口，启动图库，进而通过调用内核层启动显示驱动，显示图库的编辑功能对应的界面。

下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以独立实现，也可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。

本申请实施例中，以终端设备为折叠屏手机为例进行示例说明，该示例并不构成对本申请实施例的限定。

示例性的，图4为本申请实施例提供的一种折叠屏手机的结构示意图。

如图4所示，折叠屏手机包括内屏以及外屏，且内屏可折叠。当折叠屏手机处于折叠状态(或理解为折叠角度满足0度-70度之间等)时，折叠屏手机可以利用外屏显示包括单图的界面，或者当折叠屏手机处于展开状态(或理解为折叠角度满足70度-180度之间等)时，折叠屏手机可以利用内屏显示包括双图的界面。其中，该单图可以为编辑后的图像，双图可以包括：原图以及编辑后的图像。

可以理解的是，折叠屏手机处于折叠状态或者处于展开状态时的折叠角度仅作为一种示例，并不能够成对本申请实施例的限定。

本申请实施例中，将以终端设备为折叠屏手机，且折叠屏手机内屏显示下述实施例中描述的界面为例，对本申请实施例中描述的界面处理方法进行示例说明，该示例并不构成对本申请实施例的限定。本申请实施例中描述的界面处理方法也可以应用于大屏手机、或平板等大屏设备中，本申请实施例中对此不做限定。

其中，界面处理方法可以理解为用于在编辑功能中显示双图的方法，该双图可以包括：原图以及编辑后的图像；该原图可以理解为未经过处理的图像，该编辑后的图像可以理解为原图经过编辑功能中的任一功能的处理得到的图像。

可以理解的是，本申请实施例中描述的界面处理方法可以应用于折叠屏手机内屏的竖屏状态(参见场景一对应的实施例)、或者也可以应用于折叠屏手机内屏的横屏状态(参见场景二对应的实施例)、或者也可以支持折叠屏手机中横屏状态以及竖屏状态的切换(参见场景三对应的实施例)。

场景一、折叠屏手机可以在折叠屏手机内屏的竖屏状态中实现界面处理方法。

可以理解的是，折叠屏手机可以支持多种在编辑功能中触发显示双图的方法，例如从滤镜功能中显示双图(参见方法一对应的实施例)、从调节功能中显示双图(参见方法二对应的实施例)、以及从更多功能的美颜功能中显示双图等(参见方法三对应的实施例)。

方法一、折叠屏手机支持在滤镜功能中显示双图。

示例性的，图5为本申请实施例提供的一种从滤镜功能中查看双图的界面示意图。

当折叠屏手机接收到用户打开图库应用的操作时，折叠屏手机显示如图5中的a所示的界面，该界面中可以包括：今天获取的照片501的图标、昨天获取的多个照片的图标、用于查看图库中的照片的控件(或称为照片控件，该照片控件处理选中状态)、用于查看图库中的相册的控件(或称为相册控件)、用于以时间维度查看照片的控件(或称为时刻控件)、用于以照片分类的形式查看照片的控件(或称为发现控件)、右上角用于查看图库的更多功能的控件等。

可以理解的是，图5中的a所示的界面可以为折叠屏手机处于竖屏状态时内屏显示的界面，该界面中可以实现左右折叠，该界面中间的虚线可以用于指示折叠屏手机进行折叠时的折叠位置。其中，处于竖屏状态的折叠屏手机可以基于该虚线分为左半屏以及右半屏，该左半屏或右半屏中的任一屏中可以显示有摄像头，如图5中的a所示的界面中的右半屏可以显示有摄像头，本申请实施例中对摄像头的位置不做限定。

在如图5中的a所示的界面中，当折叠屏手机接收到针对照片501的图标的触发操作时，折叠屏手机可以显示如图5中的b所示的界面。如图5中的b所示的界面，该界面中可以包括：照片501、用于指示获取照片501的时间信息、用于退出当前界面的控件、用于照片的更多信息的控件、用于分享照片的控件、用于收藏照片的控件、用于编辑照片的控件502、用于删除照片的控件、以及用于查看针对照片的更多功能的控件等。其中，该照片501可以称为原图。

本申请实施例中描述的触发操作可以包括：点击操作、双击操作、滑动操作或语音操作等，本申请实施例中对此不做限定。

在如图5中的b所示的界面中，当折叠屏手机接收到用户针对用于编辑照片的控件502的触发操作时，折叠屏手机可以进入编辑功能对应的界面，如显示如图5中的c所示的界面。

如图5中的c所示的界面，该界面可以用于对照片进行裁剪，该界面或也可以称为裁剪功能对应的界面，该界面中可以包括：照片501，用于退出编辑的控件、用于保存的控件、多个用于调整裁剪比例的控件、用于旋转照片的控件、用于对照片进行镜像处理的控件、用于调整旋转角度的滑动杆以及进度条、用于修剪照片的控件503(或称为修剪控件503，该修剪控件为选中状态)、用于添加滤镜的控件504(或称为滤镜控件504)、用于调节照片的控件(或称为调节控件)、以及用于对照片进行更多编辑的控件(或称为更多控件)等。

在图5中的c所示的界面中，当折叠屏手机接收到用户针对滤镜控件504的触发操作时，折叠屏手机可以显示如图5中的d所示的界面。如图5中的d所示的界面，该界面可以为滤镜功能对应的界面，该界面中的滤镜控件504处于选中状态，该界面中还可以包括：对比控件、用于添加晨光滤镜的控件、用于增加黄昏滤镜的控件、用于添加光晕滤镜的控件505(或称为光晕控件505)、用于添加童年滤镜的控件、以及用于添加怀旧滤镜的控件等。

在如图5中的d所示的界面中，当折叠屏手机接收到用户针对任一用于添加滤镜的控件的触发操作时，如接收到针对光晕控件505的触发操作时，折叠屏手机为照片501添加光晕滤镜，生成编辑处理后的照片，并显示如图5中的e所示的界面。如图5中的e所示的界面，该界面中可以包括：双图控件507、对比控件、上下显示的缩小的照片501以及缩小的照片506，该缩小的照片501可以为原图，缩小的照片506可以为编辑后的图像。其中，该双图控件507可以为选中状态，该选中状态的双图控件507用于指示当前界面对原图以及编辑后的图像进行双图显示。

可能的实现方式中，当折叠屏手机接收到用户在图5中的e所示的界面中针对对比控件的触发操作时，折叠屏手机可以在缩小的照片506的位置处显示缩小的照片501。

可以理解的是，该图5中的e所示的界面中的双图控件507可以为默认开启状态，在该双图控件507为开启状态下，折叠屏手机可以基于用户针对任一添加滤镜的控件的操作，为原图添加滤镜生成编辑后的图像，并对原图以及编辑后的图像进行双图显示，如显示图5中的e所示的界面。

基于此，折叠屏手机可以在接收到用户针对滤镜功能中的任一用于添加滤镜的控件的触发操作，同时显示缩小的原图以及缩小的编辑后的图像，简化查看原图以及编辑后的图像的方法，进而提高用户针对编辑功能的使用体验。

可能的实现方式中，在图5中的e所示的界面中，当折叠屏手机接收到用户针对双图控件507的触发操作时，折叠屏手机可以显示如图5中的f所示的界面。进一步的，在如图5中的f所示的界面中，当折叠屏手机接收到用户针对双图控件508的触发操作时，折叠屏手机可以显示如图5中的e所示的显示有双图的界面。如图5中的f所示的界面，该界面中的可以包括：双图控件508、用于调节滤镜对于原图的显示程度的多个控件等。

可以理解的是，图5中的e所示的界面中的双图控件507的显示状态，与图5中的f所示的界面中的双图控件508的显示状态不同。例如，双图控件507的颜色、形状、缩小或放大状态等，均与双图控件508不同，本申请实施例中对该显示状态不做具体限定。

可以理解的是，双图控件508可以为未选中状态，或理解为该双图控件508可以为关闭状态。折叠屏手机可以记录双图控件的开启状态或关闭状态，并基于该双图控件的状态，在下次接收到用户针对任一添加滤镜的控件的操作时，为原图添加滤镜生成编辑后的图像，并确定是否对原图以及编辑后的图像进行双图显示。

可能的实现方式中，该双图控件507也可以基于用户操作进行关闭。示例性的，当折叠屏手机在图5中的e所示的界面中接收到用户针对双图控件507的触发操作时，折叠屏手机可以显示如图5中的f所示的界面。

一种实现中，当双图控件为开启状态时，终端设备可以基于图5中的a-图5中的e所示的界面，对原图以及编辑后的图像进行双图显示。

另一种实现中，当双图控件为关闭状态时，终端设备可以基于图6对应的实施例对原图以及编辑后的图像进行双图显示。示例性的，图6为本申请实施例提供的另一种从滤镜功能中查看双图的界面示意图。

在双图控件为关闭状态的情况下，如图6中的a所示的界面中，当折叠屏手机接收到针对照片601的图标的触发操作时，折叠屏手机可以显示如图6中的b所示的界面。在如图6中的b所示的界面中，当折叠屏手机接收到用户针对用于编辑照片的控件602的触发操作时，折叠屏手机可以进入编辑功能对应的界面，如显示如图6中的c所示的界面。在图6中的c所示的界面中，当折叠屏手机接收到用户针对滤镜控件604的触发操作时，折叠屏手机可以显示如图6中的d所示的界面。

在如图6中的d所示的界面中，当折叠屏手机接收到用户针对任一用于添加滤镜的控件的触发操作时，如接收到针对光晕控件605的触发操作时，折叠屏手机为照片601添加光晕滤镜，生成编辑处理后的图像606，并确定双图控件的状态。例如，当折叠屏手机确定双图控件处于关闭状态时，折叠屏手机可以显示如图6中的e所示的界面。如图6中的e所示的界面中，该界面中可以包括处于未选中状态的双图控件607。

进一步的，当折叠屏手机接收到用户针对双图控件607的触发操作时，折叠屏手机可以对原图601以及编辑后的图像606进行双图显示，如显示图6中的f所示的界面。该图6中的f所示的界面中的双图控件607为选中状态，或理解为开启状态。

基于此，折叠屏手机可以根据双图控件的状态，确定是否基于用户针对滤镜功能中的任一用于添加滤镜的控件的触发操作，对原图以及编辑后的图像进行双图显示。

可能的实现方式中，当折叠屏手机接收到用户在图5中的f所示的界面中针对用于退出编辑的控件的触发操作时，折叠屏手机可以显示如图6中的b所示的界面；进一步的，在双图控件处于关闭状态下，折叠屏手机可以基于图6中的b所示的界面-图6中的f所示的界面同时显示原图以及编辑后的图像，具体过程在此不再赘述。

方法二、折叠屏手机支持在调节功能中显示双图。

示例性的，图7为本申请实施例提供的一种从调节功能中查看双图的界面示意图。

折叠屏手机显示如图7中的a所示的界面，该界面中可以包括照片501以及调节控件701，该界面中显示的其他内容与图5中的c所示的界面类似，在此不再赘述。如图7中的a所示的界面，当折叠屏手机接收到用户针对调节控件701的触发操作时，折叠屏手机可以显示如图7中的b所示的界面。如图7中的b所示的界面，该界面中可以包括：对比控件、用于进行亮度调节的控件702(或称为亮度控件702，该亮度控件702处于选中状态)、用于进行对比度调节的控件(或称为对比度控件)、用于进行饱和度调节的控件(或称为饱和度控件)、用于进行锐度调节的控件(或称为锐度控件)、用于进行亮部调节的控件(或称为亮部控件)、以及用于调节亮度数值的控件703等。

在如图7中的b所示的界面中，该用于调节亮度数值的控件703可以指示为0，当折叠屏手机接收到用户针对用于调节亮度数值的控件703的触发操作，例如接收到用户将用于调节亮度数值的控件703的数值由0切换到其他数值，如-1时，折叠屏手机可以显示如图7中的c所示的界面。如图7中的c所示的界面，该界面中可以包括：双图控件704、上下显示的缩小的照片501、以及缩小的照片705，该缩小的照片501可以为原图，缩小的照片705可以为编辑后的图像。

可能的实现方式中，折叠屏手机也可以在接收到用户在图7中的b所示的界面中针对对比度控件的操作以及用于调节任一对比度数值的操作，针对饱和度控件的操作以及用于调节任一饱和度数值的操作，针对锐度控件的操作以及用于调节任一锐度数值的操作，或者针对亮部控件的操作以及用于调节任一亮部对应的数值的操作等，使折叠屏手机显示如图7中的c所示的界面，本申请实施例中对此不做限定。

基于此，折叠屏手机可以在接收到用户针对调节功能中的任一用于调节图像的控件的触发操作，同时显示原图以及编辑后的图像，简化查看原图以及编辑后的图像的方法，进而提高用户针对编辑功能的使用体验。

方法三、折叠屏手机支持在更多功能中显示双图。

示例性的，图8为本申请实施例提供的一种从更多功能中查看双图的界面示意图。

折叠屏手机显示如图8中的a所示的界面，该界面中可以包括照片501以及更多控件801，该界面中显示的其他内容与图5中的c所示的界面类似，在此不再赘述。如图8中的a所示的界面，当折叠屏手机接收到用户针对更多控件801的触发操作时，折叠屏手机可以显示如图8中的b所示的界面。如图8中的b所示的界面，该界面中可以包括：对比控件、用于对图像进行美颜的控件802(或称为美颜控件802，该美颜控件802处于选中状态)、用于对图像进行标注的控件、用于涂鸦的控件、用于马赛克的控件、用于添加水印的控件等。

可以理解的是，部分具有图像识别功能的折叠屏手机可以基于对照片501的人脸识别，确定是否显示美颜控件802。例如，当折叠屏手机在照片501中检测到人脸或人形时，该美颜控件802处于可触发状态；或者，当叠屏手机在照片501中未检测到人脸或人形时，该美颜控件802处于不可触发状态。本申请实施例中，以折叠屏手机可以实现对于任一图像的美颜处理为例进行示例说明。

在如图8中的b所示的界面中，当折叠屏手机接收到用户针对美颜控件802的触发操作时，折叠屏手机可以自动对照片501进行美颜处理，并显示如图8中的c所示的界面。如图8中的c所示的界面，该界面中可以包括：双图控件804、用于一键美肤的控件803(或称为一键美肤控件803，该一键美肤控件803处于选中状态)、用于光滑皮肤控件、用于调整肤色的控件、用于美白的控件、用于取消美颜的控件、用于保存美颜的控件、用于关闭美颜的控件、以及上下显示的缩小的照片501、以及缩小的照片805，该缩小的照片501可以为原图，该缩小的照片805可以为编辑后的图像。

基于此，折叠屏手机可以在接收到用户针对美颜功能中的任一用于调整美颜的显示效果的的控件的触发操作，同时显示原图以及编辑后的图像，简化查看原图以及编辑后的图像的方法，进而提高用户针对编辑功能的使用体验。

可能的实现方式中，折叠屏手机不仅可以在内屏的竖屏状态中实现上下双图的显示，也可以实现左右双图的显示。

示例性的，图9为本申请实施例提供的一种左右双图显示的界面示意图。在图9对应的实施例中，以在滤镜功能中触发双图显示为例进行示例说明。

折叠屏手机显示如图9中的a所示的界面，该界面中可以包括添加照片901、以及对比控件等，该界面中显示的其他内容可以参见图5中的d所示的界面中的描述，在此不再赘述。

在图9中的a所示的界面的基础上，当折叠屏手机接收到用户针对任一滤镜控件的操作时，折叠屏手机显示如图9中的b所示的界面。如图9中的b所示的界面，该界面中可以包括：双图控件903、左右显示的缩小的照片901以及缩小的照片902，该缩小的照片901可以为原图，缩小的照片902可以为编辑后的图像。

可以理解的是，折叠屏手机可以在接收到用户针对双图控件的触发时，可以根据原图的比例以及最大展示区域的比例，确定对原图以及编辑后的图进行上下双图显示还是左右双图显示。

示例性的，图10为本申请实施例提供的一种竖屏状态下最大展示区域的示意图。如图10中的a所示的界面，折叠屏竖屏状态下内屏中的用于显示双图的最大展示区域可以为区域1001(或称为最大展示区域1001、或也可以称为预设区域、预览区域)，该最大展示区域1001可以为宽为W、高为H的矩形。

区域1001的尺寸与图10中的a所示的界面中的控件的位置、以及折叠屏手机中的摄像头的位置相关。如图10中的a所示的界面中，由于摄像头1002位于折叠屏手机顶端区域，因此该顶端可以预留有区域1003用于放置摄像头1002；该区域1003下侧可以为区域1004，该区域1004可以用于设置用于退出当前页面的控件、以及保存控件；该折叠屏手机的底端区域1006可以用于设置有编辑功能对应的多个功能控件；区域1006的上侧可以用于设置滤镜功能对应的多个滤镜种类、以及于调节滤镜对于原图的显示程度的多个控件。

可以理解的是，最大展示区域1001可以为图10中的a所示的界面中除区域1003、区域1004、区域1005以及区域1006以外的区域，该最大展示区域1001的W可以为折叠屏竖屏状态下内屏的宽度；该最大展示区域1001的H可以小于W。

参见上述图5-图8对应的实施例中上下显示的双图，该上下显示的双图中间可以包含宽度为x设备独立像素(device independent pixels，dp)的空隙；参见图9对应的实施例中左右显示的双图，左右显示的双图中间可以包含宽度为ydp的空隙。其中，x与y可以相同或也可以不同，本申请实施例中对此不做限定。

其中，dp也可以称为设备无关像素，可以理解为当屏幕每英寸有160个像素时，dp与像素(pixel，px)等价，即px＝dp。

针对图10对应的实施例中描述的竖屏状态下内屏的最大展示区域1001，示例性的，折叠屏手机可以根据原图(或编辑后的图像)的比例以及最大展示区域1001的比例，确定对原图以及编辑后的图进行上下双图显示还是左右双图显示。例如，该最大展示区域1001的比例可以为：最大展示区域1001中可显示区域的宽高比，例如该最大展示区域1001中可显示区域的宽高比Q可以为：

具体的，当折叠屏手机接收到用户针对双图控件的触发时，折叠屏手机可以获取原图(或编辑后的图像)的宽高比，以及Q，在原图(或编辑后的图像)的宽高比大于或等于Q时，则折叠屏手机可以确定在最大展示区域中对原图和编辑后的图像进行上下双图显示，该上下双图显示的图像中间可以设置有宽度为xdp的空隙；或者，在原图(或编辑后的图像)的宽高比小于Q时，则折叠屏手机可以确定在最大展示区域中对原图和编辑后的图像进行左右双图显示，该左右双图显示的图像中可以设置有宽度为ydp的空隙。

可以理解的是，由于原图的尺寸与编辑后的图像的尺寸在通常情况下是一致的，因此折叠屏手机可以基于原图或编辑后的图像中的任一图像的宽高比、以及Q确定双图的排列方式。

可能的实现方式中，当折叠屏手机在进行双图显示之前，对原图进行裁剪、和/或对原图添加相框等处理时，原图的尺寸与编辑后的图像的尺寸不同。此时，折叠屏手机可以在进行双图显示时基于编辑后的图像的宽高比与Q的关系，确定对原图以及编辑后的图像进行上下双图显示或者左右双图显示。

场景二、折叠屏手机可以在折叠屏手机内屏的横屏状态中实现界面处理方法。

可以理解的是，内屏处于横屏状态的折叠屏手机也可以支持双图的上下展示(参见图11对应的实施例)、以及双图的左右展示(参见图12对应的实施例)。

示例性的，图11为本申请实施例提供的一种竖屏状态中双图显示的界面示意图。

可以理解的是，图11中的a所示的界面可以为处于横屏状态的折叠屏手机内屏显示的界面。其中，由于折叠屏手机的右半屏可以显示有摄像头1101，使得摄像头1101所在位置处无法显示任一控件或者图像，因此折叠屏手机可以提供两种横屏状态下的双图显示方式。

一种实现中，如图11中的a所示的界面，当摄像头1101位于折叠屏手机内屏中的右半屏，且摄像头1101位于横屏状态的折叠屏手机的右侧时，折叠屏手机可以将双图上下显示在处于内屏横屏状态的折叠屏手机的左侧区域，且该双图可以紧靠折叠屏手机的左侧边缘，或可以理解为最大展示区域可以紧靠折叠屏手机的左侧边缘。其中，该图11中的a所示的界面可以为对处于内屏竖屏状态的折叠屏手机向右旋转90°(或者向左旋转270°)得到的界面。

可以理解的是，图11中的a所示的界面中，当该双图中的任一图像的比例与处于内屏横屏状态的折叠屏手机的最大展示区域的比例不适应时，该双图也可以不紧靠折叠屏手机的左侧边缘。

另一种实现中，如图11中的b所示的界面，当摄像头1101位于折叠屏手机内屏中的右半屏，且摄像头1101位于横屏状态的折叠屏手机的左侧时，折叠屏手机可以将双图上下显示在处于内屏横屏状态的折叠屏手机的左侧区域，且由于摄像头1101位于左侧因此双图无法紧靠折叠屏手机的左侧边缘，或可以理解为最大展示区域无法紧靠折叠屏手机的左侧边缘。其中，该图11中的b所示的界面可以为对处于内屏竖屏状态的折叠屏手机向右旋转270°(或者向左旋转90°)得到的界面。

可以理解的是，处于内屏横屏状态的折叠屏手机可以存在两种显示双图的方式，例如折叠屏手机可以根据折叠屏手机的摄像头所在位置，确定双图显示的位置。

类似的，当双图左右显示时，内屏横屏状态的折叠屏手机也可以根据折叠屏手机的摄像头所在位置确定双图显示的位置。示例性的，图12为本申请实施例提供的另一种竖屏状态中双图显示的界面示意图。

一种实现中，如图12中的a所示的界面，当摄像头1201位于折叠屏手机内屏中的右半屏，且摄像头1201位于横屏状态的折叠屏手机的右侧时，折叠屏手机可以将双图左右显示在处于内屏横屏状态的折叠屏手机的左侧区域，且该双图可以紧靠折叠屏手机的左侧边缘，或可以理解为最大展示区域可以紧靠折叠屏手机的左侧边缘。其中，该图12中的a所示的界面可以为对处于内屏竖屏状态的折叠屏手机向右旋转90°(或者向左旋转270°)得到的界面。

可以理解的是，图12中的a所示的界面中，当该双图中的任一图像的比例与处于内屏横屏状态的折叠屏手机的最大展示区域的比例不适应时，该双图也可以不紧靠折叠屏手机的左侧边缘。

另一种实现中，如图12中的b所示的界面，当摄像头1201位于折叠屏手机内屏中的右半屏，且摄像头1201位于横屏状态的折叠屏手机的左侧时，折叠屏手机可以将双图左右显示在处于内屏横屏状态的折叠屏手机的左侧区域，且由于摄像头1201位于左侧因此双图无法紧靠折叠屏手机的左侧边缘，或可以理解为最大展示区域无法紧靠折叠屏手机的左侧边缘。其中，该图12中的b所示的界面可以为对处于内屏竖屏状态的折叠屏手机向右旋转270°(或者向左旋转90°)得到的界面。

在图11以及图12对应的实施例的基础上，折叠屏手机可以根据原图(或编辑后的图像)的比例以及最大展示区域的比例，确定对原图以及编辑后的图进行上下双图显示还是左右双图显示。

示例性的，图13为本申请实施例提供的一种横屏状态下最大展示区域的示意图。

一种实现中，如图13中的a所示的界面，当摄像头位于横屏状态的折叠屏手机的右侧时，折叠屏横屏状态下内屏中的用于显示双图的最大展示区域可以为区域1301(或称为最大展示区域1301)，该最大展示区域1301可以为宽为W、高为H的矩形。可以理解的是，该最大展示区域1301可以紧靠折叠屏手机的左侧。

另一种实现中，如图13中的b所示的界面，当摄像头位于横屏状态的折叠屏手机的左侧时，折叠屏横屏状态下内屏中的用于显示双图的最大展示区域可以为区域1302(或称为最大展示区域1302)，该最大展示区域1302可以为宽为W、高为H的矩形。可以理解的是，由于摄像头的存在，最大展示区域1301无法紧靠折叠屏手机的左侧。

其中，该最大展示区域1301与最大展示区域1302的尺寸可以相同也可以不同，本申请实施例中对此不做限定。

图13中的a(或b)所示的界面中的最大展示区域可以为除控件以及摄像头以外的区域，该最大展示区域可以为宽为W高为H的区域，H可以大于W。参见上述图11对应的实施例中上下显示的双图，该上下显示的双图中间可以包含宽度为xdp的空隙；参见图12对应的实施例中左右显示的双图，该左右显示的双图中间可以包含宽度为ydp的空隙。其中，x与y可以相同或也可以不同，本申请实施例中对此不做限定。

具体的，当折叠屏手机接收到用户针对双图控件的触发时，折叠屏手机可以获取原图(或编辑后的图像)的宽高比，以及Q，在原图(或编辑后的图像)的宽高比大于或等于Q时，则折叠屏手机可以确定在最大展示区域中对原图和编辑后的图像进行上下双图显示，该上下双图显示的图像中间可以设置有宽度为xdp的空隙。或者，在原图(或编辑后的图像)的宽高比小于Q时，则折叠屏手机可以确定在最大展示区域中对原图和编辑后的图像进行左右双图显示，该左右双图显示的图像中可以设置有宽度为ydp的空隙。

其中，获取Q的方式可以参见图10对应的实施例，该获取Q的过程中W、H、x、以及y的取值均可以与图10对应的实施例中不同本申请实施例中对此不做限定。

可以理解的是，图13对应的实施例中描述的最大展示区域，可以与图10对应的实施例中描述的最大展示区域的尺寸不同或相同，任一界面中的最大展示区域的尺寸以及位置可以与终端设备的横竖屏情况(或折叠状态)、界面中的控件的位置、以及摄像头的位置相关。

场景三、折叠屏手机可以支持界面处理方法在横屏状态以及竖屏状态的切换。

可以理解的是，在上述图5-图13对应的实施例的基础上，折叠屏手机可以也可以支持双图上下显示时的横竖屏切换(参见图14对应的实施例)，或者折叠屏手机也可以支持双图左右显示时的横竖屏切换(参见图15对应的实施例)。

示例性的，图14为本申请实施例提供的一种横竖屏切换的界面示意图。

在处于竖屏状态的折叠屏手机内屏显示如图14中的a所示的界面的情况下，当折叠屏手机接收到用户切换到横屏状态，例如接收到用户将折叠屏手机向右旋转90°的操作时，折叠屏手机可以显示如图14中的b所示的界面。

进一步的，在如图14中的b所示的界面中，当折叠屏手机接收到用户将折叠屏手机向右旋转180°(或者向左旋转180°)的操作时，折叠屏手机可以显示如图14中的c所示的界面。或者，在如图14中的a所示的界面中，当折叠屏手机接收到用户将折叠屏手机向左旋转90°的操作时，折叠屏手机可以显示如图14中的c所示的界面。

可以理解的是，在图14中的a所示的界面中、图14中的b所示的界面中、以及图14中的c所示的界面中，双图均保持上下显示；并且，由于图14中的a所示的界面中的最大展示区域可以与图14中的b(或c)所示的界面中的最大展示区域的尺寸可以不同，因此图14中的a所示的界面中的原图的尺寸可以与图14中的b(或c)所示的界面中的原图的尺寸不同，图14中的a所示的界面中的编辑后的图像的尺寸可以与图14中的b(或c)所示的界面中的编辑后的图像的尺寸不同。

可能的实现方式中，在图14中的a所示的界面中的最大展示区域与图14中的b(或c)所示的界面中的最大展示区域的尺寸相同时，因此图14中的a所示的界面中的原图的尺寸可以与图14中的b(或c)所示的界面中的原图的尺寸相同，图14中的a所示的界面中的编辑后的图像的尺寸可以与图14中的b(或c)所示的界面中的编辑后的图像的尺寸相同，本申请实施例中对此不做限定。

示例性的，图15为本申请实施例提供的另一种横竖屏切换的界面示意图。

在处于竖屏状态的折叠屏手机内屏显示如图15中的a所示的界面的情况下，当折叠屏手机接收到用户切换到横屏状态，例如接收到用户将折叠屏手机向右旋转90°的操作时，折叠屏手机可以向显示如图15中的b所示的界面。

进一步的，在如图15中的b所示的界面中，当折叠屏手机接收到用户将折叠屏手机向右旋转180°(或者向左旋转180°)的操作时，折叠屏手机可以显示如图15中的c所示的界面。或者，在如图15中的a所示的界面中，当折叠屏手机接收到用户将折叠屏手机向左旋转90°的操作时，折叠屏手机可以显示如图15中的c所示的界面。

可以理解的是，在图15中的a所示的界面中、图15中的b所示的界面中、以及图15中的c所示的界面中，双图均保持左右显示。

参见图14-图15对应的实施例，折叠屏手机可以基于陀螺仪传感器检测折叠屏手机内屏的横屏状态或竖屏状态。

基于此，折叠屏手机可以基于用户针对折叠屏手机的横竖屏切换的操作，在处于不同横竖屏状态的折叠屏手机中显示双图，且不同横竖屏状态下的双图的排列方式一致，进而提高用户使用编辑功能的使用体验。

可能的实现方式中，在折叠屏手机内屏显示双图的情况下，当折叠屏手机接收到用户折叠内屏的操作时，则折叠屏手机将无法在外屏中继续显示双图。进一步的，在折叠屏手机内屏显示双图，且基于用户折叠手机的操作在外屏显示单图的情况下，折叠屏手机也可以基于用户再次展开内屏的操作，在折叠屏手机的内屏再次显示双图。

示例性的，图16为本申请实施例提供的一种折叠手机的界面示意图。

折叠屏手机的内屏显示如图16中的a所示的界面，该界面中的双图控件为选中状态(或开启状态)。在处于竖屏状态的折叠屏手机内屏显示如图16中的a所示的界面中双图上下显示的情况下，当折叠屏手机接收到用户折叠手机的操作时，折叠屏手机可以在折叠屏手机的外屏显示如图16中的b所示的界面。如图16中的b所示的界面，由于外屏对应的界面中不支持双图显示，因此该界面中无法显示双图以及双图控件，而显示编辑后的图像，该界面中还包括对比控件。

可以理解的是，用户折叠手机的操作也可以理解为折叠屏手机满足折叠状态，该折叠状态可以参见图4对应的实施例中的描述。

可能的实现方式中，在折叠屏手机由图16中的a所示的界面切换至图16中的b所示的界面的情况下，当折叠屏手机接收到用户展开折叠屏手机(或理解为折叠屏手机满足展开状态)的操作时，折叠屏手机可以根据双图控件的开启状态，确定由图16中的b所示的界面切换至图16中的a所示的界面。其中，关于展开状态的描述可以参见图4对应的实施例。

其中，折叠屏手机可以基于角链传感器等检测折叠角度的变化情况。

可以理解的是，在折叠屏手机已经在内屏显示双图(或理解为双图控件为开启状态)的情况下，折叠屏手机可以基于由内屏切换至外屏，再由外屏切换至内屏的操作，再次在内屏中显示双图；或者，当折叠屏手机的内屏未显示双图(或理解为双图控件为关闭状态)的情况下，无论用户如何进行内外屏切换，折叠屏手机都无法在内屏显示双图；或者，当折叠屏手机在外屏显示单图的情况下，用户由外屏切换至内屏，折叠屏手机无法直接在内屏中显示双图，但可以基于用户在内屏中通过双图控件的触发操作显示双图(或理解为将关闭状态的双图控件切换为开启状态)。

基于此，折叠屏手机可以基于用户折叠手机或者展开折叠手机的操作，实现在内屏中显示双图或者外屏中显示单图，使得显示的图像更符合用户对于折叠屏手机的使用需求。

可以理解的是，上述图5-图16对应的实施例中描述的界面仅作为一种示例，并不能构成对本申请实施例的限定。

在图5-图16对应的实施例的基础上，可能的实现方式中，本申请实施例提供的一种界面处理方法，使得折叠屏手机可以在内屏的不同状态实现双图的上下显示或者双图的左右显示。

示例性的，图17为本申请实施例提供的一种界面处理方法的流程示意图。在图17对应的实施例的基础上，以折叠屏手机中的滤镜功能显示双图为例，对界面处理方法进行示例说明。如图17所示，折叠屏手机中可以包括：滤镜管理模块、界面控件管理模块、预览区图片绘制管理模块、预览区图片绘制计算模块、视图系统、以及显示驱动等模块。

如图17所示，该界面处理方法可以包括如下步骤：

S1701、在折叠屏手机接收到用户针对任一滤镜控件的触发操作时，滤镜管理模块向预览区图片绘制管理模块发送用于绘制预览区域的消息。

示例性的，在滤镜功能对应的界面中，折叠屏手机可以在接收到用户针对任一滤镜控件的触发操作时，指示滤镜管理模块向预览区图片绘制管理模块发送该用于绘制预览区域的消息。其中，折叠屏手机可以基于图5对应的实施例执行S1701所示的步骤。

可能的实现方式中，当折叠屏手机接收到用户切换横竖屏的操作时，折叠屏手机中的陀螺仪传感器可以将检测到的横竖屏情况发送至滤镜管理模块，进而滤镜管理模块将该横竖屏情况发送至界面控件管理模块，使得界面控件管理模块可以实现对于控件的宽高以及控件位置的调整。

可能的实现方式中，当折叠屏手机接收到用户折叠手机或者展开手机的操作时，折叠屏手机中的角链传感器也可以将检测到的折叠情况发送至滤镜管理模块，进而滤镜管理模块将该折叠情况发送至界面控件管理模块，使得界面控件管理模块可以基于折叠情况确定在折叠屏手机的外屏显示还是在折叠屏手机的内屏显示，并实现在内屏或者外屏中对于控件的宽高以及控件位置的调整。

S1702、预览区图片绘制管理模块向滤镜管理模块发送用于获取滤镜管理功能对应的界面中控件的宽高和位置的消息。

适应的，滤镜管理模块可以接收到该预览区图片绘制管理模块发送的用于获取滤镜管理功能对应的界面中控件的宽高和位置的消息。

S1703、滤镜管理模块向界面控件管理模块发送用于获取滤镜管理功能对应的界面中控件的宽高和位置的消息。

适应的，界面控件管理模块可以接收到该滤镜管理模块发送的用于获取滤镜管理功能对应的界面中控件的宽高和位置的消息。

S1704、界面控件管理模块向滤镜管理模块发送用于指示各控件宽高和位置的消息。

本申请实施例中，界面控件管理模块中可以存储有滤镜功能对应的界面中的各控件的宽高信息、以及位置信息；该件的宽高信息、以及位置信息可以与当前折叠屏手机的内屏的横竖屏情况相关、以及折叠屏手机为内屏显示或者外屏显示的情况相关。

可以理解的是，处于横屏状态的折叠屏手机内屏中的控件的位置以及宽高、处于竖屏状态的折叠屏手机内屏中的控件的位置以及宽高、以及折叠屏手机外屏中的控件的位置以及宽高均可以不同。

S1705、滤镜管理模块向预览区图片绘制管理模块发送用于指示各控件宽高和位置的消息。

适应的，预览区图片绘制管理模块可以接收到滤镜管理模块发送的用于指示各控件宽高和位置的消息。

S1706、预览区图片绘制管理向预览区图片绘制计算模块发送用于指示计算双图显示位置的消息。

其中，该用于指示计算双图显示位置的消息中可以包括：包括各控件宽高和位置、双图的宽高、以及双图控件的状态。

可能的实现方式中，如图3所示，预览区图片绘制管理模块可以通过滤镜管理模块、编辑管理模块、以及数据处理模块，从数据缓存模块中获取原图以及编辑后的图像。示例性的，预览区图片绘制管理模块可以在接收到滤镜管理模块发送的用于指示各控件宽高和位置的消息时，经过滤镜管理模块、编辑管理模块、以及数据处理模块，从数据缓存模块中获取原图以及编辑后的图像。或者，预览区图片绘制管理模块也可以在接收到来自S1701所示的步骤中用于绘制预览区域的消息时，经过滤镜管理模块、编辑管理模块、以及数据处理模块从数据缓存模块中获取原图以及编辑后的图像；或者数据缓存模块也可以主动将生成的原图以及编辑后的图像，通过数据处理模块、编辑管理模块以及滤镜管理模块发送至预览区图片绘制管理模块，本申请实施例中对此不做限定。

S1707、预览区图片绘制计算模块根据各控件的宽高和位置、以及摄像头所在位置，确定最大展示区域的尺寸以及位置。

示例性的，预览区图片绘制计算模块可以将内屏中除各控件的位置、以及摄像头所在位置以外的区域设置为最大展示区域；该最大展示区域的尺寸与位置可以参见图10以及图13对应的实施例中的描述，在此不再赘述。

S1708、在双图控件为开启状态下，预览区图片绘制计算模块根据最大展示区域的尺寸、以及双图的宽高，确定双图的排列方式。

示例性的，预览区图片绘制计算模块根据最大展示区域的尺寸以及双图的宽高确定双图的排列方式的过程可以参见图10或图13对应的实施例中的描述，在此不再赘述。

S1709、预览区图片绘制计算模块根据双图的排列方式生成组合图像，并确定组合图像在最大展示区域中的位置。

一种实现中，该组合图像中可以包括：双图以及双图之间宽度为xdp(或ydp)的空隙。示例性的，图18为本申请实施例提供的一种双图排列的示意图。

以双图左右显示为例进行示例说明，预览区图片绘制计算模块可以生成如图18中的a所示的组合图，并以组合图中的空隙为中心，将组合图放置在图18中的b所示的最大展示区的中心；进一步的，在保证空隙宽度不变的情况下，预览区图片绘制计算模块可以对原图以及编辑后的图像同步进行等比例放大(或者缩小)，使得放大(或者缩小)后的原图以及放大(或者缩小)后的编辑后的图像可以覆盖最大展示区域中的最大尺寸。

其中，如图18中的c所示，原图(或编辑后的图像)的任一边可以满足

或者H。

另一种实现中，该组合图也可以为双图，预览区图片绘制计算模块可以对最大展示区域进行分割。示例性的，图19为本申请实施例提供的另一种双图排列的示意图。

如图19中的a所示，最大展示区域的宽为W高为H。例如按照双图的排列方式，在竖屏状态下确定双图左右显示时，将最大展示区域划分为左图显示区域1901、空隙区域1903、以及右图显示区域1902；进而将原图放大或缩小放置在左图显示区域1901中，使得放大或缩小后的原图紧靠右侧空隙区域1903；并且，将编辑后的图像放大或缩小放置在右图显示区域1902中，使得放大或缩小后的编辑后的图像紧靠左侧空隙区域1903。其中，空隙区域1903的宽度可以为ydp，高可以为H。

如图19中的b所示，最大展示区域的宽为W高为H。在竖屏状态下确定双图上下显示时，将最大展示区域划分为上图显示区域1904、空隙区域1906、以及下图显示区域1905；进而将原图放大或缩小放置在上图显示区域中，使得放大或缩小后的原图紧靠下侧空隙区域1906，将编辑后的图像放大或缩小放置在下图显示区域1905中，使得放大或缩小后的编辑后的图像紧靠上侧空隙区域1906。其中，空隙区域1906的宽度为xdp，高可以为W。

可以理解的是，横屏状态下对最大展示区域的分割方法，与19对应的实施例中竖屏状态下对最大展示区域的分割的方法类似，在此不再赘述。

S1710、预览区图片绘制计算模块确定双图中原图以及编辑后的图像分别在界面中的位置。

其中，预览区图片绘制计算模块可以确定原图以及编辑后的图像分别在界面中的坐标，用该坐标指示原图以及编辑后的图像的位置。

S1711、预览区图片绘制计算模块向预览区图片绘制管理模块发送用于指示双图中原图以及编辑后的图像分别在图像中的位置的消息。

其中，该用于指示双图中原图以及编辑后的图像分别在图像中的位置的消息中可以包括：双图分别对应的坐标。

S1712、预览区图片绘制管理模块根据原图以及编辑后的图像分别在图像中的位置的消息，进行双图绘制，得到界面绘制结果。

示例性的，预览区图片绘制管理模块可以根据双图的坐标，对滤镜功能对应的界面进行绘制，使得用户可以在该滤镜功能对应的界面中显示双图。例如，预览区图片绘制管理模块可以绘制得到图5中的e所示的界面等包含双图的界面等。

S1713、预览区图片绘制管理模块向视图系统发送界面绘制结果。

适应的，视图系统可以接收到该预览区图片绘制管理模块发送的界面绘制结果。

S1714、视图系统向显示驱动发送界面绘制结果。

适应的，显示驱动可以接收视图系统发送的界面绘制结果。

S1715、显示驱动调显示器显示界面绘制结果。

基于此，折叠屏手机可以基于模块之前的数据交互，实现对于双图的绘制，使得用户可以直观的查看到原图以及编辑后的图像之间的差异，进而增强用户使用编辑功能的使用体验。

可能的实现方式中，当折叠屏手机在调节功能等中显示双图时，该滤镜管理模块可以替换为调节管理模块；并且，该预览区图片绘制管理模块、以及界面控件管理模块均可以为该调节功能中的模块，界面处理方法与图17对应的实施例类似，在此不再赘述。

在图16对应的实施例的基础上，当折叠屏手机接收到用户在图5中的e所示的界面中针对修剪控件的触发操作时，折叠屏手机可以显示如图5中的c所示的界面。可以理解的是，修剪功能对应的界面中可以不支持双图显示。

可能的实现方式中，当折叠屏手机在图5中的e所示的界面中显示双图的情况下，基于用户针对修剪控件的操作显示如图5中的c所示的界面；并且，在图5中的c所示的界面中接收到用户针对滤镜控件504的触发操作时，折叠屏手机可以执行图17对应的实施例中的S1701-S1715所示的步骤，使得折叠屏手机可以再次显示如图5中的e所示的界面。

可能的实现方式中，当折叠屏手机在图5中的e所示的界面中显示双图的情况下，基于用户针对修剪控件的操作显示如图5中的c所示的界面；并且，在图5中的c所示的界面中接收到用户针对调节控件的触发操作时，使得折叠屏手机可以在调节功能中显示双图，例如折叠屏手机显示如图6中的c所示的界面。

上面结合图4-图19，对本申请实施例提供的方法进行了说明，下面对本申请实施例提供的执行上述方法的装置进行描述。如图20所示，图20为本申请实施例提供的一种界面处理装置的结构示意图，该界面处理装置可以是本申请实施例中的终端设备，也可以是终端设备内的芯片或芯片系统。

如图20所示，界面处理装置2000可以用于通信设备、电路、硬件组件或者芯片中，该界面处理装置包括：显示单元2001、以及处理单元2002。其中，显示单元2001用于支持界面处理装置2000执行的显示的步骤；处理单元2002用于支持界面处理装置2000执行信息处理的步骤。

具体的，本申请实施例提供一种界面处理装置2000，显示单元2001，用于显示第一界面；第一界面中包括第一图像；处理单元2002，用于接收第一操作；响应于第一操作，显示单元2001，还用于显示第二界面；其中，第二界面中包括：缩小的第一图像、缩小的第二图像、以及第一控件；第二图像为对第一图像进行编辑处理后得到的图像；处理单元2002，还用于接收针对第一控件的第二操作；响应于第二操作，显示单元2001，还用于显示第三界面；其中，第三界面中包括第二图像、以及第一控件；处理单元2002，还用于接收针对第一控件的第三操作；响应于第三操作，显示单元2001，还用于显示第二界面。

可能的实现方式中，该界面处理装置2000中也可以包括通信单元2003。具体的，通信单元用于支持界面处理装置2000执行数据的发送以及数据的接收的步骤。其中，该通信单元2003可以是输入或者输出接口、管脚或者电路等。

可能的实施例中，界面处理装置还可以包括：存储单元2004。处理单元2002、存储单元2004通过线路相连。存储单元2004可以包括一个或者多个存储器，存储器可以是一个或者多个设备、电路中用于存储程序或者数据的器件。存储单元2004可以独立存在，通过通信线路与界面处理装置具有的处理单元2002相连。存储单元2004也可以和处理单元2002集成在一起。

存储单元2004可以存储终端设备中的方法的计算机执行指令，以使处理单元2002执行上述实施例中的方法。存储单元2004可以是寄存器、缓存或者RAM等，存储单元2004可以和处理单元2002集成在一起。存储单元2004可以是只读存储器(read-only memory，ROM)或者可存储静态信息和指令的其他类型的静态存储设备，存储单元2004可以与处理单元2002相独立。

图21为本申请实施例提供的另一种终端设备的硬件结构示意图，如图21所示，该终端设备包括处理器2101，通信线路2104以及至少一个通信接口(图21中示例性的以通信接口2103为例进行说明)。

处理器2101可以是一个通用中央处理器(central processing unit，CPU)，微处理器，特定应用集成电路(application-specific integrated circuit，ASIC)，或一个或多个用于控制本申请方案程序执行的集成电路。

通信线路2104可包括在上述组件之间传送信息的电路。

通信接口2103，使用任何收发器一类的装置，用于与其他设备或通信网络通信，如以太网，无线局域网(wireless local area networks，WLAN)等。

可能的，该终端设备还可以包括存储器2102。

存储器2102可以是只读存储器(read-only memory，ROM)或可存储静态信息和指令的其他类型的静态存储设备，随机存取存储器(random access memory，RAM)或者可存储信息和指令的其他类型的动态存储设备，也可以是电可擦可编程只读存储器(electrically erasable programmable read-only memory，EEPROM)、只读光盘(compactdisc read-only memory，CD-ROM)或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。存储器可以是独立存在，通过通信线路2104与处理器相连接。存储器也可以和处理器集成在一起。

其中，存储器2102用于存储执行本申请方案的计算机执行指令，并由处理器2101来控制执行。处理器2101用于执行存储器2102中存储的计算机执行指令，从而实现本申请实施例所提供的界面处理方法。

可能的，本申请实施例中的计算机执行指令也可以称之为应用程序代码，本申请实施例对此不作具体限定。

在具体实现中，作为一种实施例，处理器2101可以包括一个或多个CPU，例如图21中的CPU0和CPU1。

在具体实现中，作为一种实施例，终端设备可以包括多个处理器，例如图21中的处理器2101和处理器2105。这些处理器中的每一个可以是一个单核(single-CPU)处理器，也可以是一个多核(multi-CPU)处理器。这里的处理器可以指一个或多个设备、电路、和/或用于处理数据(例如计算机程序指令)的处理核。

计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行计算机程序指令时，全部或部分地产生按照本申请实施例的流程或功能。计算机可以是通用计算机、专用计算机、计算机网络或者其他可编程装置。计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一计算机可读存储介质传输，例如，计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(digital subscriber line，DSL)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。计算机可读存储介质可以是计算机能够存储的任何可用介质或者是包括一个或多个可用介质集成的服务器、数据中心等数据存储设备。例如，可用介质可以包括磁性介质(例如，软盘、硬盘或磁带)、光介质(例如，数字通用光盘(digital versatile disc，DVD))、或者半导体介质(例如，固态硬盘(solid state disk，SSD))等。

本申请实施例还提供了一种计算机可读存储介质。上述实施例中描述的方法可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。计算机可读介质可以包括计算机存储介质和通信介质，还可以包括任何可以将计算机程序从一个地方传送到另一个地方的介质。存储介质可以是可由计算机访问的任何目标介质。

作为一种可能的设计，计算机可读介质可以包括紧凑型光盘只读储存器(compactdisc read-only memory，CD-ROM)、RAM、ROM、EEPROM或其它光盘存储器；计算机可读介质可以包括磁盘存储器或其它磁盘存储设备。而且，任何连接线也可以被适当地称为计算机可读介质。例如，如果使用同轴电缆，光纤电缆，双绞线，DSL或无线技术(如红外，无线电和微波)从网站，服务器或其它远程源传输软件，则同轴电缆，光纤电缆，双绞线，DSL或诸如红外，无线电和微波之类的无线技术包括在介质的定义中。如本文所使用的磁盘和光盘包括光盘(CD)，激光盘，光盘，数字通用光盘(digital versatile disc，DVD)，软盘和蓝光盘，其中磁盘通常以磁性方式再现数据，而光盘利用激光光学地再现数据。

上述的组合也应包括在计算机可读介质的范围内。以上，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。

Claims (18)

1.一种界面处理方法，其特征在于，所述方法包括：

终端设备显示第一界面；所述第一界面中包括第一图像；

所述终端设备接收第一操作；

响应于所述第一操作，所述终端设备显示第二界面；其中，所述第二界面中包括：缩小的所述第一图像、缩小的第二图像、以及第一控件；所述第二图像为对所述第一图像进行编辑处理后得到的图像；

所述终端设备接收针对所述第一控件的第二操作；

响应于所述第二操作，所述终端设备显示第三界面；其中，所述第三界面中包括所述第二图像、以及所述第一控件；

所述终端设备接收针对所述第一控件的第三操作；

响应于所述第三操作，所述终端设备显示所述第二界面。

2.根据权利要求1所述的方法，其特征在于，所述第三界面中还包括：用于结束对所述第一图像进行编辑的第二控件；所述终端设备显示第三界面之后，所述方法还包括：

所述终端设备接收针对所述第二控件的操作；

响应于针对所述第二控件的操作，所述终端设备显示第四界面；其中，所述第四界面中包括：放大的所述第一图像、以及用于开启对所述第一图像进行编辑的界面的第三控件；

所述终端设备接收针对所述第三控件的操作；

响应于针对所述第三控件的操作，所述终端设备显示第五界面；其中，所述第五界面中包括：所述第一图像、用于编辑所述第一图像的显示效果的第四控件；

所述终端设备接收针对所述第四控件的操作；

响应于针对所述第四控件的操作，所述终端设备显示所述第一界面；

所述终端设备接收针对所述第一界面的第四操作；

响应于所述第四操作，所述终端设备显示所述第三界面；

所述终端设备接收针对所述第一控件的操作；

响应于针对所述第一控件的操作，所述终端设备显示所述第二界面。

3.根据权利要求2所述的方法，其特征在于，所述终端设备显示第一界面，包括：

所述终端设备显示所述第四界面；

所述终端设备接收针对所述第三控件的操作；

响应于针对所述第三控件的操作，所述终端设备显示所述第五界面；

所述终端设备接收针对所述第四控件的操作；

响应于针对所述第四控件的操作，所述终端设备显示所述第一界面。

4.根据权利要求1-3任一项所述的方法，其特征在于，所述第一控件在所述第二界面中的显示状态与所述第一控件在所述第三界面中的显示状态不同。

5.根据权利要求4所述的方法，其特征在于，所述显示状态包括下述一种或多种：颜色、形状、缩小状态、或放大状态。

6.根据权利要求1-5任一项所述的方法，其特征在于，所述第二界面中还包括：用于对比所述第一图像以及所述第二图像的第五控件，所述方法还包括：

所述终端设备接收针对所述第五控件的操作；

响应于针对所述第五控件的操作，所述终端设备在所述缩小的第二图像的位置处显示所述缩小的所述第一图像。

7.根据权利要求1-6任一项所述的方法，其特征在于，所述响应于所述第一操作，所述终端设备显示第二界面，包括：

在所述第二图像的宽高比大于或等于第一阈值时，所述终端设备确定在所述第二界面中对所述缩小的所述第一图像以及缩小的所述第二图像上下显示；

或者，在所述第二图像的宽高比小于所述第一阈值时，所述终端设备确定在所述第二界面中对所述缩小的所述第一图像以及所述缩小的所述第二图像左右显示。

8.根据权利要求7所述的方法，其特征在于，所述第一阈值Q满足：

其中，所述W为预设区域的宽，所述H为预设区域的高，所述预设区域为用于显示所述缩小的所述第一图像以及所述缩小的所述第二图像的区域；所述xdp为对所述缩小的所述第一图像以及所述缩小的所述第二图像上下显示时，所述缩小的所述第一图像以及所述缩小的所述第二图像之间的空隙；所述ydp为对所述缩小的所述第一图像以及所述缩小的所述第二图像左右显示时，所述缩小的所述第一图像以及所述缩小的所述第二图像之间的空隙。

9.根据权利要求8所述的方法，其特征在于，所述预设区域的位置与所述终端设备的摄像头所在位置、以及所述第二界面中控件的位置相关。

10.根据权利要求1-9任一项所述的方法，其特征在于，所述终端设备包括第一显示屏以及第二显示屏，所述第一显示屏可折叠，响应于所述第一操作，所述终端设备显示第二界面，包括：

所述终端设备利用所述第一显示屏显示所述第二界面。

11.根据权利要求10所述的方法，其特征在于，所述方法还包括：

所述终端设备接收折叠所述第一显示屏的操作；

响应于所述折叠所述第一显示屏的操作，所述终端设备利用所述第二显示屏显示第六界面；其中，所述第六界面中包括缩小的所述第二图像。

12.根据权利要求10或11所述的方法，其特征在于，所述方法还包括：

所述终端设备接收旋转所述第一显示屏的第三操作；

响应于所述第三操作，所述终端设备利用所述第一显示屏显示第七界面；其中，所述第七界面中包括：所述缩小的所述第一图像以及所述缩小的所述第二图像，当所述第二界面为所述终端设备处于竖屏状态下的界面时，所述第七界面为所述终端设备处于横屏状态下的界面。

13.根据权利要求12所述的方法，其特征在于，所述缩小的所述第一图像在所述第二界面中的尺寸与所述缩小的所述第一图像在所述第七界面中的尺寸相同或不同；所述缩小的所述第二图像在所述第二界面中的尺寸与所述缩小的所述第二图像在所述第七界面中的尺寸相同或不同。

14.根据权利要求1-13任一项所述的方法，其特征在于，所述第一操作包括：为所述第一图像添加任一滤镜的操作、对所述第一图像的细节进行调节的任一操作、或对所述第一图像进行美颜的操作。

15.根据权利要求1-14任一项所述的方法，其特征在于，所述终端设备中包括所述第一控件的开启状态或所述第一控件的关闭状态，所述响应于所述第二操作，所述终端设备显示第三界面，包括：

响应于所述第二操作且所述第一控件为所述关闭状态时，所述终端设备显示所述第三界面。

16.根据权利要求15所述的方法，其特征在于，所述响应于所述第一操作，所述终端设备显示第二界面，包括：

所述响应于所述第一操作且所述第一控件为所述开启状态时，所述终端设备显示所述第二界面。

17.一种终端设备，其特征在于，所述终端设备包括用于存储计算机程序指令的存储器和用于执行程序指令的处理器，其中，当该计算机程序指令被该处理器执行时，触发所述终端设备执行权利要求1-16中任一项所述的方法。

18.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机程序，当其在计算机上运行时，使得计算机执行权利要求1-16中任一项所述的方法。

Images