CN111045570A - 一种图片的显示方法、装置及终端 - Google Patents

Abstract

本申请实施例提供了一种图片的显示方法、装置及终端。通过移动分割线而将两个显示区域中的一个显示区域的大小调整至覆盖显示界面，便可以自动触发将该覆盖显示界面的显示区域中当前显示的图片替换为其它需要的显示图片，从而实现了灵活的切换显示区域中需要显示的图片，以提升使用的灵活度和扩展性，并提高用户的使用体验。

Description

一种图片的显示方法、装置及终端

技术领域

本申请涉及计算机技术领域，具体而言，涉及一种图片的显示方法、装置及终端。

背景技术

现有技术中为了同时查看两张图片，有的软件开发商将两张图片分别放置到显示界面上不同的两个区域，例如，显示界面分为显示区域A和显示区域B，显示区域A中显示出图片X，而显示区域B中显示出图片Y。用户便可通过分别观看两个显示区域中的图片，即可以对两张图片的内容进行对比。然而，这种方式的问题在于，较于通过整个显示界面显示图片来说，通过显示区域显示的图片使得图片的整体尺寸被缩小，导致用户无法观察到图片上的细节。

为解决上述问题，有的软件开发商在显示界面中设置有将显示界面分割成两个显示区域的分割线。当两张图片各自在对应的一个显示区域显示时，每张图像都可以在各自的显示区域内显示出各自图片上的一部分内容，例如，显示区域A位于显示界面上的左边，而显示区域B位于显示界面上的右边，那么显示区域A显示出图片X上的左半部分内容，而显示区域B则显示出图片Y上的右半部分内容。在通过移动分割线而改变两个显示界面的相对大小时，便可以将每张图片上原本未显示出的内容显示出。通过这种方式，可以实现在不缩小图片显示时的尺寸的基础上，将两张图片上的全部内容进行对比显示。

但是，这种通过分割线分屏显示的问题在于只能同时查看两张图片，无法更换其他图片，无法灵活的切换需要显示的图片，从而还可能降低用户的使用体验。

发明内容

本申请实施例的目的在于提供一种图片的显示方法、装置及终端，用以灵活的切换需要显示的图片，并提高用户的使用体验。

第一方面，本申请实施例提供了一种图片的显示方法，显示界面中设有用于将所述显示界面分割成第一显示区域和第二显示区域的分割线，所述方法包括：

将第一图片在所述第一显示区域内显示，以及将第二图片在所述第二显示区域内显示；在通过移动所述分割线而将所述第一显示区域的大小调整至覆盖所述显示界面时，将所述第一显示区域内显示的所述第一图片替换为第三图片。

在本申请实施例中，通过移动分割线而将两个显示区域中的一个显示区域的大小调整至覆盖整个显示界面，便可以自动触发将该覆盖显示界面的显示区域中当前显示的图片替换为其它需要显示图片，从而实现了灵活的切换显示区域中需要显示的图片，以提升使用的灵活度和扩展性，并提高用户的使用体验。

例如，在初始状态下，第一显示区域位于显示界面上的左边，而第二显示区域位于显示界面上的右边，且第一显示区域显示的是A地区在XX时间点的卫星遥感图片，而第二显示区域显示的则是A地区在XX时间点之前的YY时间点的卫星遥感图片。当朝右移动分割线而将第一显示区域的大小调整至覆盖显示界面时，便自动触发将第一显示区域显示图片替换为A地区在XX时间点之后的ZZ时间点的卫星遥感图片，第二显示区域显示图片替换为A地区在XX时间点的卫星遥感图片，以便用户可以继续对比A地区在ZZ时间点的卫星遥感图片与A地区在XX时间点的卫星遥感图片。

结合第一方面，在第一种可能的实现方式中，在将所述第一显示区域内显示的所述第一图片替换为第三图片时，所述方法还包括：

控制所述第二显示区域覆盖所述显示界面，并将所述第二显示区域内显示的所述第二图片替换为所述第一图片。

在本申请实施例中，由于在将第一显示区域内显示的第一图片替换为第三图片时，同步的控制第二显示区域覆盖显示界面并将第二显示区域内显示的第二图片替换为第一图片，故对于用户来说，用户直观看到的还是第一图片，并不会感知到图片的切换，从而实现用户无感知的图片切换。

结合第一方面的第一种可能的实现方式，在第二种可能的实现方式中，通过移动所述分割线而将所述第一显示区域的大小调整至覆盖所述显示界面的步骤，包括：

通过将所述分割线从位于所述显示界面一端的边缘处移动到位于所述显示界面另一端的边缘处，而将所述第一显示区域的大小调整至覆盖所述显示界面；

对应的，在将所述第二显示区域内显示的所述第二图片替换为所述第一图片时，所述方法还包括：

控制所述分割线恢复到位于沿所述显示界面一端的边缘处。

在本申请实施例中，通过控制分割线自动恢复到显示界面一端的边缘处，以便分割线每一次都可以从该位置处开始移动，以实现有序的进行对比展示。

结合第一方面的第二种可能的实现方式，在第三种可能的实现方式中，所述显示界面上还设有播放进度条，所述播放进度条包括进度标识点和多个子播放进度条，每个所述子播放进度条与一张图片一一对应，在通过移动所述分割线而将所述第一显示区域的大小调整至覆盖所述显示界面的过程中，所述方法还包括：

同步控制所述进度标识点在所述第一图片对应的子播放进度条上的移动，且所述进度标识点当前在所述第一图片对应的子播放进度条的位置与所述分割线当前在所述显示界面中的位置相对应；

对应的，在控制所述第二显示区域覆盖所述显示界面时，所述方法还包括：

同步控制所述进度标识点从所述第一图片对应的子播放进度条上跳转到所述第三图片对应的子播放进度条上，且所述进度标识点当前在所述第三图片对应的子播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应。

在本申请实施例中，通过设置多个子播放进度条，以及在多个子播放进度条上设置进度标识点，一方面，能够直观的提示用户分割线可移动以及其移动方向，使得用户更容易操作，另一方面，通过控制进度标识点移动到对应的播放进度条上，这样，用户通过观察进度标识点位于哪一个播放进度条，可以便捷的获知用户当前能够看到的图片是切换到了哪一张图片。

结合第一方面的第三种可能的实现方式，在第四种可能的实现方式中，在将所述第二显示区域内显示的所述第二图片替换为所述第一图片之后，所述方法还包括：

控制所述分割线移动；

对应的，在控制所述分割线移动的过程中，所述方法还包括：

同步控制所述进度标识点在所述第三图片对应的子播放进度条上移动，且所述进度标识点当前在所述第三图片对应的子播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应。

在本申请实施例中，由于进度标识点与分割线的位置对应，用户通过观察进度标识点在哪一张图片对应的播放进度条上的位置，可以便捷的获知当前展示的是哪张图片，以及获知当前分割线在显示界面中的位置。

结合第一方面，在第五种可能的实现方式中，在将所述第一显示区域内显示的所述第一图片替换为第三图片时，所述方法还包括：

将所述第二显示区域内显示的所述第二图片替换为第四图片。

在本申请实施例中，在将第一图片替换为第三图片时，同步将第二显示区域内显示的第二图片替换为第四图片，实现以两张图片为一组的形式切换需要对比的图片组，更加便于用户对比。

结合第一方面的第五种可能的实现方式，在第六种可能的实现方式中，所述显示界面上还设有播放进度条，所述播放进度条包括用于显示所述第一显示区域内图片播放进度的第一播放进度条，以及用于显示所述第二显示区域内图片播放进度的第二播放进度条；所述播放进度条包括还包括设置在所述第一播放进度条或所述第二播放进度条上移动的进度标识点，在通过移动所述分割线而将所述第一显示区域的大小调整至覆盖所述显示界面的过程中，所述方法还包括：

同步控制所述进度标识点在所述第一播放进度条上移动，且所述进度标识点当前在所述第一播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应；

对应的，在将所述第二显示区域内显示的所述第二图片替换为第四图片时，所述方法还包括：

同步控制所述进度标识点从所述第一播放进度条跳转到所述第二播放进度条上，且所述进度标识点当前在所述第二播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应。

在本申请实施例中，通过设置第一播放进度条、第二播放进度条、以及在第一播放进度条或第一播放进度条上设置可移动的进度标识点，一方面，能够直观的提示用户分割线可移动以及其移动方向，使得用户更容易操作，另一方面，通过控制进度标识点移动到对应的播放进度条上，这样，用户通过观察进度标识点位于哪一个播放进度条，可以便捷的获知当前切换到了哪一张图片。

结合第一方面的第六种可能的实现方式，在第七种可能的实现方式中，在将所述第二显示区域内显示的所述第二图片替换为第四图片之后，所述方法还包括：

控制所述分割线移动，以使所述第一显示区域的大小从覆盖所述显示界面开始减小；

对应的，在控制所述分割线移动的过程中，所述方法还包括：

同步控制所述进度标识点在所述第二播放进度条上移动，且所述进度标识点当前在所述第二播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应。

在本申请实施例中，由于进度标识点与分割线的位置对应，用户通过观察进度标识点在第一播放进度条上的位置，可以便捷的获知分割线在显示界面中的位置。

第二方面，本申请实施例提供了一种图片的显示装置，显示界面中设有用于将所述显示界面分割成第一显示区域和第二显示区域的分割线，所述装置包括：

图片显示模块，用于将第一图片在所述第一显示区域内显示，以及将第二图片在所述第二显示区域内显示；

显示调节模块，用于在通过移动所述分割线而将所述第一显示区域的大小调整至覆盖所述显示界面时，将所述第一显示区域内显示的所述第一图片替换为第三图片。

结合第二方面，在第一种可能的实现方式中，在所述显示调节模块将所述第一显示区域内显示的所述第一图片替换为第三图片时，所述显示调节模块，还用于控制所述第二显示区域覆盖所述显示界面，并将所述第二显示区域内显示的所述第二图片替换为所述第一图片。

结合第一方面的第一种可能的实现方式，在第二种可能的实现方式中，所述显示调节模块，用于通过将所述分割线从位于所述显示界面一端的边缘处移动到位于所述显示界面另一端的边缘处，而将所述第一显示区域的大小调整至覆盖所述显示界面；

对应的，在所述显示调节模块将所述第二显示区域内显示的所述第二图片替换为所述第一图片时，所述显示调节模块，还用于控制所述分割线恢复到位于沿所述显示界面一端的边缘处。

结合第二方面的第二种可能的实现方式，在第三种可能的实现方式中，所述显示界面上还设有播放进度条，所述播放进度条包括进度标识点和多个子播放进度条，每个所述子播放进度条与一张图片一一对应，在所述显示调节模块通过移动所述分割线而将所述第一显示区域的大小调整至覆盖所述显示界面的过程中，所述显示调节模块，还用于同步控制所述进度标识点在所述第一图片对应的子播放进度条上的移动，且所述进度标识点当前在所述第一图片对应的子播放进度条的位置与所述分割线当前在所述显示界面中的位置相对应；

对应的，在所述显示调节模块控制所述第二显示区域覆盖所述显示界面时，所述显示调节模块，还用于同步控制所述进度标识点从所述第一图片对应的子播放进度条上跳转到所述第三图片对应的子播放进度条上，且所述进度标识点当前在所述第三图片对应的子播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应。

结合第二方面的第三种可能的实现方式，在第四种可能的实现方式中，在所述显示调节模块将所述第二显示区域内显示的所述第二图片替换为所述第一图片之后，所述显示调节模块，还用于控制所述分割线移动；

对应的，在所述显示调节模块控制所述分割线移动的过程中，

所述显示调节模块，还用于同步控制所述进度标识点在所述第三图片对应的子播放进度条上移动，且所述进度标识点当前在所述第三图片对应的子播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应。

结合第二方面，在第五种可能的实现方式中，在所述显示调节模块将所述第一显示区域内显示的所述第一图片替换为第三图片时，所述显示调节模块，还用于将所述第二显示区域内显示的所述第二图片替换为第四图片。

结合第二方面的第五种可能的实现方式，在第六种可能的实现方式中，所述显示界面上还设有播放进度条，所述播放进度条包括用于显示所述第一显示区域内图片播放进度的第一播放进度条，以及用于显示所述第二显示区域内图片播放进度的第二播放进度条；所述播放进度条包括还包括设置在所述第一播放进度条或所述第二播放进度条上移动的进度标识点，在所述显示调节模块通过移动所述分割线而将所述第一显示区域的大小调整至覆盖所述显示界面的过程中，所述显示调节模块，还用于同步控制所述进度标识点在所述第一播放进度条上移动，且所述进度标识点当前在所述第一播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应；

对应的，在所述显示调节模块将所述第二显示区域内显示的所述第二图片替换为第四图片时，所述显示调节模块，还用于同步控制所述进度标识点从所述第一播放进度条跳转到所述第二播放进度条上，且所述进度标识点当前在所述第二播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应。

结合第二方面的第六种可能的实现方式，在第七种可能的实现方式中，在所述显示调节模块将所述第二显示区域内显示的所述第二图片替换为第四图片之后，所述显示调节模块，还用于控制所述分割线移动，以使所述第一显示区域的大小从覆盖所述显示界面开始减小；

对应的，在所述显示调节模块控制所述分割线移动的过程中，所述显示调节模块，还用于同步控制所述进度标识点在所述第二播放进度条上移动，且所述进度标识点当前在所述第二播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应。

第三方面，本申请实施例提供了一种终端，包括：存储器、显示屏、与所述存储器和所述显示屏连接的处理器；所述存储器，用于存储如第一方面或第一方面的任一种可能的实现方式所述的图片的显示方法的程序；所述显示屏上设有显示界面，所述显示界面中设有用于将所述显示界面分割成第一显示区域和第二显示区域的分割线；所述处理器，用于运行所述存储器中的程序。

第四方面，本申请实施例提供了一种具有计算机可执行的非易失程序代码的计算机可读存储介质，所述程序代码使所述计算机执行如第一方面或第一方面的任一种可能的实现方式所述的图片的显示方法。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1为本申请实施例提供的一种终端的结构框图；

图2为本申请实施例提供的一种终端的显示界面的示意图；

图3为本申请实施例提供的一种图片的显示方法的流程图；

图4为本申请实施例提供的一种图片的显示方法的第一应用场景图；

图5为本申请实施例提供的一种图片的显示方法的第二应用场景图；

图6为本申请实施例提供的一种图片的显示方法的第三应用场景图；

图7为本申请实施例提供的一种图片的显示方法的第四应用场景图；

图8为本申请实施例提供的一种图片的显示方法的第五应用场景图；

图9为本申请实施例提供的一种图片的显示方法的第六应用场景图；

图10为本申请实施例提供的一种图片的显示方法的第七应用场景图；

图11为本申请实施例提供的一种图片的显示方法的第八应用场景图；

图12为本申请实施例提供的一种图片的显示方法的第九应用场景图；

图13为本申请实施例提供的一种图片的显示方法的第十应用场景图；

图14为本申请实施例提供的一种图片的显示方法的第十一应用场景图；

图15为本申请实施例提供的一种图片的显示装置的结构框图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。

请参阅图1，本申请实施例提供了一种终端10，该终端10可以是PC(personalcomputer，个人电脑)、平板电脑、智能手机、PDA(personal digital assistant，个人数字助理)等。

具体的，该终端10可以包括：包括：通信接口11、显示屏12、存储器13、以及与通信接口11、存储器13和显示屏12连接的处理器14。

通信接口11可以是物理意义上的硬件接口，也可以是软件意义上的逻辑接口。终端10可以通过通信接口11接收其它设备直接传输或者是通过网络传输的需要由终端10的显示屏12分屏显示分屏的多张图片。

显示屏12可以是例如LCD(Liquid Crystal Display，液晶显示器)、LED(Light-Emitting Diode，发光二极管)或OLED(Organic Light-Emitting Diode，有机发光二极管)等材质制成的显示屏12。

如图2所示，显示屏12可以显示出显示界面121，该显示界面121可以占据显示屏12的全部或者部分，该显示界面121中设置有分割线122，该分割线122可以是直线或者曲线。该分割线122的两端分别沿伸至显示界面的边缘以将显示界面121分割成两个显示区域，其分别是第一显示区域123和第二显示区域124。

存储器13可以是例如磁盘、ROM、或RAM，或其任意组合，存储器13可以存储用于控制分屏显示两张图片的程序。

处理器14可以是CPU(Central Processing Unit，中央处理器14)、MCU(Microcontroller Unit，微控制单元)、FPGA(Field－Programmable Gate Array，现场可编程门阵列)等芯片。

处理器14可以用于调用并运行存储器13中的程序，将接收到的多张图片中的第一图片在第一显示区域内显示，以及将接收到的多张图片中的第二图片在第二显示区域内显示。也通过运行该程序，处理器14还可以控制显示界面121中的分割线122在显示界面121内移动，以改变第一显示区域123的大小。当通过移动分割线122而将第一显示区域123的大小调整至覆盖该显示界面121时，通过运行该程序，处理器14可以自动将第一显示区域内显示的第一图片替换为多张图片中的第三图片，从而实现了自动切换分屏显示的图片，其中图片替换的顺序可以是处理器14按接受的图片的先入先显示，也可以是用户通过需求定义图片显示的先后顺序。

下面将通过方法实施例，对如何显示图片、如何控制分割线122移动、以及如何替换图片进行详细说明。

请参阅图3，本申请实施例提供了一种图片的显示方法，该图片的显示方法可以由终端10执行，该图片的显示方法可以包括：步骤S100和步骤S200。

步骤S100：将第一图片在第一显示区域内显示，以及将第二图片在第二显示区域内显示。

步骤S200：在通过移动分割线而将第一显示区域的大小调整至覆盖显示界面时，将第一显示区域内显示的第一图片替换为第三图片。

下面将结合示例对上述流程进行详细说明。

在执行步骤S100之前，终端10针对需要显示出的分割线122、第一显示区域123以及第二显示区域124预设了相应的控件。这样，终端10通过加载运行控件，便可以在显示界面121上显示出分割线122、第一显示区域123以及第二显示区域124。

具体的，通过配置控件，终端10可以定义分割线122、第一显示区域123以及第二显示区域124这些元素在显示界面121上的关系。

作为定义元素关系的一种示例性方式，可以定义第一显示区域123和第二显示区域124在显示界面121上是覆盖关系，且可以是第一显示区域123覆盖第二显示区域124。此外，在定义第一显示区域123和第二显示区域124是覆盖关系的基础上，还可以定义第一显示区域123的大小可调，而定义第二显示区域124的大小为能够覆盖显示界面121且不可调，以及定义分割线122位于第二显示区域124上位于显示界面121中的一条边上。这样，通过在显示界面121内移动分割线122便可以对应调节第一显示区域123的大小。

作为定义元素关系的另一种示例性方式，可以定义第一显示区域123和第二显示区域124在显示界面121上拼接关系。并且在定义第一显示区域123和第二显示区域124是拼接关系的基础上，还可以定义分割线122位于第一显示区域123和第二显示区域124的拼接处。这样，通过移动在显示界面121内分割线122便可以对应调节第一显示区域123和第二显示区域124的相对大小。

本实施例中，在预设了控件，以及获取到多张图片后，终端10可以执行步骤S100。

执行步骤S100：将第一图片在第一显示区域内显示，以及将第二图片在第二显示区域内显示。

在获取到多张图片后，终端10可以按照预设的图片显示顺序，将多张图片中的第一图片加载到第一显示区域123内显示，以及将多张图片中的第二图片加载到第二显示区域124内显示。

在初始状态下，分割线122的初始位置可以位于显示界面121的中部或者位于显示界面121一端的边缘处。若分割线122的初始位置位于显示界面121的中部，第一显示区域123内显示的第一图片，以及第二显示区域124内显示的第二图片都能够被用户观察到。若分割线122的初始位置位于显示界面121一端的边缘处，第一显示区域123的大小为0，故用户能够观察到第二显示区域124内显示的第二图片，而无法观察到第一显示区域123内显示的第一图片，这时，若朝远离显示界面121一端的边缘的方向移动分割线122，第一显示区域123的大小从0开始增加，那么用户便能够观察到第一显示区域123内显示的第一图片。

下面通过一个示例来进行说明：

如图4所示，假设，第一显示区域123与第二显示区域124是覆盖关系，且当前是第一显示区域123覆盖第二显示区域124。初始状态下，分割线122位于显示界面121左边边缘处的位置W1。这种情况下，第一显示区域123的大小为0而未覆盖住第二显示区域124，第二显示区域124以覆盖显示界面121的方式在显示界面121上全部显示出，因此，第二显示区域124上显示的第二图片也能够全部被用户观察到。

结合图4，并参阅5，可通过响应用户的拖拽移动分割线122，也可以通过预设的移动速度自动的移动分割线122，还可以通过用户的触控或者按预设的控制规则，控制分割线122沿图5中箭头所示的方向从位置W1移动到位置W2，那么第一显示区域123的大小则从0开始增加到位置W2对应大小。因此，第一显示区域123显示的第一图片的部分内容便能够被用户观察到，而第二显示区域124显示的第二图片的部分内容则由于被第一显示区域123覆盖而无法被用户观察到。

步骤S200：在通过移动分割线而将第一显示区域的大小调整至覆盖显示界面时，将第一显示区域内显示的第一图片替换为第三图片。

本实施例中，在移动分割线122的过程中，第一显示区域123的大小跟随分割线122的移动而实时的调整，因此，终端10可以实时的记录第一显示区域123的大小。

作为记录第一显示区域123的大小的示例方式，终端10可以实时的记录第一显示区域123的面积或尺寸，例如图5所示，由于分割线122沿箭头的移动方向垂直第一显示区域123的宽，且分割线122沿箭头的移动方向可以改变第一显示区域123的长度，那么终端10可以实时的记录第一显示区域123的长度。或者，终端10可以实时的记录分割线122在显示界面121中的位置，以通过分割线122在显示界面121中的位置来反映出第一显示区域123的大小，例如图4所示，通过记录分割线122位于显示界面121中的位置W1，可以确定出第一显示区域123的大小为0。

为实现自动切换显示区域中显示的图片，终端10可以预设切换显示区域中显示的图片的切换规则，例如切换规则可以将第一显示区域123的大小定义为是否切换显示区域中显示的图片的触发条件，当第一显示区域123的大小覆盖显示界面121时，则触发切换显示区域中显示的图片。

基于该预设的切换规则，在移动分割线122的过程中，终端10可以实时的判断第一显示区域123的大小是否调整至覆盖显示界面121。

若分割线122未移动到位于显示界面121另一端的边缘处，则确定第一显示区域123的大小未调整至覆盖显示界面121，终端10则不控制显示区域中显示的图片切换。

若分割线122移动到位于显示界面121另一端的边缘处，则确定第一显示区域123的大小调整至覆盖显示界面121，终端10则控制将第一显示区域123内显示的第一图片替换为按图片显示顺序在多张图片中选择出的第三图片，这样用户便能够观察到该第三图片。

继续对前述示例进行说明：

结合图5，并参阅6，通过用户的触控或者按预设的控制规则，控制分割线122沿图5中箭头所示的方向从位置W2移动到图6位于显示界面121边缘处的位置W3时，第一显示区域123的大小从位置W2对应大小增加到覆盖该显示界面121，从而也将第二显示区域124全部覆盖。因此，第一显示区域123显示的第一图片的全部内容能够被用户观察到，而第二显示区域124显示的第二图片的全部内容则由于被第一显示区域123覆盖而无法被用户观察到。

结合图6，并参阅图7，也由于第一显示区域123的大小增加到覆盖该显示界面121，故触发终端10切换图片。因此，终端10控制将第一显示区域123内显示的第一图片替换为图7所示的第三图片。

在本实施例的另一些实施方式中，为实现用户无感知的图片切换，在将第一显示区域123内显示的第一图片替换为第三图片时，如图7终端10同步控制第一显示区域123从覆盖显示界面121大小瞬变为0，使得第二显示区域124能够覆盖住该显示界面121，并同步将第二显示区域124显示的第二图片替换为第一图片。这样，从用户感知的角度理解，用户感知到显示界面121显示的始终是第一图片，虽然替换后第一显示区域123显示的第三图片，但由于第一显示区域123的大小为0，故使得第一显示区域123显示的第三图片无法被用户观察到。

进一步的，若第一显示区域123与第二显示区域124为拼接关系，在第二显示区域124显示的第二图片替换第一图片后，若继续控制分割线122移动，第一显示区域123的大小便再次从0开始增加，对应的，第二显示区域124的大小则开始同步减小，因此，第一显示区域123内显示的第三图片便能够被用户观察到。

若第一显示区域123与第二显示区域124为覆盖关系，在第二显示区域124显示的第二图片替换第一图片后，若继续控制分割线122移动，第一显示区域123的大小也再次从0开始增加，因此，第一显示区域123内显示的第三图片便能够被用户观察到。需要说明的是，在为覆盖关系的情况下，从技术层面上来说，第二显示区域124的大小没有调整，但从用户感知层面上来说，第二显示区域124的大小则是在同步减小。

继续对前述示例进行说明：

结合图7，并参阅图8，在控制第二显示区域124覆盖显示界面121，并将第二显示区域124内显示的第二图片替换为第一图片，显示界面121的示意图可以如图8所示。

结合图8，并参阅图9，当沿图9中箭头所示的方向将分割线122从位置W3处移动到位置W4处时，那么第一显示区域123的大小便从0开始增加到位置W4对应大小。因此，第一显示区域123显示的第三图片的部分内容便能够被用户观察到，而第二显示区域124显示的第一图片的部分内容则由于被第一显示区域123覆盖而无法被用户观察到。

结合图8，并参阅图10，除了上述移动方式外，在将第二显示区域124内显示的第二图片替换为第一图片时，终端10还可以在用户无感知的情况下控制分割线122恢复到初始位置即恢复到显示界面121的中部或者恢复到显示界面121一端的边缘处，比如从位置W3处恢复到图4所示的位置W1处，然后再沿图10中箭头所示的方向将分割线122从图4所示的位置W1处移动到位置W4处时，第一显示区域123的大小也从0开始增加到位置W4对应大小。

在本实施例的另一些实施方式中，终端10在替换图片时，终端10还可以将两个显示区域的图片全部替换，即终端10在将第一显示区域123内显示的第一图片替换为第三图片时，终端10还同步的将第二显示区域124内显示的第二图片替换多张图片中按图片显示顺序选择出的第四图片。这样，当再次移动分割线122时，显示界面121便可以对比显示出第三图片和第四图片。

可以理解到，采用将两张图片同步切换的方式可以便于将各图组有序的进行对比。

例如，一组图片包括：A地区在XX时间点的卫星遥感图和A地区在YY时间点的卫星遥感图，而另一组图片包括：B地区在CC时间点的卫星遥感图和B地区在DD时间点的卫星遥感图。

进一步的，终端10可以先通过第一显示区域123显示A地区在XX时间点的卫星遥感图，并同步的通过第二显示区域124显示A地区在YY时间点的卫星遥感图。

当触发图片切换时，终端10可以将第一显示区域123显示A地区在XX时间点的卫星遥感图替换为B地区在CC时间点的卫星遥感图，以及同步的将第二显示区域124显示A地区在YY时间点的卫星遥感图替换为B地区在DD时间点的卫星遥感图，从而实现将依次将各地区在不同时间点的情况进行对比。

在本实施例的另一些实施方式中，为便于用户获知当前显示的是哪一张或者对比的是那一组图片，终端10还可以预先设置播放进度条以及能够在播放进度条上移动的进度标识点127相关的控件。这样，终端10通过加载运行该相关的控件，显示界面121上便可以显示出播放进度条以及进度标识点127。

请参阅图11至图14，本实施例中，若对图片的切换是采用前述的单张切换的方式，播放进度条还可以包括多个子播放进度条，子播放进度条的数量与终端10能够连续显示的图片的最大数量相同，且多个子播放进度条能够按各图片的显示顺序依次首尾相连从而构成该播放进度条；这样，在显示每张图片时，进度标识点127可以在当前显示的图片对应的子播放进度条上与对应分割线122的移动同步移动，从而进度标识点127在当前显示的图片对应的子播放进度条上位置可以表示该图片的播放进度。

为便于理解，下面以单张切换依次显示第一图片以及第三图片为例进行说明。

针对单张切换的方式，在通过移动分割线122而控制第一显示区域123的大小调整至以显示第一图片的过程中，终端10同步控制进度标识点127在第一图片对应的播放进度条125上移动，且进度标识点127当前在第一图片对应的子播放进度条125上的位置与分割线122当前在显示界面121中的位置对应。其中，位置对应可以理解为：若进度标识点127位于第一图片对应的子播放进度条125两端之间1/3的位置，那么分割线122当前也位于显示界面121两端之间1/3的位置；而若进度标识点127位于第一图片对应的子播放进度条125两端之间1/2的位置，那么分割线122当前也位于显示界面121两端之间1/2的位置，并依次类推。

当终端10将第一显示区域123内显示的第一图片替换为第三图片，并同步控制第二显示区域124覆盖所述显示界面121，且同步将第二显示区域124内显示的第二图片替换为第一图片时，说明当前需要显示的图片已经由第一图片切换成第三图片，故终端10还同步的控制进度标识点127从第一图片对应的子播放进度条125的末端跳转到第三图片对应的子播放进度条126的首端，其中，第一图片对应的播放进度条125的末端与第三图片对应的第二播放进度条126的首端连接。

在终端10将第一显示区域123内显示的第一图片替换为第三图片之后，若继续控制分割线122移动，终端10也同步控制进度标识点127在第三图片对应的子播放进度条126上移动，且进度标识点127当前在第三图片对应的子播放进度条126上的位置也与分割线122当前在显示界面121中的位置对应。

下面也通过一个示例来进行说明：

假设，第一图片对应的子播放进度条125和第三图片对应的子播放进度条126拼接的设置在显示界面121的下方。通过用户的触控或者按预设的控制规则，控制分割线122沿图11中箭头所示的方向移动到位于显示界面121中部的位置W2，由于当前显示的第一图片，故终端10也控制进度标识点127在第一图片对应的子播放进度条125上跟随分割线122同步的移动到第一图片对应的子播放进度条125中部的位置W5。

随着继续控制分割线122沿图12中箭头所示的方向从位置W2移动到位于显示界面121边缘处的位置W3，故终端10也控制进度标识点127在第一图片对应的子播放进度条125上跟随分割线122同步的从位置W5移动到第一图片对应的子播放进度条125末端的位置W6。由于此时触发了图片的切换，故终端10继续控制进度标识点127沿图13中箭头所示的方向从第一图片对应的子播放进度条125末端的位置W6跳转到第三图片对应的子播放进度条126首端的位置W7。并且在图片切换后，终端10还在用户无感知的情况下控制分割线122恢复到初始位置即从位置W3处恢复到图14所示的位置W1处。

进一步的，若继续控制分割线122从位置W1处再次移动并沿图14中箭头所示的方向移动到显示界面121中部的位置W4处时，终端10也同步控制进度标识点127在第三图片对应的子播放进度条126上跟随分割线122同步的从位置W7移动到第三图片对应的子播放进度条126中部的位置W8处。

本实施例中，若对图片的切换是采用前述的图组切换的方式，则播放进度条可以包括所述播放进度条包括用于显示第一显示区域123内图片播放进度的第一播放进度条125，以及用于显示第二显示区域124内图片播放进度的第二播放进度条126，且第一播放进度条125和第二播放进度条126也能够首尾相连从而构成一根完整的播放进度条；这样，在显示第一显示区域123对应的一组图片时，进度标识点127可以在第一显示区域123的第一播放进度条125上对应分割线122的移动而同步移动，以表示该第一显示区域123内的播放进度。而在显示第二显示区域124对应的一组图片时，进度标识点127可以在第二显示区域124的第二播放进度条126上对应分割线122的移动而同步移动，以表示该第二显示区域124内的播放进度.

具体来说，针对图组切换的方式，在通过移动分割线122而控制第一显示区域123的大小调整至以对比显示第一图组中的第一图片和第二图片的过程中，终端10同步控制进度标识点127在第一图片和第二图片的第一播放进度条125上移动，且进度标识点127当前在第一播放进度条125上的位置与分割线122当前在显示界面121中的位置对应。

当终端10将第一显示区域123内显示的第一图片替换为第三图片，且同步将第二显示区域124内显示的第二图片替换为第四图片时，说明当前需要显示的图组已经由第一图组切换成第二图组，故终端10也同步的控制进度标识点127从第一播放进度条125的末端移动到第二图组对应的第二播放进度条126的首端，其中，第一播放进度条125的末端到第二播放进度条126的首端连接。

在终端10将图组切换后，若继续控制分割线122移动，终端10也同步控制进度标识点127在第三图片和第四图片对应的第二播放进度条126上移动，且进度标识点127当前在第二播放进度条126上的位置也与分割线122当前在显示界面121中的位置对应。

请参阅图15，基于同一发明构思，本申请实施例中还提供一种图片的显示装置100，该图片的显示装置可以是部署在终端10中的程序模块，该图片的显示装置100包括：

图片显示模块110，用于将第一图片在所述第一显示区域内显示，以及将第二图片在所述第二显示区域内显示。

显示调节模块120，用于在通过移动所述分割线而将所述第一显示区域的大小调整至覆盖所述显示界面时，将所述第一显示区域内显示的所述第一图片替换为第三图片。

可选的，在所述显示调节模块120将所述第一显示区域内显示的所述第一图片替换为第三图片时，所述显示调节模块120，还用于控制所述第二显示区域覆盖所述显示界面，并将所述第二显示区域内显示的所述第二图片替换为所述第一图片。

可选的，所述显示调节模块120，用于通过将所述分割线从位于所述显示界面一端的边缘处移动到位于所述显示界面另一端的边缘处，而将所述第一显示区域的大小调整至覆盖所述显示界面；

对应的，在所述显示调节模块120将所述第二显示区域内显示的所述第二图片替换为所述第一图片时，所述显示调节模块120，还用于控制所述分割线恢复到位于沿所述显示界面一端的边缘处。

可选的，所述显示界面上还设有播放进度条，所述播放进度条包括进度标识点和多个子播放进度条，每个所述子播放进度条与一张图片一一对应，在所述显示调节模块120通过移动所述分割线而将所述第一显示区域的大小调整至覆盖所述显示界面的过程中，所述显示调节模块120，还用于同步控制所述进度标识点在所述第一图片对应的子播放进度条上的移动，且所述进度标识点当前在所述第一图片对应的子播放进度条的位置与所述分割线当前在所述显示界面中的位置相对应；

对应的，在所述显示调节模块120控制所述第二显示区域覆盖所述显示界面时，所述显示调节模块120，还用于同步控制所述进度标识点从所述第一图片对应的子播放进度条上跳转到所述第三图片对应的子播放进度条上，且所述进度标识点当前在所述第三图片对应的子播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应。

可选的，在所述显示调节模块120将所述第二显示区域内显示的所述第二图片替换为所述第一图片之后，所述显示调节模块120，还用于控制所述分割线移动；

对应的，在所述显示调节模块120控制所述分割线移动的过程中，

所述显示调节模块120，还用于同步控制所述进度标识点在所述第三图片对应的子播放进度条上移动，且所述进度标识点当前在所述第三图片对应的子播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应。

可选的，在所述显示调节模块120将所述第一显示区域内显示的所述第一图片替换为第三图片时，所述显示调节模块120，还用于将所述第二显示区域内显示的所述第二图片替换为第四图片。

可选的，所述显示界面上还设有播放进度条，所述播放进度条包括用于显示所述第一显示区域内图片播放进度的第一播放进度条，以及用于显示所述第二显示区域内图片播放进度的第二播放进度条；所述播放进度条包括还包括设置在所述第一播放进度条或所述第二播放进度条上移动的进度标识点，在所述显示调节模块120通过移动所述分割线而将所述第一显示区域的大小调整至覆盖所述显示界面的过程中，所述显示调节模块120，还用于同步控制所述进度标识点在所述第一播放进度条上移动，且所述进度标识点当前在所述第一播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应；

对应的，在所述显示调节模块120将所述第二显示区域内显示的所述第二图片替换为第四图片时，所述显示调节模块120，还用于同步控制所述进度标识点从所述第一播放进度条跳转到所述第二播放进度条上，且所述进度标识点当前在所述第二播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应。

可选的，在所述显示调节模块120将所述第二显示区域内显示的所述第二图片替换为第四图片之后，所述显示调节模块120，还用于控制所述分割线移动，以使所述第一显示区域的大小从覆盖所述显示界面开始减小；

对应的，在所述显示调节模块120控制所述分割线移动的过程中，所述显示调节模块120，还用于同步控制所述进度标识点在所述第二播放进度条上移动，且所述进度标识点当前在所述第二播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

本申请一些实施例还提供了一种计算机可执行的非易失的程序代码的计算机可读储存介质，该存储介质能够为通用的存储介质，如移动磁盘、硬盘等，该计算机可读存储介质上存储有程序代码，该程序代码被计算机运行时执行上述任一实施方式的图片的显示方法的步骤。

本申请实施例所提供的图片的显示方法的程序代码产品，包括存储了程序代码的计算机可读存储介质，程序代码包括的指令可用于执行前面方法实施例中的方法，具体实现可参见方法实施例，在此不再赘述。

综上所述，本申请实施例提供了一种图片的显示方法、装置及终端。通过移动分割线而将两个显示区域中的一个显示区域的大小调整至覆盖显示界面，便可以自动触发将该覆盖显示界面的显示区域中当前显示的图片替换为其它需要显示图片，从而实现了灵活的切换显示区域中需要显示的图片，以提升使用的灵活度和扩展性，并提高用户的使用体验。

在本申请所提供的实施例中，应该理解到，所揭露装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

另外，作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

再者，在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。

以上所述仅为本申请的实施例而已，并不用于限制本申请的保护范围，对于本领域的技术人员来说，本申请可以有各种更改和调整。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (10)

1.一种图片的显示方法，其特征在于，显示界面中设有用于将所述显示界面分割成第一显示区域和第二显示区域的分割线，所述方法包括：

将第一图片在所述第一显示区域内显示，以及将第二图片在所述第二显示区域内显示；

在通过移动所述分割线而将所述第一显示区域的大小调整至覆盖所述显示界面时，将所述第一显示区域内显示的所述第一图片替换为第三图片。

2.根据权利要求1所述的图片的显示方法，其特征在于，在将所述第一显示区域内显示的所述第一图片替换为第三图片时，所述方法还包括：

控制所述第二显示区域覆盖所述显示界面，并将所述第二显示区域内显示的所述第二图片替换为所述第一图片。

3.根据权利要求2所述的图片的显示方法，其特征在于，通过移动所述分割线而将所述第一显示区域的大小调整至覆盖所述显示界面的步骤，包括：

通过将所述分割线从位于所述显示界面一端的边缘处移动到位于所述显示界面另一端的边缘处，而将所述第一显示区域的大小调整至覆盖所述显示界面；

对应的，在将所述第二显示区域内显示的所述第二图片替换为所述第一图片时，所述方法还包括：

控制所述分割线恢复到位于沿所述显示界面一端的边缘处。

4.根据权利要求3所述的图片的显示方法，其特征在于，所述显示界面上还设有播放进度条，所述播放进度条包括进度标识点和多个子播放进度条，每个所述子播放进度条与一张图片一一对应，在通过移动所述分割线而将所述第一显示区域的大小调整至覆盖所述显示界面的过程中，所述方法还包括：

同步控制所述进度标识点在所述第一图片对应的子播放进度条上的移动，且所述进度标识点当前在所述第一图片对应的子播放进度条的位置与所述分割线当前在所述显示界面中的位置相对应；

对应的，在控制所述第二显示区域覆盖所述显示界面时，所述方法还包括：

同步控制所述进度标识点从所述第一图片对应的子播放进度条上跳转到所述第三图片对应的子播放进度条上，且所述进度标识点当前在所述第三图片对应的子播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应。

5.根据权利要求4所述的图片的显示方法，其特征在于，在将所述第二显示区域内显示的所述第二图片替换为所述第一图片之后，所述方法还包括：

控制所述分割线移动；

对应的，在控制所述分割线移动的过程中，所述方法还包括：

同步控制所述进度标识点在所述第三图片对应的子播放进度条上移动，且所述进度标识点当前在所述第三图片对应的子播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应。

6.根据权利要求1所述的图片的显示方法，其特征在于，在将所述第一显示区域内显示的所述第一图片替换为第三图片时，所述方法还包括：

将所述第二显示区域内显示的所述第二图片替换为第四图片。

7.根据权利要求6所述的图片的显示方法，其特征在于，所述显示界面上还设有播放进度条，所述播放进度条包括用于显示所述第一显示区域内图片播放进度的第一播放进度条，以及用于显示所述第二显示区域内图片播放进度的第二播放进度条；所述播放进度条包括还包括设置在所述第一播放进度条或所述第二播放进度条上移动的进度标识点，在通过移动所述分割线而将所述第一显示区域的大小调整至覆盖所述显示界面的过程中，所述方法还包括：

同步控制所述进度标识点在所述第一播放进度条上移动，且所述进度标识点当前在所述第一播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应；

对应的，在将所述第二显示区域内显示的所述第二图片替换为第四图片时，所述方法还包括：

同步控制所述进度标识点从所述第一播放进度条跳转到所述第二播放进度条上，且所述进度标识点当前在所述第二播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应。

8.根据权利要求7所述的图片的显示方法，其特征在于，在将所述第二显示区域内显示的所述第二图片替换为第四图片之后，所述方法还包括：

控制所述分割线移动，以使所述第一显示区域的大小从覆盖所述显示界面开始减小；

对应的，在控制所述分割线移动的过程中，所述方法还包括：

同步控制所述进度标识点在所述第二播放进度条上移动，且所述进度标识点当前在所述第二播放进度条上的位置与所述分割线当前在所述显示界面中的位置对应。

9.一种图片的显示装置，其特征在于，显示界面中设有用于将所述显示界面分割成第一显示区域和第二显示区域的分割线，所述装置包括：

图片显示模块，用于将第一图片在所述第一显示区域内显示，以及将第二图片在所述第二显示区域内显示；

显示调节模块，用于在通过移动所述分割线而将所述第一显示区域的大小调整至覆盖所述显示界面时，将所述第一显示区域内显示的所述第一图片替换为第三图片。

10.一种终端，其特征在于，包括：存储器、显示屏、与所述存储器和所述显示屏连接的处理器；

所述存储器，用于存储如权利要求1-8任一权项所述的图片的显示方法的程序；

所述显示屏上设有显示界面，所述显示界面中设有用于将所述显示界面分割成第一显示区域和第二显示区域的分割线；

所述处理器，用于运行所述存储器中的程序。

Images