CN110647369B - 页面动态显示的方法、装置、移动终端及存储介质 - Google Patents

Abstract

本公开涉及计算机技术领域，具体涉及一种页面动态显示的方法、装置、移动终端及存储介质。本公开提供的页面动态显示的方法中，应用程序的显示界面包括边界坐标可变的第一显示区域和第二显示区域，第一显示区域显示第一素材，首先，应用程序响应用户对第一素材的操作事件，获取第二素材，第二素材具有与第一素材不同的分辨率；然后，根据第二素材的分辨率调整第一显示区域和第二显示区域的边界坐标，边界坐标调整后的第一显示区域用于显示第二素材。可见，本公开中用于素材的显示区域可以根据素材的分辨率的变化，而相应地调整自身的边界坐标，提高页面利用率，进而提升了用户体验。

Description

页面动态显示的方法、装置、移动终端及存储介质

技术领域

本公开涉及计算机技术领域，具体涉及一种页面动态显示的方法、装置、移动终端及存储介质。

背景技术

目前，随着应用程序种类的丰富与功能的完善，其已成为用户浏览互联网内容的主要途径之一。应用程序的显示界面可以同时展示各种多媒体和文本内容。例如，用户在浏览应用程序时，图片通常以小图的形式嵌入在显示界面中，用户可以通过点击小图查看该图片的全图格式，并且可以通过左右滑动浏览各个图片的全图。

但是，在上述场景中，小图等比例放大为全图时常会伴有较宽的黑边，用户无法同时查看该页面的其他信息，特别是与图片对应的文字内容，页面利用率低。另一方面，应用程序显示界面中的图片通常被要求为固定的高宽比，当图片的原始格式与该高宽比不一致时，该图片在应用程序中存在显示不完整或者画面失真等问题，降低了用户体验。

发明内容

为解决上述问题，本公开提供了一种页面动态显示的方法、装置、移动终端及存储介质，具体技术方案如下：

一方面，本公开提供一种页面动态显示的方法，所述方法应用于应用程序的显示界面，所述显示界面包括边界坐标可变的第一显示区域和第二显示区域，所述第一显示区域显示第一素材，所述方法包括：响应用户对所述第一素材的操作事件，获取第二素材，所述第二素材具有与所述第一素材不同的分辨率；根据所述第二素材的分辨率调整所述第一显示区域和所述第二显示区域的边界坐标，边界坐标调整后的所述第一显示区域用于显示所述第二素材。

另一方面，本公开提供一种页面动态显示的装置，所述装置应用于应用程序的显示界面，所述显示界面包括边界坐标可变的第一显示区域和第二显示区域，所述第一显示区域显示第一素材，所述装置包括：获取单元，用于响应用户对所述第一素材的操作事件，获取第二素材，所述第二素材具有与所述第一素材不同的分辨率；第一调整单元，用于根据所述第二素材的分辨率调整所述第一显示区域和所述第二显示区域的边界坐标，边界坐标调整后的所述第一显示区域用于显示所述第二素材。

另一方面，本公开提供一种移动终端，包括：至少一个存储器和至少一个处理器；其中，所述存储器用于存储程序代码，所述处理器用于调用所述存储器所存储的程序代码以执行上述页面动态显示的方法。

另一方面，本公开提供一种计算机存储介质，所述计算机存储介质存储有程序代码，所述程序代码用于执行上述页面动态显示的方法。

在本公开提供的页面动态显示的方法中，应用程序的显示界面包括边界坐标可变的第一显示区域和第二显示区域，第一显示区域用于显示第一素材，应用程序首先响应用户对所述第一素材的操作事件，获取第二素材，所述第二素材具有与所述第一素材不同的分辨率；然后，根据所述第二素材的分辨率调整所述第一显示区域和所述第二显示区域的边界坐标，边界坐标调整后的所述第一显示区域用于显示所述第二素材。

可见，本公开中用于图像素材的显示区域可以根据素材的分辨率变化，而相应地调整自身的边界坐标，即显示界面的布局可以根据显示素材的不同进行动态调整，将浏览全图时对其他内容的挤占降到最低，提升了页面利用率，同时对所显示的图片无需要求固定的高宽比，避免图片内容显示不全或画面失真。

附图说明

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

图1为现有技术浏览图片全图时应用程序显示界面的示意图；

图2为本公开实施例提供的页面动态显示的方法的流程图；

图3为根据本公开实施例提供的页面动态显示的方法显示第一素材时的应用程序显示界面的示意图；

图4为根据本公开实施例提供的页面动态显示的方法显示第二素材时的应用程序显示界面的示意图；

图5为根据本公开另一实施例提供的页面动态显示的方法显示第一素材时的应用程序显示界面的示意图；

图6为根据本公开另一实施例提供的页面动态显示的方法显示第二素材时的应用程序显示界面的示意图；

图7为本公开实施例提供的页面动态显示的装置的结构示意图；

图8为用来实现本公开实施例的电子设备的结构示意图。

具体实施方式

基于背景技术部分可知，现有的应用程序点击小图浏览全图时常会伴有较宽的黑边，如图1所示，应用程序显示界面1上显示有图片2，图片2上下两侧有黑边3、4。此时，用户无法同时查看该应用程序显示界面包含的其他信息，特别是与图片对应的文字内容，页面利用率低；另一方面，应用程序显示界面中的图片通常被要求为固定的高宽比，当图片的原始格式与要求的高宽比不一致时，该图片在应用程序中存在显示不完整或者画面失真等问题，用户体验不好。

为解决上述问题，在本公开提供的页面动态显示的方法中，应用程序的显示界面包括边界坐标可变的第一显示区域，第一显示区域用于显示第一素材，应用程序首先响应用户对所述第一素材的操作事件，获取第二素材，所述第二素材具有与所述第一素材不同的分辨率；然后，根据所述第二素材的分辨率调整所述第一显示区域和所述第二显示区域的边界坐标，边界坐标调整后的所述第一显示区域用于显示所述第二素材。可见，本公开中用于图像素材的显示区域可以根据素材的分辨率变化，而相应地调整自身的边界坐标，即显示界面的布局可以根据显示素材的不同进行动态调整，将浏览全图时对其他内容的挤占降到最低，提升了页面利用率，同时对所显示的图片无需要求固定的高宽比，避免图片内容显示不全或画面失真。

下面参照附图，基于具体实施方式来详细描述本公开的页面动态显示的方法、装置、移动终端及存储介质。另外，尽管结合特定实施方式对本公开进行描述，但应理解，该描述并不旨在将本公开限制于所描述的实施方式。相反，该描述旨在覆盖可包括在由所附权利要求书限定的本公开的精神和范围内的替换、改进和等同方案。

方法实施例：

参见图2，本实施例提供了一种页面动态显示的方法，所述方法应用于应用程序的显示界面，显示界面包括边界坐标可变的第一显示区域和第二显示区域，所述第一显示区域显示第一素材，所述方法包括以下步骤：

S101：响应用户对所述第一素材的操作事件，获取第二素材，第二素材具有与第一素材不同的分辨率；

图3示出了根据本公开实施例提供的页面动态显示的方法显示第一素材时的应用程序显示界面，显示界面1包括边界坐标可变的第一显示区域10和第二显示区域20，第一显示区域10显示有第一素材11。用户对第一素材的操作事件包括触控操作与利用外接设备操控，包括但不限于触击、滑动、单击和语音操控等操作。当终端、系统或应用程序检测到用户对第一素材11的操作事件后，应用程序响应该操作事件获取第二素材。第一素材和第二素材是作为显示界面的显示元素的图像素材，图像素材既可以是静态的也是可以是动态的，所有在显示界面以图像形式存在的元素均为本公开的图像素材。图像素材既可以仅表征图片，也可以表征视频控件或音频等多媒体控件。该图像素材具有一定的分辨率，第二素材的分辨率与第一素材的分辨率不同。

S102：根据第二素材的分辨率调整第一显示区域和第二显示区域的边界坐标，边界坐标调整后的第一显示区域用于显示第二素材。

如图3所示，智能终端屏幕的分辨率720x1280，假设屏幕左上角的坐标为(0,0),则显示界面1的边界坐标为(0,0,720,1280),该边界坐标表示显示界面的左上角坐标为(0,0)以及右下角坐标为(720,1280)，边界坐标的表示方法下同。

图3和图4示出了本公开的一实施例。如图3所示，第一素材11的图片的分辨率为720x400，第一显示区域10的边界坐标为(0,80,720,480)，第一显示区域10恰好显示第一素材11。此时，第二显示区域20的边界坐标为(0,480,720,1280)。如步骤S101所述，当终端、系统或应用程序检测到用户对第一素材11的操作事件后，应用程序获取第二素材12，第二素材12的分辨率720x600，其具有与第一素材11不同的分辨率。如图4所示，应用程序进而根据第二素材12的分辨率720x600将第一显示区域10的边界坐标由(0,80,720,480)调整为(0,80,720,680),相应地，第二显示区域20的边界坐标由(0,480,720,1280)调整为(0,680,720,1280)。边界坐标调整后的第一显示区域10用于显示第二素材12。多媒体素材的显示属于本领域的成熟技术，这里不再赘述。

图5和图6示出了本公开的另一实施例。如图5所示，第一素材11的图片的分辨率为600x600，第一显示区域10的边界坐标为(0,80,600,680)，第一显示区域10恰好显示第一素材11。此时，第二显示区域20的边界坐标为(600,80,960,680)。如步骤S101所述，当终端、系统或应用程序检测到用户对第一素材11的操作事件后，应用程序获取第二素材12，第二素材12的分辨率720x800，其具有与第一素材11不同的分辨率。如图6所示，应用程序进而根据第二素材12的分辨率720x800将第一显示区域10的边界坐标由(0,80,600,680)调整为(0,80,720,880),相应地，第二显示区域20的边界坐标由(600,80,960,680)调整为(720,80,960,880)。边界坐标调整后的第一显示区域10用于显示第二素材12。

需要说明的是，在本公开中，根据第二素材的分辨率调整第二显示区域的边界坐标亦包括根据第一显示区域的边界坐标调整第二显示区域的边界坐标，因为第一显示区域的边界坐标本身系根据第二素材的分辨率进行调整，因此二者本质是相同的。此外，根据第二素材的分辨率调整第一显示区域和第二显示区域的边界坐标，以及边界坐标调整后的第一显示区域显示第二素材，三者可以是同时或先后进行，本公开不作限定。

在另一优选的实施例中，步骤S102还包括：根据第二素材12的分辨率和显示界面1的边界坐标计算第二素材12的显示分辨率；根据第二素材12的显示分辨率调整所述第一显示区域10和所述第二显示区域20的边界坐标。如图3所示，显示界面1的边界坐标为(0,0,720,1280)，假设第二素材12的分辨率为1440x1200，则对第二素材进行适应性调整，计算第二素材的显示分辨率为720x600，显示分辨率为将要在第一显示区域显示时的分辨率。最后，根据所计算的第二素材的显示分辨率调整第一显示区域的边界坐标，调整方式不再赘述。本实施例提供的第二素材的显示分辨率的计算方式使得第二素材保持原高宽比缩小并适配显示界面的宽度，但本公开不限于此，还可以采用其他根据显示界面对第二素材进行适应性调整的方式。

另需要说明的是，上述第一素材和第二素材的分辨率和第一显示区域的坐标值的设置关系、第一显示区域和第二显示区域的边界坐标之间的关系，仅仅是示例性的。本公开并不限于此，还可以采用设置其他的坐标关系进行上述调整。

在另一优选的实施例中，第一素材和所述第二素材为多媒体文件，包括但不限于：图片、动态图片、音频、视频文件格式。

进一步地，第一素材与第二素材的多媒体文件种类可以相同也可不同。例如，第一素材为视频文件的某帧截图的缩略图，第二素材为视频源文件，当用户点击该缩略图时，第一显示区域播放该视频源文件。

在另一优选的实施例中，第一素材和第二素材分别为同一张图片素材的小图和全图，即当用户点击第一区域中的小图后，获取该小图对应的全图，第一区域相应地调整边界坐标并显示该全图，以使用户浏览全图。

进一步地，上述小图与上述全图或原图具有相同的高宽比。因本公开实施例中的第一显示区域可以根据素材的分辨率动态调整自身的边界坐标，因此无需对素材要求固定的高宽比，其显示的任一素材均可以保持原高宽比。

在另一优选的实施例中，本公开提供的页面动态显示的方法还包括如下步骤：根据第二显示区域的边界坐标调整第二显示区域的内容的显示顺序。如图3和图4所示，当第二显示区域20的边界坐标由(0,480,720,1280)调整为(0,680,720,1280)时，第二显示区域20的显示区域减少，导致其可显示内容减少，第二显示区域20原先显示在显示界面1的部分内容无法显示。对此，本实施例提供的方法中，应用程序通过调整第二显示区域20的内容的优先显示顺序，保证在第二显示区域20的重要内容依然显示在显示界面1内。例如，对第二显示区域的内容预先设置优先级，随着第二显示区域的边界坐标的调整，优先显示级别最高的内容。

由上可知，本公开实施例提供的页面动态显示的方法中，应用程序的显示界面包括边界坐标可变的第一显示区域和第二显示区域，第一显示区域显示第一素材，应用程序首先响应用户对第一素材的操作事件，获取第二素材，第二素材具有与第一素材不同的分辨率；然后，根据第二素材的分辨率调整第一显示区域和第二显示区域的边界坐标，边界坐标调整后的第一显示区域用于显示所述第二素材。可见，本公开实施例中用于图像素材的显示区域可以根据素材的分辨率变化，而相应地调整自身的边界坐标，即显示界面的布局可以根据显示素材的不同进行动态调整，将浏览全图时对其他内容的挤占降到最低，提高了页面利用率，同时对所显示的图片无需要求固定的高宽比，避免图片内容显示不全或画面失真。

装置实施例：

如图7所示，对应上述实施例提供的页面动态显示的方法，本公开还提供一种页面动态显示的装置，所述装置应用于应用程序的显示界面，显示界面包括边界坐标可变的第一显示区域和第二显示区域，第一显示区域显示第一素材，所述装置包括：

获取单元701，用于响应用户对所述第一素材的操作事件，获取第二素材，所述第二素材具有与所述第一素材不同的分辨率；

第一调整单元702，用于根据所述第二素材的分辨率调整所述第一显示区域和所述第二显示区域的边界坐标，边界坐标调整后的所述第一显示区域用于显示所述第二素材。

在一优选的实施例中，第一调整单元包括计算子单元和第一调整子单元。计算子单元用于根据所述第二素材的分辨率和所述显示界面的边界坐标，计算所述第二素材的显示分辨率；第一调整子单元用于根据所述第二素材的显示分辨率调整所述第一显示区域和所述第二显示区域的边界坐标。

在另一优选的实施例中，所述第一素材和所述第二素材为多媒体文件，包括但不限于：图片、动态图片、视频文件格式。

进一步地，第一素材与第二素材的多媒体文件种类可以相同也可不同。例如，第一素材为视频文件的某帧截图的缩略图，第二素材为视频源文件，当用户点击该缩略图时，第一显示区域播放该视频源文件。

在另一优选的实施例中，第一素材和第二素材分别为同一张图片素材的小图和全图，即当用户点击第一区域中的小图后，获取该小图对应的全图，第一区域相应地调整边界坐标并显示该全图，以使用户浏览全图。

进一步地，上述小图与上述全图或原图具有相同的高宽比。因本公开实施例中的第一显示区域可以根据素材的分辨率动态调整自身的边界坐标，因此无需对素材要求固定的高宽比，其显示的任一素材均可以保持原高宽比。

在另一优选的实施例中，所述装置还包括第二调整单元，用于根据所述第二显示区域的边界坐标调整所述第二显示区域的内容的显示顺序。

对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

相应地，本公开还提供一种移动终端，包括：至少一个存储器和至少一个处理器；其中，所述存储器用于存储程序代码，所述处理器用于调用所述存储器所存储的程序代码以执行上述页面动态显示的方法。

相应的，本公开还提供一种计算机存储介质，该计算机存储介质存储有程序代码，程序代码用于执行上述页面动态显示的方法。计算机存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

下面参考图8，其示出了适于用来实现本公开实施例的电子设备800的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图8示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图8所示，电子设备800可以包括处理装置(例如中央处理器、图形处理器等)801，其可以根据存储在只读存储器(ROM)802中的程序或者从存储装置808加载到随机访问存储器(RAM)803中的程序而执行各种适当的动作和处理。在RAM 803中，还存储有电子设备800操作所需的各种程序和数据。处理装置801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。

通常，以下装置可以连接至I/O接口805：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置806；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置807；包括例如磁带、硬盘等的存储装置808；以及通信装置809。通信装置809可以允许电子设备800与其他设备进行无线或有线通信以交换数据。虽然图8示出了具有各种装置的电子设备800，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置809从网络上被下载和安装，或者从存储装置808被安装，或者从ROM 802被安装。在该计算机程序被处理装置801执行时，执行本公开实施例的方法中限定的上述功能。

需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：获取至少两个网际协议地址；向节点评价设备发送包括所述至少两个网际协议地址的节点评价请求，其中，所述节点评价设备从所述至少两个网际协议地址中，选取网际协议地址并返回；接收所述节点评价设备返回的网际协议地址；其中，所获取的网际协议地址指示内容分发网络中的边缘节点。

或者，上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：接收包括至少两个网际协议地址的节点评价请求；从所述至少两个网际协议地址中，选取网际协议地址；返回选取出的网际协议地址；其中，接收到的网际协议地址指示内容分发网络中的边缘节点。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Sma l lta lk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定，例如，第一获取单元还可以被描述为“调整第一、二显示区域边界坐标的单元”。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (8)

1.一种页面动态显示的方法，所述方法应用于应用程序的显示界面，其特征在于，所述显示界面包括边界坐标可变的第一显示区域和第二显示区域，所述第一显示区域显示第一素材，所述方法包括：

响应用户对所述第一素材的操作事件，获取第二素材，所述第二素材具有与所述第一素材不同的分辨率；

根据所述第二素材的分辨率调整所述第一显示区域和所述第二显示区域的边界坐标，边界坐标调整后的所述第一显示区域用于显示所述第二素材；

其中，所述第一素材和所述第二素材分别为同一张图片素材的小图和全图，所述小图与所述全图具有相同的高宽比，以使所述小图能够以所述全图的高宽比显示。

2.根据权利要求1所述的页面动态显示的方法，其特征在于，所述根据所述第二素材的分辨率调整所述第一显示区域和所述第二显示区域的边界坐标，包括：

根据所述第二素材的分辨率和所述显示界面的边界坐标，计算所述第二素材的显示分辨率；

根据所述第二素材的显示分辨率调整所述第一显示区域和所述第二显示区域的边界坐标。

3.根据权利要求1所述的页面动态显示的方法，其特征在于，所述第一素材和所述第二素材为多媒体文件，所述多媒体文件包括图片、动态图片、视频文件。

4.根据权利要求3所述的页面动态显示的方法，其特征在于，所述第一素材的多媒体文件与所述第二素材的多媒体文件具有不同的文件种类。

5.根据权利要求1所述的页面动态显示的方法，其特征在于，所述方法还包括：

根据所述第二显示区域的边界坐标调整所述第二显示区域的内容的显示顺序。

6.一种页面动态显示的装置，所述装置应用于应用程序的显示界面，其特征在于，所述显示界面包括边界坐标可变的第一显示区域和第二显示区域，所述第一显示区域显示第一素材，所述装置包括：

获取单元，用于响应用户对所述第一素材的操作事件，获取第二素材，所述第二素材具有与所述第一素材不同的分辨率；

第一调整单元，用于根据所述第二素材的分辨率调整所述第一显示区域和所述第二显示区域的边界坐标，边界坐标调整后的所述第一显示区域用于显示所述第二素材；

其中，所述第一素材和所述第二素材分别为同一张图片素材的小图和全图，所述小图与所述全图具有相同的高宽比，以使所述小图能够以所述全图的高宽比显示。

7.一种移动终端，其特征在于，所述移动终端包括：

至少一个存储器和至少一个处理器；

其中，所述存储器用于存储程序代码，所述处理器用于调用所述存储器所存储的程序代码以执行权利要求1至5的任一项所述的页面动态显示的方法。

8.一种计算机存储介质，其特征在于，所述计算机存储介质存储有程序代码，所述程序代码用于执行权利要求1至5的任一项所述的页面动态显示的方法。