CN109375847A - 锁屏杂志显示方法、装置、存储介质及移动终端 - Google Patents

Abstract

本申请实施例公开了锁屏杂志显示方法、装置、存储介质及移动终端。该方法包括：进入当前锁屏杂志图片的显示页面；在监听到详情页面显示事件被触发时，确定所述当前锁屏杂志图片对应的目标详情页面；对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面。本申请实施例通过采用上述技术方案，可以在屏幕上同时显示锁屏杂志图片和与其对应的详情页面，从而更加全面地展示锁屏杂志的内容，提升用户对杂志内容的接收程度。

Description

锁屏杂志显示方法、装置、存储介质及移动终端

技术领域

本申请实施例涉及移动终端技术领域，尤其涉及锁屏杂志显示方法、装置、存储介质及移动终端。

背景技术

目前，移动终端已成为多数用户日常生活中必备的电子设备。通常在不使用的情况下，为了避免用户无意间触碰屏幕而导致误操作，如误启动应用程序等，移动终端普遍支持锁屏功能。

当移动终端处于亮屏且锁屏状态时，通常会显示锁屏图片，而为了增加锁屏图片的趣味性，许多移动终端提供了锁屏杂志功能。通过锁屏杂志功能，用户可以在锁屏状态下浏览图片以及对应的文案等信息。然而，现有的锁屏杂志的浏览方案仍不够完善，需要改进。

发明内容

本申请实施例提供锁屏杂志显示方法、装置、存储介质及移动终端，可以优化移动终端中锁屏杂志的显示方案。

第一方面，本申请实施例提供了一种锁屏杂志显示方法，包括：

进入当前锁屏杂志图片的显示页面；

在监听到详情页面显示事件被触发时，确定所述当前锁屏杂志图片对应的目标详情页面；

对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面。

第二方面，本申请实施例提供了一种锁屏杂志显示装置，包括：

页面进入模块，用于进入当前锁屏杂志图片的显示页面；

详情页面确定模块，用于在监听到详情页面显示事件被触发时，确定所述当前锁屏杂志图片对应的目标详情页面；

显示控制模块，用于对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面。

第三方面，本申请实施例提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本申请实施例所述的锁屏杂志显示方法。

第四方面，本申请实施例提供了一种移动终端，包括存储器，处理器及存储在存储器上并可在处理器运行的计算机程序，所述处理器执行所述计算机程序时实现如本申请实施例所述的锁屏杂志显示方法。

本申请实施例中提供的锁屏杂志显示方案，进入当前锁屏杂志图片的显示页面后，在监听到详情页面显示事件被触发时，确定当前锁屏杂志图片对应的目标详情页面，对当前锁屏杂志图片进行预设变换，并在屏幕上同时显示当前锁屏杂志图片和目标详情页面。通过采用上述技术方案，可以在屏幕上同时显示锁屏杂志图片和与其对应的详情页面，从而更加全面地展示锁屏杂志的内容，提升用户对杂志内容的接收程度。

附图说明

图1为本申请实施例提供的一种锁屏杂志显示方法的流程示意图；

图2为本申请实施例提供的另一种锁屏杂志显示方法的流程示意图；

图3为本申请实施例提供的一种锁屏杂志显示过程示意图；

图4为本申请实施例提供的一种锁屏杂志图片最终显示区域示意图；

图5为本申请实施例提供的又一种锁屏杂志显示方法的流程示意图；

图6为本申请实施例提供的一种锁屏杂志界面显示示意图；

图7为本申请实施例提供的再一种锁屏杂志显示方法的流程示意图；

图8为本申请实施例提供的一种锁屏杂志显示装置的结构框图；

图9为本申请实施例提供的一种移动终端的结构示意图；

图10为本申请实施例提供的又一种移动终端的结构示意图。

具体实施方式

下面结合附图并通过具体实施方式来进一步说明本申请的技术方案。可以理解的是，此处所描述的具体实施例仅仅用于解释本申请，而非对本申请的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本申请相关的部分而非全部结构。

在更加详细地讨论示例性实施例之前应当提到的是，一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各步骤描述成顺序的处理，但是其中的许多步骤可以被并行地、并发地或者同时实施。此外，各步骤的顺序可以被重新安排。当其操作完成时所述处理可以被终止，但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序等等。

图1为本申请实施例提供的一种锁屏杂志显示方法的流程示意图，该方法可以由锁屏杂志显示装置执行，其中该装置可由软件和/或硬件实现，一般可集成在移动终端中。如图1所示，该方法包括：

步骤101、进入当前锁屏杂志图片的显示页面。

示例性的，本申请实施例中的移动终端可包括手机、平板电脑以及个人数字助理等设置有显示屏的移动设备。

锁屏杂志可理解为在移动终端处于锁屏状态时在被点亮的屏幕中呈现的一种电子杂志，在移动终端中可以安装锁屏杂志应用程序以实现锁屏杂志功能。锁屏杂志可包含一个或多个电子版面，每一个电子版面中可包含锁屏杂志图片和与锁屏杂志图片对应的详情页面。详情页面可理解为一种链接详情页，又称拉图，详情页面中包含的内容信息可以是与其对应的锁屏杂志图片的相关内容，详情页面中内容的展现形式可以但不限于包括如文字、图片、音频以及视频等一个或多个的任意组合，其中以文字居多，例如可以是一篇与锁屏杂志图片相关的文章，文章内容为锁屏杂志图片相关内容的扩展阅读。详情页面可利用HTML5(HyperText Markup Language，超文本标记语言第五版)或类似技术生成，也即详情页面可以是为锁屏杂志图片配置的H5页，其页面数据可以在锁屏状态下被锁屏杂志的进程直接调用。

示例性的，移动终端在锁屏状态下，当屏幕被点亮时，屏幕上会显示锁屏杂志图片。可以在移动终端或锁屏杂志中预先设置事件监听器，用于监听各种屏幕事件，如点亮屏幕事件、熄灭屏幕事件以及下文中将提到的详情页面显示事件等。在锁屏状态下，该事件监听器将监听到的点亮屏幕事件传递给锁屏杂志中的相应处理方法，触发该处理方法将待显示的锁屏杂志图片输出在锁屏界面中，从而实现进入锁屏杂志图片的显示页面，此时，移动终端仍处于锁屏状态。其中，点亮屏幕事件的触发方式可以是触摸屏幕(如点击屏幕任意位置)或者按压物理按键(如电源键)等。在锁屏杂志图片的显示页面中，用户可以对锁屏杂志图片进行切换，例如，可通过向左滑动或向右滑动等方式进入另一个锁屏杂志图片的显示页面。可选的，锁屏杂志图片在屏幕中可以是全屏显示，即锁屏杂志图片占满整个屏幕，这样可以保证屏幕显示的美观度，当然也可以非全屏显示，本申请实施例中不做限定。另外，在锁屏杂志图片的上层可以叠加显示日期或时间等信息，方便用户查看。在当前锁屏杂志图片的显示页面中，用户还可以通过上滑等操作进行屏幕解锁，本申请实施例不做限定。

步骤102、在监听到详情页面显示事件被触发时，确定所述当前锁屏杂志图片对应的目标详情页面。

示例性的，当移动终端进入了当前锁屏杂志图片的显示页面后，可以继续监听详情页面显示事件是否被触发，例如可通过上文所述的事件监听器进行监听。可以在锁屏杂志图片的显示页面中设置用于触发详情页面显示事件的按钮，如以“查看更多”、“查看全部”或“跳转链接”等文字形式标识的按钮等等，当监听到该按钮以预设方式(如点击)被触发时，可认为监听到详情页面显示事件被触发。详情页面显示事件被触发还可以有很多其他方式，如长按屏幕等等，本申请实施例不做限定。

示例性的，在监听到详情页面显示事件被触发时，可以认为用户想要查看当前锁屏杂志图片对应的详情页面。一般的，锁屏杂志图片的详情页面是预先配置好的，也即锁屏杂志图片和详情页面之间存在预设的对应关系，可根据当前锁屏杂志图片查询该对应关系，进而确定对应的目标详情页面。进一步的，在确定当前锁屏杂志图片对应的目标详情页面后，锁屏杂志可以调用目标详情页面，以便于后续的显示。

步骤103、对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面。

相关技术中，在需要显示详情页面时，均采用跳转页面的方式从锁屏杂志图片切换为详情页面，比较生硬，跳脱感强，用户观感不佳，且详情页面会全面覆盖锁屏杂志图片，在显示层面上割裂了锁屏杂志图片和详情页面之间的联系，使用户无法同时全面的解读锁屏杂志当前版面的内容，内容接收程度差。

本申请实施例中，可以对当前锁屏杂志图片进行预设变换，使得当前锁屏杂志图片和目标详情页面能够同时在屏幕上进行显示，帮助用户更加全面的浏览锁屏杂志当前版面的内容，提高内容接收程度。其中，预设变换可以包括形状、大小、显示位置、显示形式以及显示内容等方面的变换，例如可以是平移、按比例缩小或裁剪等等，本申请实施例不做限定。

本申请实施例中提供的锁屏杂志显示方法，进入当前锁屏杂志图片的显示页面后，在监听到详情页面显示事件被触发时，确定当前锁屏杂志图片对应的目标详情页面，对当前锁屏杂志图片进行预设变换，并在屏幕上同时显示当前锁屏杂志图片和目标详情页面。通过采用上述技术方案，可以在屏幕上同时显示锁屏杂志图片和与其对应的详情页面，可以更加全面地展示锁屏杂志的内容，提升用户对杂志内容的接收程度。

在一些实施例中，所述对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面，包括：控制所述当前锁屏杂志图片以预设方向平移第一预设距离，并控制所述目标详情页面按照所述预设方向切入屏幕进行显示。这样设置的好处在于，通过对当前锁屏杂志图片的平移，可以将处于当前锁屏杂志图片边缘位置的相对不重要的图片内容移出屏幕外(所达到的效果可以理解为对图片进行裁剪)，为目标详情页面的显示腾出一定的显示空间，进而达到同时显示当前锁屏杂志图片和目标详情页面的目的。其中，预设方向可包括屏幕长度方向、屏幕宽度方向或屏幕对角线方向等；第一预设距离可以根据预设方向上的屏幕尺寸衡量。如预设方向为屏幕长度方向时，第一预设距离可以是屏幕长度的第一预设比例(如1/9)。第一预设距离可以是预先设置的固定值，也可以是根据实际情况动态确定的变量。示例性的，可以对当前锁屏杂志图片中的图片内容进行识别，确定图片主体区域；再根据图片主体区域的边界位置与当前锁屏杂志图片的边界的距离，确定第一预设距离。也即，可将图片主体区域之外的图片内容移出屏幕外。

可选的，控制当前锁屏杂志图片以预设方向平移的过程和控制目标详情页面按照预设方向切入屏幕的过程是同时进行的，且当前锁屏杂志图片的与预设方向垂直的且始终处于屏幕内部的第一边界与目标详情页面进入屏幕内部的第二边界(相当于下文提到的目标详情页面的第一显示边界)重合。

在一些实施例中，所述控制所述目标详情页面按照所述预设方向切入屏幕进行显示，包括：控制所述目标详情页面按照所述预设方向切入屏幕，并在切入显示过程停止时，使所述目标详情页面的第一显示边界在所述预设方向上与第一屏幕边界的距离为第二预设距离，其中，与所述目标详情页面的第一显示边界相对的第二显示边界与所述第一屏幕边界重合，所述第二预设距离大于所述第一预设距离。这样设置的好处在于，由于第二预设距离大于第一预设距离，所以目标详情页面可以对当前锁屏杂志图片的部分图片内容进行覆盖，让目标详情页面得到更大的显示区域，而锁屏杂志图片边缘位置的图片内容一般不重要，覆盖后对获取图片主要信息不构成影响。第二预设距离可以是预先设置的固定值，也可以是根据实际情况动态确定的变量。示例性的，可以对当前锁屏杂志图片中的图片内容进行识别，确定图片主体区域；再根据图片主体区域的边界位置与当前锁屏杂志图片的边界的距离，以及第一预设距离，确定第二预设距离。也即，可让目标详情页面对当前锁屏杂志图片中的图片主体区域之外的图片内容进行覆盖。

在一些实施例中，所述控制所述当前锁屏杂志图片以预设方向平移第一预设距离，包括：执行所述当前锁屏杂志图片对应的预设第一属性动画，以使所述当前锁屏杂志图片以预设方向动态平移第一预设距离；所述控制所述目标详情页面按照所述预设方向切入屏幕，并在切入显示过程停止时，使所述目标详情页面的第一显示边界在所述预设方向上与第一屏幕边界的距离为第二预设距离，包括：执行所述目标详情页面对应的预设第二属性动画，以动态改变所述目标详情页面的第一显示边界在所述预设方向上与所述第一屏幕边界的距离，直到所述距离达到第二预设距离。这样设置的好处在于，使得当前锁屏杂志图片和目标详情页面能够动态地发生变化，使两者顺畅衔接过渡，页面变化更加行云流水，提升视觉体验。

在一些实施例中，所述第一属性动画包括对象动画绘制类objectAnimator，所述第二属性动画包括数值动画绘制类valueAnimator。示例性的，本申请实施例中的移动终端装载的操作系统为安卓(Android)操作系统。安卓操作系统中的属性动画是在一定时间间隔内，通过不断对值进行改变，并不断将该值赋给对象的属性，从而实现该对象在该属性上的动画效果。属性动画包含的两个重要的类为objectAnimator和valueAnimator。其中，objectAnimator可以对对象的某个属性执行一次动画，属性值会自动更新。valueAnimator并不会改变属性的大小，而是在一段时间内生成某些值，然后再为对象中的属性设置这些值，从而实现动画。由于目标详情页面中的内容一般较多，会支持滑动浏览，以使用户浏览到全部内容，目标详情页面与当前锁屏杂志图片属于不同的容器，采用valueAnimator对目标详情页面做属性动画，动态改变详情页面父布局中的属性以实现详情页面的移动。

在一些实施例中，所述对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面，包括：控制所述当前锁屏杂志图片以预设比例进行缩小，并在缩小后的当前锁屏杂志图片之外的屏幕显示区域显示所述目标详情页面。这样设置的好处在于，对当前锁屏杂志图片进行缩小后，不会损失图片内容，用户可以在查看全部图片内容的同时，浏览目标详情页面。

在一些实施例中，所述对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面，包括：对所述当前锁屏杂志图片中的图片内容进行识别，确定图片主体区域；针对所述图片主体区域对所述当前锁屏杂志图片进行裁剪，以保留所述图片主体区域，得到待显示图片；在屏幕上同时显示所述待显示图片和所述目标详情页面。这样设置的好处在于，移动终端可以自动识别出当前锁屏杂志图片中的主要内容，并对该主要内容予以保留，裁剪掉不重要的内容，为目标详情页面的显示腾出空间，实现锁屏杂志的智能显示。

图2为本申请实施例提供的另一种锁屏杂志显示方法的流程示意图，该方法包括如下步骤：

步骤201、在移动终端处于锁屏状态时，检测到屏幕被点亮。

步骤202、进入当前锁屏杂志图片的显示页面。

本申请实施例中，当前锁屏杂志图片可以是屏幕被点亮后显示的第一张锁屏杂志图片，也可以是在用户操作下切换至的任意一张锁屏杂志图片，对此不做限定。

本申请实施例中，假设以移动终端为竖屏显示状态为例进行说明。

步骤203、在监听到显示页面中的预设按钮以预设方式被触发时，确定监听到详情页面显示事件被触发。

示例性的，预设按钮可以是位于显示页面中指定位置(如右下角)的按钮，其名称例如可以是“查看更多”，预设方式例如可以是点击。

步骤204、确定当前锁屏杂志图片对应的目标详情页面。

示例性的，目标详情页面可以是HTML5页面。

步骤205、同时执行当前锁屏杂志图片对应的预设第一属性动画，以及目标详情页面对应的预设第二属性动画，以使当前锁屏杂志图片以预设方向动态平移第一预设距离，并动态改变目标详情页面的第一显示边界在预设方向上与第一屏幕边界的距离，直到距离达到第二预设距离。

其中，与所述目标详情页面的第一显示边界相对的第二显示边界与所述第一屏幕边界重合，所述第二预设距离大于所述第一预设距离。

示例性的，所述第一属性动画为objectAnimator，所述第二属性动画为valueAnimator。可以预先针对锁屏杂志图片做objectAnimator属性动画，如针对translationY(Y方向例如可以是移动终端屏幕长度方向)做位移，使得锁屏杂志图片最终位移距离为第一预设距离，得到锁屏杂志图片对应的预设第一属性动画。预先针对详情页面做valueAnimator属性动画，动态改变详情页面父布局顶部间距marginTop，最终停留在距离屏幕顶部的第三预设距离(第三预设距离为屏幕长度与第二预设距离的差值)，得到详情页面对应的预设第二属性动画。在制作属性动画时，可以通过调用属性动画内规定的相应函数来实现。例如，在针对translationY做位移时，可以通过调用函数ObjectAnimatoranimator＝ObjectAnimator.ofFloat(textView,View.TRANSLATION_Y,0,100)来实现(其中的数值仅作为示意性说明)，在设置动画时长时可调用animator.setDuration()等。示例性的，预设第一属性动画和预设第二属性动画可以是预先设置的通用动画或者动画模板，在针对当前锁屏杂志图片执行预设第一属性动画时，可以将预设第一属性动画作用的对象设置为当前锁屏杂志图片，在针对目标详情页面执行预设第二属性动画时，可以将预设第二属性动画作用的对象设置为目标详情页面。

图3为本申请实施例提供的一种锁屏杂志显示过程示意图，如图3所示，第一张界面示意图为当前锁屏杂志图片的显示页面，阴影区域为当前锁屏杂志图片，当前锁屏杂志图片为全屏显示。在显示页面的右下角设置有“查看更多”按钮，当用户点击该按钮后，可认为用户需要查看当前锁屏杂志图片对应的目标详情页面，随后移动终端执行当前锁屏杂志图片对应的预设第一属性动画和目标详情页面对应的预设第二属性动画。预设第一属性动画的动画持续时间和预设第二属性动画的动画持续时间可以相同，例如均为300毫秒。在执行属性动画的过程中，如第二张界面示意图，当前锁屏杂志图片沿屏幕长度方向向上平移，而目标详情页面从屏幕底部切入屏幕，为了便于理解，第二张界面示意图中示出了当前锁屏杂志图片的最终显示区域301，最终显示区域301在当前锁屏杂志图片中的相对位置是固定的。图4为本申请实施例提供的一种锁屏杂志图片最终显示区域示意图，如图4所示，第一区域401表示需要移到显示屏幕外的区域，第二区域402表示需要被详情页面覆盖的区域，第一区域401的高度为第一预设距离值(如屏幕长度的1/9)，第二区域402的高度为第二预设距离与第一预设距离的差值(如屏幕长度的1/3，第二预设距离为屏幕长度的4/9)。如图3中的第三张界面示意图所示，在动画执行过程中，当前锁屏杂志图片继续沿屏幕长度方向向上平移，目标详情页面继续切入屏幕且已逐渐覆盖了当前锁屏杂志图片的部分图片内容。如图3中的第四张界面示意图所示，最终当前锁屏杂志图片沿屏幕长度方向向上平移了屏幕长度的1/9，目标详情页面的第一显示边界(顶部显示边界)在屏幕长度方向上与第一屏幕边界(屏幕底边)的距离为屏幕长度的4/9，目标详情页面覆盖了当前锁屏杂志图片沿屏幕长度方向1/3的图片内容。

可选的，在执行步骤205之前，还可包括：对当前锁屏杂志图片中的图片内容进行识别，确定图片主体区域；根据图片主体区域的边界位置与当前锁屏杂志图片的边界的距离，确定第一预设距离；根据图片主体区域的边界位置与当前锁屏杂志图片的边界的距离，以及第一预设距离，确定第二预设距离。其中，对确定图片主体区域的具体规则不做限定。示例性的，锁屏杂志当前版面可能会设置有标题或主题，可以根据标题或主题的含义识别出当前锁屏杂志图片中与标题或主题相匹配的图片内容，将该部分图片内容所在区域确定为图片主体区域。例如，标题为对某位人物进行的介绍，可对当前锁屏杂志图片中的人物进行识别，将人物图像所在区域确定为图片主体区域；又如，主题为建筑物介绍，可对当前锁屏杂志图片中的建筑物进行识别，将建筑物图像所在区域确定为图片主体区域。可根据图片主体区域确定上文所述的最终显示区域，进而确定第一预设距离和第二预设距离。

本申请实施例提供的锁屏杂志显示方法，在当前锁屏杂志图片的显示页面中检测到用户触发预设按钮后，确定当前锁屏杂志图片对应的目标详情页面，同时执行预设第一属性动画及预设第二属性动画，让当前锁屏杂志图片动态平移的过程中，目标详情页面动态切入屏幕并逐渐覆盖当前锁屏杂志图片的部分图片内容，实现目标详情页面和当前锁屏杂志图片在显示上的顺畅衔接过渡，提升界面美感，并在屏幕上同时显示锁屏杂志图片的重要图片内容和与其对应的详情页面，更加全面地展示锁屏杂志的内容，提升用户对杂志内容的接收程度。

在一些实施例中，由于当前锁屏杂志图片的部分内容被移除屏幕外或者被目标详情页面所覆盖，可以为用户提供一种操作方式来查看当前锁屏杂志图片的全部内容。示例性的，若在当前锁屏杂志图片的最终显示区域检测到预设操作(如滑动操作或长按操作)，弹出当前锁屏杂志图片的全部图片内容，在检测到施加预设操作的手指离开屏幕时，恢复最终显示区域的显示，即恢复至步骤205执行完毕时的显示状态，如图3中的第四张界面示意图。

图5为本申请实施例提供的又一种锁屏杂志显示方法的流程示意图，如图5所示，该方法包括：

步骤501、在移动终端处于锁屏状态时，检测到屏幕被点亮。

步骤502、进入当前锁屏杂志图片的显示页面。

本申请实施例中，假设以移动终端为竖屏显示状态为例进行说明。

步骤503、在监听到显示页面中的详情查看按钮被点击时，确定监听到详情页面显示事件被触发。

步骤504、确定当前锁屏杂志图片对应的目标详情页面。

步骤505、控制当前锁屏杂志图片以预设比例进行缩小，并在缩小后的当前锁屏杂志图片之外的屏幕显示区域显示目标详情页面。

示例性的，预设比例例如可以是1/2。图6为本申请实施例提供的一种锁屏杂志界面显示示意图，如图6所示，当前锁屏杂志图片缩小了1/2，并显示于屏幕顶部的中央位置，而屏幕底部的剩余区域可以用来显示目标详情页面。

示例性的，可以同时执行所述当前锁屏杂志图片对应的预设第三属性动画，以及所述目标详情页面对应的预设第四属性动画，以使所述当前锁屏杂志图片以预设比例进行动态缩小并显示于屏幕顶部的中央位置，并以动态改变所述目标详情页面的第一显示边界在所述预设方向上与所述第一屏幕边界的距离，直到所述距离达到第四预设距离。其中，第四预设距离根据预设比例确定。第一屏幕边界为屏幕底边。如图6，由于预设比例为1/2，所以第四预设距离为屏幕长度方向上的1-1/2＝1/2。若预设比例为1/3，那么第四预设距离为屏幕长度方向上的1-1/3＝2/3。

本申请实施例提供的锁屏杂志显示方法，在当前锁屏杂志图片的显示页面中检测到用户触发预设按钮后，确定当前锁屏杂志图片对应的目标详情页面，对当前锁屏杂志图片进行缩小，并在缩小后的当前锁屏杂志图片之外的屏幕显示区域显示目标详情页面，不会损失图片内容，且用户可以在查看全部图片内容的同时，浏览目标详情页面。

图7为本申请实施例提供的再一种锁屏杂志显示方法的流程示意图，如图7所示，该方法包括：

步骤701、在移动终端处于锁屏状态时，检测到屏幕被点亮。

步骤702、进入当前锁屏杂志图片的显示页面。

本申请实施例中，假设以移动终端为竖屏显示状态为例进行说明。

步骤703、在监听到显示页面中的详情查看按钮被点击时，确定监听到详情页面显示事件被触发。

步骤704、确定当前锁屏杂志图片对应的目标详情页面。

步骤705、对当前锁屏杂志图片中的图片内容进行识别，确定图片主体区域。

本申请实施例中，对确定图片主体区域的具体规则不做限定。示例性的，锁屏杂志当前版面可能会设置有标题或主题，可以根据标题或主题的含义识别出当前锁屏杂志图片中与标题或主题相匹配的图片内容，将该部分图片内容所在区域确定为图片主体区域。例如，标题为对某位人物进行的介绍，可对当前锁屏杂志图片中的人物进行识别，将人物图像所在区域确定为图片主体区域；又如，主题为建筑物介绍，可对当前锁屏杂志图片中的建筑物进行识别，将建筑物图像所在区域确定为图片主体区域。

步骤706、针对图片主体区域对当前锁屏杂志图片进行裁剪，以保留图片主体区域，得到待显示图片。

示例性的，对当前锁屏杂志图片进行裁剪后，得到的待显示图片相对于当前锁屏杂志图片来说占用更小的显示区域，因此，可以为目标详情页面留出更多的显示空间。

步骤707、在屏幕上同时显示所述待显示图片和目标详情页面。

示例性的，可以在屏幕顶部的中央位置显示待显示图片，并在屏幕底部显示目标详情页面。可以同时执行所述当前锁屏杂志图片对应的预设第五属性动画，以及所述目标详情页面对应的预设第六属性动画，以使所述当前锁屏杂志图片被动态裁剪并显示于屏幕顶部的中央位置，并以动态改变所述目标详情页面的第一显示边界在所述预设方向上与所述第一屏幕边界的距离，直到所述距离达到第五预设距离。其中，第五预设距离根据裁剪后的待显示图片的尺寸确定。第一屏幕边界为屏幕底边。

本申请实施例提供的锁屏杂志显示方法，在当前锁屏杂志图片的显示页面中检测到用户触发预设按钮后，确定当前锁屏杂志图片对应的目标详情页面，对当前锁屏杂志图片中的图片内容进行识别，并根据识别结果进行裁剪，对该主要内容予以保留，裁剪掉不重要的内容，为目标详情页面的显示腾出空间，实现锁屏杂志的智能显示。

图8为本申请实施例提供的一种锁屏杂志显示装置的结构框图，该装置可由软件和/或硬件实现，一般集成在移动终端中，可通过执行锁屏杂志显示方法来控制锁屏杂志的显示。如图8所示，该装置包括：

页面进入模块801，用于进入当前锁屏杂志图片的显示页面；

详情页面确定模块802，用于在监听到详情页面显示事件被触发时，确定所述当前锁屏杂志图片对应的目标详情页面；

显示控制模块803，用于对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面。

本申请实施例中提供的锁屏杂志显示装置，进入当前锁屏杂志图片的显示页面后，在监听到详情页面显示事件被触发时，确定当前锁屏杂志图片对应的目标详情页面，对当前锁屏杂志图片进行预设变换，并在屏幕上同时显示当前锁屏杂志图片和目标详情页面。通过采用上述技术方案，可以在屏幕上同时显示锁屏杂志图片和与其对应的详情页面，从而更加全面地展示锁屏杂志的内容，提升用户对杂志内容的接收程度。

可选的，所述对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面，包括：

控制所述当前锁屏杂志图片以预设方向平移第一预设距离，并控制所述目标详情页面按照所述预设方向切入屏幕进行显示。

可选的，所述控制所述目标详情页面按照所述预设方向切入屏幕进行显示，包括：

控制所述目标详情页面按照所述预设方向切入屏幕，并在切入显示过程停止时，使所述目标详情页面的第一显示边界在所述预设方向上与第一屏幕边界的距离为第二预设距离，其中，与所述目标详情页面的第一显示边界相对的第二显示边界与所述第一屏幕边界重合，所述第二预设距离大于所述第一预设距离。

可选的，所述控制所述当前锁屏杂志图片以预设方向平移第一预设距离，包括：

执行所述当前锁屏杂志图片对应的预设第一属性动画，以使所述当前锁屏杂志图片以预设方向动态平移第一预设距离；

所述控制所述目标详情页面按照所述预设方向切入屏幕，并在切入显示过程停止时，使所述目标详情页面的第一显示边界在所述预设方向上与第一屏幕边界的距离为第二预设距离，包括：

执行所述目标详情页面对应的预设第二属性动画，以动态改变所述目标详情页面的第一显示边界在所述预设方向上与所述第一屏幕边界的距离，直到所述距离达到第二预设距离。

可选的，所述第一属性动画包括对象动画绘制类objectAnimator，所述第二属性动画包括数值动画绘制类valueAnimator。

可选的，所述对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面，包括：

控制所述当前锁屏杂志图片以预设比例进行缩小，并在缩小后的当前锁屏杂志图片之外的屏幕显示区域显示所述目标详情页面。

可选的，所述对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面，包括：

对所述当前锁屏杂志图片中的图片内容进行识别，确定图片主体区域；

针对所述图片主体区域对所述当前锁屏杂志图片进行裁剪，以保留所述图片主体区域，得到待显示图片；

在屏幕上同时显示所述待显示图片和所述目标详情页面。

本申请实施例还提供一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行锁屏杂志显示方法，该方法包括：

进入当前锁屏杂志图片的显示页面；

在监听到详情页面显示事件被触发时，确定所述当前锁屏杂志图片对应的目标详情页面；

对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面。

存储介质——任何的各种类型的存储器设备或存储设备。术语“存储介质”旨在包括：安装介质，例如CD-ROM、软盘或磁带装置；计算机系统存储器或随机存取存储器，诸如DRAM、DDRRAM、SRAM、EDORAM，兰巴斯(Rambus)RAM等；非易失性存储器，诸如闪存、磁介质(例如硬盘或光存储)；寄存器或其它相似类型的存储器元件等。存储介质可以还包括其它类型的存储器或其组合。另外，存储介质可以位于程序在其中被执行的第一计算机系统中，或者可以位于不同的第二计算机系统中，第二计算机系统通过网络(诸如因特网)连接到第一计算机系统。第二计算机系统可以提供程序指令给第一计算机用于执行。术语“存储介质”可以包括可以驻留在不同位置中(例如在通过网络连接的不同计算机系统中)的两个或更多存储介质。存储介质可以存储可由一个或多个处理器执行的程序指令(例如具体实现为计算机程序)。

当然，本申请实施例所提供的一种包含计算机可执行指令的存储介质，其计算机可执行指令不限于如上所述的锁屏杂志显示操作，还可以执行本申请任意实施例所提供的锁屏杂志显示方法中的相关操作。

本申请实施例提供了一种移动终端，该移动终端中可集成本申请实施例提供的锁屏杂志显示装置。图9为本申请实施例提供的一种移动终端的结构示意图。移动终端900可以包括：存储器901，处理器902及存储在存储器901上并可在处理器902运行的计算机程序，所述处理器902执行所述计算机程序时实现如本申请实施例所述的锁屏杂志显示方法。

本申请实施例提供的移动终端，可以在屏幕上同时显示锁屏杂志图片和与其对应的详情页面，从而更加全面地展示锁屏杂志的内容，提升用户对杂志内容的接收程度。

图10为本申请实施例提供的另一种移动终端的结构示意图，该移动终端可以包括：壳体(图中未示出)、存储器1001、中央处理器(central processing unit，CPU)1002(又称处理器，以下简称CPU)、电路板(图中未示出)和电源电路(图中未示出)。所述电路板安置在所述壳体围成的空间内部；所述CPU1002和所述存储器1001设置在所述电路板上；所述电源电路，用于为所述移动终端的各个电路或器件供电；所述存储器1001，用于存储可执行程序代码；所述CPU1002通过读取所述存储器1001中存储的可执行程序代码来运行与所述可执行程序代码对应的计算机程序，以实现以下步骤：

进入当前锁屏杂志图片的显示页面；

在监听到详情页面显示事件被触发时，确定所述当前锁屏杂志图片对应的目标详情页面；

对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面。

所述移动终端还包括：外设接口1003、RF(Radio Frequency，射频)电路1005、音频电路1006、扬声器1011、电源管理芯片1008、输入/输出(I/O)子系统1009、其他输入/控制设备1010、触摸屏1012、其他输入/控制设备1010以及外部端口1004，这些部件通过一个或多个通信总线或信号线1007来通信。

应该理解的是，图示移动终端1000仅仅是移动终端的一个范例，并且移动终端1000可以具有比图中所示出的更多的或者更少的部件，可以组合两个或更多的部件，或者可以具有不同的部件配置。图中所示出的各种部件可以在包括一个或多个信号处理和/或专用集成电路在内的硬件、软件、或硬件和软件的组合中实现。

下面就本实施例提供的用于锁屏杂志显示控制的移动终端进行详细的描述，该移动终端以手机为例。

存储器1001，所述存储器1001可以被CPU1002、外设接口1003等访问，所述存储器1001可以包括高速随机存取存储器，还可以包括非易失性存储器，例如一个或多个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

外设接口1003，所述外设接口1003可以将设备的输入和输出外设连接到CPU1002和存储器1001。

I/O子系统1009，所述I/O子系统1009可以将设备上的输入输出外设，例如触摸屏1012和其他输入/控制设备1010，连接到外设接口1003。I/O子系统1009可以包括显示控制器10091和用于控制其他输入/控制设备1010的一个或多个输入控制器10092。其中，一个或多个输入控制器10092从其他输入/控制设备1010接收电信号或者向其他输入/控制设备1010发送电信号，其他输入/控制设备1010可以包括物理按钮(按压按钮、摇臂按钮等)、拨号盘、滑动开关、操纵杆、点击滚轮。值得说明的是，输入控制器10092可以与以下任一个连接：键盘、红外端口、USB接口以及诸如鼠标的指示设备。

触摸屏1012，所述触摸屏1012是用户移动终端与用户之间的输入接口和输出接口，将可视输出显示给用户，可视输出可以包括图形、文本、图标、视频等。

I/O子系统1009中的显示控制器10091从触摸屏1012接收电信号或者向触摸屏1012发送电信号。触摸屏1012检测触摸屏上的接触，显示控制器10091将检测到的接触转换为与显示在触摸屏1012上的用户界面对象的交互，即实现人机交互，显示在触摸屏1012上的用户界面对象可以是运行游戏的图标、联网到相应网络的图标等。值得说明的是，设备还可以包括光鼠，光鼠是不显示可视输出的触摸敏感表面，或者是由触摸屏形成的触摸敏感表面的延伸。

RF电路1005，主要用于建立手机与无线网络(即网络侧)的通信，实现手机与无线网络的数据接收和发送。例如收发短信息、电子邮件等。具体地，RF电路1005接收并发送RF信号，RF信号也称为电磁信号，RF电路1005将电信号转换为电磁信号或将电磁信号转换为电信号，并且通过该电磁信号与通信网络以及其他设备进行通信。RF电路1005可以包括用于执行这些功能的已知电路，其包括但不限于天线系统、RF收发机、一个或多个放大器、调谐器、一个或多个振荡器、数字信号处理器、CODEC(COder-DECoder，编译码器)芯片组、用户标识模块(Subscriber Identity Module，SIM)等等。

音频电路1006，主要用于从外设接口1003接收音频数据，将该音频数据转换为电信号，并且将该电信号发送给扬声器1011。

扬声器1011，用于将手机通过RF电路1005从无线网络接收的语音信号，还原为声音并向用户播放该声音。

电源管理芯片1008，用于为CPU1002、I/O子系统及外设接口所连接的硬件进行供电及电源管理。

上述实施例中提供的锁屏杂志显示装置、存储介质及移动终端可执行本申请任意实施例所提供的锁屏杂志显示方法，具备执行该方法相应的功能模块和有益效果。未在上述实施例中详尽描述的技术细节，可参见本申请任意实施例所提供的锁屏杂志显示方法。

注意，上述仅为本申请的较佳实施例及所运用技术原理。本领域技术人员会理解，本申请不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本申请的保护范围。因此，虽然通过以上实施例对本申请进行了较为详细的说明，但是本申请不仅仅限于以上实施例，在不脱离本申请构思的情况下，还可以包括更多其他等效实施例，而本申请的范围由所附的权利要求范围决定。

Claims (10)

1.一种锁屏杂志显示方法，其特征在于，包括：

进入当前锁屏杂志图片的显示页面；

在监听到详情页面显示事件被触发时，确定所述当前锁屏杂志图片对应的目标详情页面；

对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面。

2.根据权利要求1所述的方法，其特征在于，所述对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面，包括：

控制所述当前锁屏杂志图片以预设方向平移第一预设距离，并控制所述目标详情页面按照所述预设方向切入屏幕进行显示。

3.根据权利要求2所述的方法，其特征在于，所述控制所述目标详情页面按照所述预设方向切入屏幕进行显示，包括：

控制所述目标详情页面按照所述预设方向切入屏幕，并在切入显示过程停止时，使所述目标详情页面的第一显示边界在所述预设方向上与第一屏幕边界的距离为第二预设距离，其中，与所述目标详情页面的第一显示边界相对的第二显示边界与所述第一屏幕边界重合，所述第二预设距离大于所述第一预设距离。

4.根据权利要求3所述的方法，其特征在于，

所述控制所述当前锁屏杂志图片以预设方向平移第一预设距离，包括：

执行所述当前锁屏杂志图片对应的预设第一属性动画，以使所述当前锁屏杂志图片以预设方向动态平移第一预设距离；

所述控制所述目标详情页面按照所述预设方向切入屏幕，并在切入显示过程停止时，使所述目标详情页面的第一显示边界在所述预设方向上与第一屏幕边界的距离为第二预设距离，包括：

执行所述目标详情页面对应的预设第二属性动画，以动态改变所述目标详情页面的第一显示边界在所述预设方向上与所述第一屏幕边界的距离，直到所述距离达到第二预设距离。

5.根据权利要求4所述的方法，其特征在于，所述第一属性动画包括对象动画绘制类objectAnimator，所述第二属性动画包括数值动画绘制类valueAnimator。

6.根据权利要求1所述的方法，其特征在于，所述对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面，包括：

控制所述当前锁屏杂志图片以预设比例进行缩小，并在缩小后的当前锁屏杂志图片之外的屏幕显示区域显示所述目标详情页面。

7.根据权利要求1所述的方法，其特征在于，所述对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面，包括：

对所述当前锁屏杂志图片中的图片内容进行识别，确定图片主体区域；

针对所述图片主体区域对所述当前锁屏杂志图片进行裁剪，以保留所述图片主体区域，得到待显示图片；

在屏幕上同时显示所述待显示图片和所述目标详情页面。

8.一种锁屏杂志显示装置，其特征在于，包括：

页面进入模块，用于进入当前锁屏杂志图片的显示页面；

详情页面确定模块，用于在监听到详情页面显示事件被触发时，确定所述当前锁屏杂志图片对应的目标详情页面；

显示控制模块，用于对所述当前锁屏杂志图片进行预设变换，并在屏幕上同时显示所述当前锁屏杂志图片和所述目标详情页面。

9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-7中任一所述的锁屏杂志显示方法。

10.一种移动终端，其特征在于，包括存储器，处理器及存储在存储器上并可在处理器运行的计算机程序，所述处理器执行所述计算机程序时实现如权利要求1-7任一所述的锁屏杂志显示方法。