CN108628510A - 内容显示方法、装置、电子设备及可读存储介质 - Google Patents

Abstract

本发明实施例提供一种内容显示方法、装置、电子设备及可读存储介质，属于界面显示领域。该方法包括：在位于第一位置的第一显示区域上显示有与待显示内容不同的第一内容，在位于第二位置的第二显示区域上显示有待显示内容中的第一部分待显示内容时，检测获得用户的移动操作；响应移动操作，控制第一显示区域从第一位置移动到第三位置，及控制第二显示区域从第二位置移动到第四位置，在第二显示区域上显示待显示内容中的与第一部分待显示内容不同的第二部分待显示内容。进而使得在待显示内容为广告时，第二显示区域显示的广告随着第二显示区域的移动也跟着变化，从而增加了用户与广告之间的互动性以及广告效果。

Description

内容显示方法、装置、电子设备及可读存储介质

技术领域

本发明涉及界面显示领域，具体而言，涉及一种内容显示方法、装置、电子设备及可读存储介质。

背景技术

随着信息时代的来临，由于人们与外界信息沟通的需求增加，具有传播信息功能的显示装置(如手机、电脑等)已成为现代人不可或缺的电子产品之一。

现有技术中，一般在页面中会插入相应的广告，从而进行广告传播，但是，现有技术中，广告是通过显示界面中的特定区域进行显示的，但是在广告样式与其他内容较为接近，屏幕滚动较快时，容易被用户所忽略，用户与广告之间的互动性也不高，从而影响广告效果，用户体验也不佳。

发明内容

有鉴于此，本发明实施例的目的在于提供一种内容显示方法、装置、电子设备及可读存储介质。

第一方面，本发明实施例提供了一种内容显示方法，所述方法应用于一电子设备，所述电子设备包括一显示单元，在所述显示单元处于显示状态时，待显示内容位于底层；显示界面在所述底层之上，所述显示界面包含可移动的列表可视区域，其中，所述列表可视区域包含第一显示区域和第二显示区域，其中，所述方法包括：在位于第一位置的所述第一显示区域上显示有与所述待显示内容不同的第一内容，且在位于第二位置的所述第二显示区域上显示有所述待显示内容中的第一部分待显示内容时，检测获得用户进行的移动操作；响应所述移动操作，控制所述第一显示区域从所述第一位置移动到第三位置，并在所述第一显示区域上显示与所述待显示内容不同的第二内容，且同时控制所述第二显示区域从所述第二位置移动到第四位置，并在所述第二显示区域上显示所述待显示内容中的与所述第一部分待显示内容不同的第二部分待显示内容，其中，所述第一显示区域从所述第一位置到所述第三位置的移动方向与所述第二显示区域从所述第二位置到所述第四位置的移动方向相同。

第二方面，本发明实施例提供了一种内容显示装置，运行于一电子设备，所述电子设备包括一显示单元，在所述显示单元处于显示状态时，待显示内容位于底层；显示界面在所述底层之上，所述显示界面包含可移动的列表可视区域，其中，所述列表可视区域包含第一显示区域和第二显示区域，其中，所述装置包括：检测模块，用于在位于第一位置的所述第一显示区域上显示有与所述待显示内容不同的第一内容，且在位于第二位置的所述第二显示区域上显示有所述待显示内容中的第一部分待显示内容时，检测获得用户进行的移动操作；第一控制模块，用于响应所述移动操作，控制所述第一显示区域从所述第一位置移动到第三位置，并在所述第一显示区域上显示与所述待显示内容不同的第二内容，且同时控制所述第二显示区域从所述第二位置移动到第四位置，并在所述第二显示区域上显示所述待显示内容中的与所述第一部分待显示内容不同的第二部分待显示内容，其中，所述第一显示区域从所述第一位置到所述第三位置的移动方向与所述第二显示区域从所述第二位置到所述第四位置的移动方向相同。

第三方面，本发明实施例提供一种电子设备，包括处理器以及存储器，所述存储器存储有计算机可读取指令，当所述计算机可读取指令由所述处理器执行时，运行如第一方面所述的方法。

第四方面，本发明实施例提供一种可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时，运行如第一方面所述的方法。

本发明实施例的有益效果是：

在本发明实施例提供一种内容显示方法中，首先通过在位于第一位置的所述第一显示区域上显示有与所述待显示内容不同的第一内容，且在位于第二位置的所述第二显示区域上显示有所述待显示内容中的第一部分待显示内容时，检测获得用户进行的移动操作，然后响应所述移动操作，控制所述第一显示区域从所述第一位置移动到第三位置，并在所述第一显示区域上显示与所述待显示内容不同的第二内容，且同时控制所述第二显示区域从所述第二位置移动到第四位置，并在所述第二显示区域上显示所述待显示内容中的与所述第一部分待显示内容不同的第二部分待显示内容。可见，本发明实施例提供的方法中，第二显示区域显示的待显示内容随着第二显示区域的移动也跟着变化，从而用户在浏览页面的过程中，即滑动列表可视区域的过程中可以随着滑动浏览到待显示内容中的不同内容，而且不管滑动速度是快还是慢，都能保证在滑动过程中通过第二显示区域显示待显示内容，进而使得待显示内容不容易被用户忽略，这样当待显示内容为广告内容时，就有效增加了用户与广告之间的互动性以及广告效果，用户体验也会更佳。

本发明的其他特征和优点将在随后的说明书阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明实施例了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

附图说明

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

图1示出了一种可应用于本发明实施例中的电子设备的结构框图；

图2为本发明实施例提供的一种电子设备的显示界面交互图；

图3为本发明实施例提供的一种显示界面示意图；

图4为本发明实施例提供的一种内容显示方法的流程图；

图5为本发明实施例提供的一种用户与显示界面的第一交互示意图；

图6为本发明实施例提供的一种用户与显示界面的第二交互示意图；

图7为本发明实施例提供的一种用户与显示界面的第三交互示意图；

图8为本发明实施例提供的一种用户与显示界面的第四交互示意图；

图9为本发明实施例提供的一种用户与显示界面的第五交互示意图；

图10为本发明实施例提供的一种内容显示装置的结构框图；

图11为本发明实施例提供的另一种电子设备的结构框图。

具体实施方式

下面将结合本发明实施例中附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本发明的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

图1示出了一种可应用于本发明实施例中的电子设备100的结构框图。如图1所示，所述电子设备100可以是个人计算机(Personal Computer，PC)、平板电脑(PortableAndroid Device，PAD)、手机等不同的电子设备，本发明对此不做限制。电子设备100包括存储器101、存储控制器102，一个或多个(图中仅示出一个)处理器103、外设接口104、显示单元107，在具体实现中，电子设备100还可以包括射频模块105、音频模块106、显示单元107具体可以是非触控屏幕或触控屏幕等。这些组件通过一条或多条通讯总线/信号线108相互通讯。

存储器101可用于存储软件程序以及模块，如本发明实施例中的页面切换处理方法以及装置对应的程序指令/模块，处理器103通过运行存储在存储器101内的软件程序以及模块，从而执行各种功能应用以及数据处理，如本发明实施例提供的页面切换处理方法。

存储器101可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。处理器103以及其他可能的组件对存储器101的访问可在存储控制器102的控制下进行。

外设接口104将各种输入/输入装置耦合至处理器103以及存储器101。在一些实施例中，外设接口104，处理器103以及存储控制器102可以在单个芯片中实现。在其他一些实例中，他们可以分别由独立的芯片实现。

射频模块105用于接收以及发送电磁波，实现电磁波与电信号的相互转换，从而与通讯网络或者其他设备进行通讯。

音频模块106向用户提供音频接口，其可包括一个或多个麦克风、一个或者多个扬声器以及音频电路。

在显示单元107为触控屏幕时，在电子设备100与用户之间提供一个输出及输入界面。具体地，触控屏幕可以向用户显示视觉输出，这些视觉输出的内容可包括文字、图形或视频及组合。

可以理解，图1所示的结构仅为示意，电子设备100还可包括比图1中所示更多或者更少的组件，或者具有与图1所示不同的配置。图1中所示的各组件可以采用硬件、软件或其组合实现。

于本发明实施例中，电子设备100中安装有客户端，该客户端可以是浏览器也可以是第三方应用软件，与服务器(Server)端相对应，为用户提供服务，例如电子书阅读服务，用于播放本地文档或者电子书。

下面将结合本发明实施例中附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

请参照图2，图2为本发明实施例提供的一种电子设备100的显示界面交互图，该电子设备100包括上述的显示单元，在所述显示单元处于显示状态时，待显示内容位于底层，显示界面在所述底层之上，显示界面可以为电子设备100上的显示屏幕所显示的全部显示区域，所述显示界面包含可移动的列表可视区域，其中，所述列表可视区域包含第一显示区域和第二显示区域。

其中，列表可视区域为对应的内容显示区域，其可在显示界面中进行上下或左右移动，其列表可视区域可以在整个显示界面进行显示，或者可以在显示界面中的一部分区域进行显示，该一部分区域可以自行定义在显示界面的哪部分区域进行显示，显示界面的除列表可视区域外的其他区域可显示其他内容。

第一显示区域和第二显示区域可以分别用于显示不同的内容，例如，一般情况下，用户在浏览的过程中更加关注第一显示区域的内容，所以，第一显示区域可以用于显示文字新闻，或者显示图片新闻，第二显示区域可以用于显示广告图片或者文字广告等。在显示界面中，列表可视区域可以在显示界面进行上下滚动或左右滚动，第一显示区域和第二显示区域可以在列表可视区域中上下排列或者左右排列。具体地可以为：列表可视区域可以在显示界面进行上下滚动，第一显示区域可以在列表可视区域的上面，而第二显示区域可以在列表可视区域的下面；当然，第一显示区域可以在列表可视区域的下面，而第二显示区域可以在列表可视区域的上面。

当然，第一显示区域和第二显示区域在列表可视区域中可以为多个，如每个第一显示区域可显示不同的内容，第二显示区域显示不同的待显示内容。且第一显示区域和第二显示区域的大小可以相等或不等，第一显示区域和第二显示区域的形状也可以相同或不同。

需要说明的是，若显示界面中需要有用户操作的操作按钮时，该操作按钮可设置在显示界面的顶端和底端，在用户打开相应的显示界面时，可设置在一定的时间后(如3S)将顶端和底端的操作按钮进行隐藏，则这时整个显示界面均为可滑动的列表可视区域。

如图3所示，所述显示界面还可包含有固定显示区域，固定显示区域可以为显示界面顶端的导航条和显示界面底端的导航条，固定显示区域在显示界面显示的过程中处于固定状态，其固定状态可理解为该固定显示区域无法在显示界面进行上下左右滑动，当然，其固定显示区域内的导航条可相应进行移动，如左右滚动等。

当用户进行相应的操作，如用户点击电子设备100(如手机)上相应的应用程序图标，启动并进入应用程序，出现相应的显示界面，其中，该显示界面位于待显示内容之上，待显示内容可以为用于作为广告的图片，或者为文字广告内容等，当然，也可以是与用户浏览内容相关的其他内容。显示界面位于底层之上，可以理解为显示界面为页面浮层，底层为待显示内容，在用户直接对显示界面进行操作时，如滑动列表可视区域，则底层的待显示内容用户无法直接操作，底层的待显示内容可以位置不动，只需滑动底层之上的显示界面中的列表可视区域即可。

需要说明的是，待显示内容为预先设置在底层上的相关内容，如待显示内容为广告图片时，该广告图片为预先进行绘制好设置在底层的，由此在进行显示时，可不用在进行即时绘制，从而提高了系统性能。

进一步地，在本申请实施例中，在所述待显示内容为广告图片时，需先获得服务器下发的广告数据，电子设备100根据该广告数据请求获取广告图片，即将数据格式feed列表数据中的广告数据提取到动态数组ArrayList里面，同时记录各个广告数据在总数据的位置，然后对提取出来的所有广告数据，并发请求各自对应的广告图片，并将获取的广告图片保存起来。

当电子设备100获取完广告图片以后，联合之前的广告数据存储在临时存储器ViewHolder中，然后根据之前记录的各个广告数据在原始广告数据中的位置。这里展示的卡片，外部是卡片式布局效果CardView，里面包含的是显示图片ImageView，以此来展示广告图片，将外层的CardView设置为可切割子视图，然后将bind(为被选元素添加一个或多个事件处理程序，并规定时间发生时运行的函数)数据后的CardView插到列表RecyclerView(在一个大小有限的窗口内展示大量数据集)的相应位置，进而将该广告图片中的至少一部分内容显示在上述的第二显示区域。

作为另外一种实施方式，还可通过如下方式获得广告图片进行显示：首先从服务端获得广告数据，根据广告数据请求广告图片，初始化列表中使用的图片视图，列表实现采用的客户端根据下载得到的图片，初始化列表中使用的图片视图。列表实现采用的UIScrollView的子类UITableView/UICollectionView实现，广告是作为列表里面的一个单元Cell通过UIImageView展示图片。其中Cell的高度为160pt(可以动态调整)，而UIImageView的高度为整个屏幕的高度，因为UIImageView在Cell里面，所以用户只能看到Cell高度部分的图片，通过滑动时调整UIImageView在Cell里面的位置，来让用户看到图片的不同部分，达到广告最终的样式效果。

因为需要根据用户操作改变广告展示位置，所以需要知道用户的滑动操作后，列表可视区域的滚动位置变化信息，电子设备通过UIScrollView提供的代理方法scrollViewDidScroll方法来监听当前列表可视区域的滚动位置变化信息。其中，列表可视区域的滚动内容本身可能会比较长，所以广告在最初的位置可能而且极有可能没有展示在屏幕内部，为了性能部分的考虑，在广告没有展示的时候，不进行位置变化的处理。当用户滑动到列表可视区域出现广告时，可以通过系统提供的willDisplayCell方法来判断广告是否已经出现在屏幕中，然后根据第二显示区域的位置进行广告图片的调整。

请参照图4，图4为本发明实施例提供的一种内容显示方法的流程图，该方法应用于上述的电子设备100，所述方法包括如下步骤：

步骤S110：在位于第一位置的所述第一显示区域上显示有与所述待显示内容不同的第一内容，且在位于第二位置的所述第二显示区域上显示有所述待显示内容中的第一部分待显示内容时，检测获得用户进行的移动操作。

在用户打开相应的应用程序时，进入应用程序的相应的显示界面，此时，若其显示界面中的第一显示区域和第二显示区域为如图3所示的上下排列，第一显示区域位于显示界面中的第一位置处，第二显示区域位于显示界面中的第二位置处，其第一位置与第二位置为显示界面中的不同位置，例如，显示界面中上下排列的不同位置或者左右排列的不同位置。

第一显示区域显示有与所待显示内容不同的第一内容，例如，第一内容可以为一段文字新闻，第二显示区域显示有待显示内容中的第一部分待显示内容，第一部分待显示内容可以为广告内容或广告图片等不同内容。

用户在浏览页面时，显示界面可能无法显示全部的信息，所以待显示内容在超出显示界面以外的地方就会被隐藏起来，此时，用户可以通过滑动操作把隐藏的部分进行显示，所以电子设备100需要检测获得用户进行的移动操作，从而对列表可视区域进行滑动。

其中，检测获得用户进行的移动操作可以包括：检测获得用户在所述显示单元上的滑动操作，此时，所述显示单元为触控显示单元，用于可以在显示单元上进行触控滑动，从而使得列表可视单元进行滑动；或者，通过所述电子设备100的声音采集设备检测获得用户输入的语音信息，即，用户在想要滑动所述列表可视区域时，可输入相应的语音信息，如向上滑动、向下滑动等，电子设备100上的声音采集设备(如麦克风等)可获得用户输入的语音信息，从而进行响应使得列表可视区域进行滑动；或者，通过所述电子设备100的手势采集设备检测获得用户以非接触方式进行的移动手势操作，例如，用户可以在电子设备100的屏幕上方在不接触电子设备100屏幕的情况下以向上滑动或向下滑动的手势进行移动操作，电子设备100的手势采集设备(如摄像头，红外传感器等)即可对手势进行识别，从而获得用户对列表可视区域的移动操作。

步骤S120：响应所述移动操作，控制所述第一显示区域从所述第一位置移动到第三位置，并在所述第一显示区域上显示与所述待显示内容不同的第二内容，且同时控制所述第二显示区域从所述第二位置移动到第四位置，并在所述第二显示区域上显示所述待显示内容中的与所述第一部分待显示内容不同的第二部分待显示内容。

请参照图5，在电子设备100获得用户进行的移动操作后，表示用户需要将列表可视区域进行移动，则响应用户的移动操作，首先需获得列表可视区域的移动位置变化信息，电子设备100的客户端可通过上述的RecyclerView提供的监听页面滚动事件addOnScrollListener方法来监听当前列表可视区域的移动位置变化信息，通过基于列表可视区域的移动位置变化信息控制所述第一显示区域从上述的第一位置移动到第三位置，由于第一显示区域的位置发生改变，则第一显示区域的内容也相应发生改变，即在所述第一显示区域显示与所述待显示内容不同的第二内容，同时控制第二显示区域从第二位置移动到第三位置处，且在所述第二显示区域显示所述待显示内容中的与所述第一部分待显示内容不同的第二部分待显示内容。

若用户向上滑动列表可视区域，则第一显示区域和第二显示区域也均向上移动，若用户向下滑动列表可视区域，则第一显示区域和第二显示区域也均向下滑动，即所述第一显示区域从所述第一位置到所述第三位置的移动方向与所述第二显示区域从所述第二位置到所述第四位置的移动方向相同。

以图5为例，假如其待显示内容为一棵树的图片，图5a中第一显示区域位于第一位置处，第二显示区域位于第二位置处，此时，第一显示区域显示第一内容，第一内容假如为文字新闻，第二显示区域显示待显示内容中的第一部分待显示内容，如树的第二枝叶和第三枝叶的部分枝叶，随着用户向上的滑动操作，图5b中第一显示区域位于第三位置处，第二显示区域位于第四位置处，此时，第一显示区域显示第二内容，第二内容仍然可为上述的文字新闻，第二显示区域显示第二部分待显示内容，如树的第一枝叶和第二枝叶的部分枝叶。当然，其中第一内容和第二内容可以相同也可以不同，由图5可知，即可根据第二显示区域的位置不同而显示待显示内容中的不同部分的内容，其中第一部分待显示内容和第二部分待显示内容可以部分相同或完全不同。

可以理解的，待显示内容位于底层，且位置不变，显示界面位于底层之上，第二显示区域可以理解为一透明的窗口，通过第二显示区域可以看到底层的待显示内容，所以，在第二显示区域进行移动过程中，可以逐渐把待显示内容通过该第二显示内容进行显示，由此，可在用户滑动页面的过程中，第二显示区域显示的内容随着用户的滑动而发生改变，用户无需点击即可与待显示内容(如广告图片)产生互动，从而提高了广告的曝光价值。

其中，由于列表可视区域为屏幕中可滑动的显示区域，由此可在设计过程中，将待显示内容放在一个固定显示大小的布局内部，如第二显示区域，则在显示界面中，超出第二显示区域的待显示内容则被隐藏起来了，如图6所示，则在列表可视区域滑动过程中，相当于改变了第二显示区域的位置，由于待显示内容处于显示界面的底层，则第二显示区域在移动过程中则可相应的把待显示内容隐藏的部分显示出来，从而随着第二显示区域的移动，其第二显示区域显示的内容也随着用户的滑动而呈现出待显示内容中的不同内容，提高了用户与待显示内容的互动性。

当所述显示界面还包括有固定显示区域且当所述待显示内容位于底层且覆盖整所述显示单元时，则由于固定显示区域把待显示内容的一部分遮盖了，即所述待显示内容至少包括被所述固定显示区域覆盖的隐藏部分，在第二显示区域移动过程中，其并不会将其隐藏的部分进行显示出来，所以，为了提高用户体验，在控制所述第一显示区域从所述第一位置移动到所述第三位置的过程中，在响应用户的移动操作时，控制所述待显示内容从第五位置移动到第六位置，以使所述隐藏部分移动到所述底层中与所述列表可视区域对应的区域，即使得待显示内容与列表可视区域有一个相对的位置，从而在列表可视区域滑动过程中，可通过第二显示区域将所述待显示区域进行全部依次显示。

其中，待显示内容从第五位置移动到第六位置的移动方向可以与列表可视区域的移动方向相同，即与第一显示区域从第一位置移动到第三位置的方向相同，或者，待显示内容从第五位置移动到第六位置的移动方向与列表可视区域的移动方向相反，即与第一显示区域从第一位置移动到第三位置的方向相反。如图7中列表可视区域从7a移动到7b所示，其第一显示区域从第一位置移动到第三位置处时，相比于图5，其待显示内容和列表可视区域之间有一相对的位移。

其中，待显示内容从第五位置移动到第六位置处之间的移动距离可以通过如下方式进行计算，例如，以第二显示区域为例，假设电子设备100的显示界面高度为windowHeight，其显示界面顶端的固定显示区域高度为headerHeight，第二显示区域的上沿距离显示界面的顶端的距离为finalY，第二显示区域的上沿距离固定显示区域的下沿的距离为topOffset，第二显示区域的高度为visibleHeight，则计算待显示内容的移动距离的公式可以为：finalY＝-(topOffset*windowHeight)/(windowHeight-headerHeight)；iffinalY>-topOffset；finalY＝0；或者finalY＝windowHeight*(topoffset/visibleHeight)，由此可根据第二显示区域的位置信息获得待显示内容向下或向上的移动距离。

另外，若待显示内容的移动方向与列表可视区域的移动方向相同时，则对于用户的视觉效果可能不是特别明显，所以，作为一种实施方式，还在列表可视区域移动过程中，检测列表可视区域的移动速度，即检测所述第二显示区域从所述第二位置移动到所述第四位置的显示区域移动速度，从而基于该显示区域移动速度控制所述待显示区域从第五位置移动到第六位置的移动速度，由于待显示内容的移动距离比较小，则可在第二显示区域移动速度较快的情况下，控制待显示内容以较小的移动速度进行移动，由此，用户可明显感知到待显示内容相对于列表可视区域有一明显的相对位移，从而也可提高用户与待显示内容的互动性。

如图8所示，随着列表可视区域的滑动，第二显示区域的位置也跟着滑动，第二显示区域的位置决定了待显示内容的显示位置，则第二显示区域的位置有以下几种情况：(1)第二显示区域在列表可视区域的顶部外，不可见，即第二显示区域中的待显示内容不可见，如8b所示；(2)第二显示区域在列表可视区域的顶部，部分可见，即第二显示区域中的待显示内容部分可见，如8c所示；(3)第二显示区域在列表可视区域的顶部，刚好可见，即第二显示区域中待显示内容完全可见，如8d所示；(4)第二显示区域在列表可视区域的中间，完全可见，即第二显示区域中待显示内容完全可见，如8a所示；(5)第二显示区域在列表可视区域的底部，刚好完全可见，即第二显示区域中待显示内容完全可见，如8e所示；(6)第二显示区域在列表可视区域的底部，部分可见，即第二显示区域中待显示内容部分可见，如8f所示；(7)第二显示区域在列表可视区域的底部之外，不可见，即第二显示区域中待显示内容不可见，如8g所示。

其中，当第二显示区域处于列表可视区域之外时，不需要对其进行更新，即不更新其显示的内容，或者及时清空对第二显示区域的位置变化监测，节约计算资源。其中，可以通过调用系统的相应函数(如didEndDisplayCell)来获取第二显示区域离开列表可视区域的时间。

所以，不管用户的滑动速度是快还是慢，都能保证在滑动过程中通过第二显示区域显示待显示内容，进行使得待显示内容不容易被用户忽略，这样当待显示内容为广告内容时，就有效增加了用户与广告之间的互动性以及广告效果，用户体验也会更佳。

当然，在用户想要知晓待显示内容的全部内容时，可在显示界面触控第二显示区域，即电子设备100检测获得用户进行的用于触发显示所述待显示内容的触发操作，如用户点击第二显示区域的任一地方即可，或者用户通过语音输入相应的触发操作，或者以非接触方式输入相应的触发操作等，然后电子设备100响应所述触发操作，将所述待显示内容显示在所述显示界面中，如图9所示。

具体地，在响应所述触发操作时，将除第二显示区域的其他区域进行隐藏，即不可见，可以理解的，将待显示内容直接全部显示在显示界面中，原来显示的其他内容进行全部隐藏，例如，在第二显示区域的上沿以上的区域可动画向上收缩，在第二显示区域的下沿以下的区域可动画向下收缩，使得其隐藏在显示界面之外。或者可在显示界面的顶端和底端的固定显示区域分别向上和向下做动画，例如，由于底部被隐藏的待显示内容用另一个ImageView来展示，则可将底部的ImageView改为可见，或将底部的ImageView的图片资源改为点击待显示内容里面的图片，或将底部的ImageView的布局位置改为同待显示内容里面的ImageView同步，或将底部的ImageView做布局动画，使之上滚充满显示界面。

由此展示出待显示内容被遮挡的部分，使得待显示内容全部显示在显示界面上，用户可查看到完整的待显示内容，当然，用户在恢复原状态时，可在显示界面顶端进行下拉操作或者在显示界面底端进行上拉操作，或者再次点击该待显示内容的任意地方即可恢复，所以，对于广告来说，这样可以展示更多广告内容，承载更多品牌信息，为广告主提供更大的创意空间，提高曝光价值，也增加了用户与广告之间的趣味性互动。

请参照图10，图10为本发明实施例提供的一种内容显示装置200的结构框图，该装置运行于上述的电子设备，所述装置包括：

检测模块210，用于在位于第一位置的所述第一显示区域上显示有与所述待显示内容不同的第一内容，且在位于第二位置的所述第二显示区域上显示有所述待显示内容中的第一部分待显示内容时，检测获得用户进行的移动操作。

第一控制模块220，用于响应所述移动操作，控制所述第一显示区域从所述第一位置移动到第三位置，并在所述第一显示区域上显示与所述待显示内容不同的第二内容，且同时控制所述第二显示区域从所述第二位置移动到第四位置，并在所述第二显示区域上显示所述待显示内容中的与所述第一部分待显示内容不同的第二部分待显示内容，其中，所述第一显示区域从所述第一位置到所述第三位置的移动方向与所述第二显示区域从所述第二位置到所述第四位置的移动方向相同。

作为一种方式，所述显示界面还包含有固定显示区域，当所述待显示内容位于底层且覆盖整个所述显示单元时，所述待显示内容至少包括被所述固定显示区域覆盖的隐藏部分；在控制所述第一显示区域从所述第一位置移动到所述第三位置的过程中，所述装置还包括：

第二控制模块，用于响应所述移动操作，控制所述待显示内容从第五位置移动到第六位置，以使所述隐藏部分移动到所述底层中与所述列表可视区域对应的区域。

作为一种方式，所述第二控制模块，具体用于控制所述待显示内容沿着所述移动方向从第五位置移动到第六位置；或控制所述待显示内容沿着与所述移动方向相反的相反方向从第五位置移动到第六位置。

作为一种方式，所述检测模块210，具体用于检测获得用户在所述显示单元上的滑动操作，所述显示单元为触控显示单元；或通过所述电子设备的声音采集设备检测获得用户输入的语音信息；或通过所述电子设备的手势采集设备检测获得用户以非接触方式进行的移动手势操作。

作为一种方式，所述装置还包括：

触发检测模块210，用于检测获得用户进行的用于触发显示所述待显示内容的触发操作。

显示模块，用于响应所述触发操作，将所述待显示内容显示在所述显示界面中。

作为一种方式，所述第一部分待显示内容与所述第二部分待显示内容部分相同，或者，所述第一部分待显示内容与所述第二部分待显示内容完全不同。

请参照图11，图11为本发明实施例提供的另一种电子设备的结构示意图，该电子设备可以包括：至少一个处理器410，例如CPU，至少一个通信接口420，至少一个存储器430和至少一个通信总线440。其中，通信总线440用于实现这些组件直接的连接通信。其中，本发明实施例中设备的通信接口420用于与其他节点设备进行信令或数据的通信。存储器430可以是高速RAM存储器，也可以是非不稳定的存储器(non-volatile memory)，例如至少一个磁盘存储器。存储器430可选的还可以是至少一个位于远离前述处理器的存储装置。存储器430中存储有计算机可读取指令，且处理器410执行存储器430中有计算机可读取指令时运行上述的内容显示方法中的步骤。

本发明实施例还提供一种可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时运行如上述的内容显示方法中的步骤。

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

综上所述，本发明实施例提供一种内容显示方法、装置、电子设备及可读存储介质，该方法应用于一电子设备，该电子设备包括显示单元，在显示单元处于显示状态时，待显示内容位于底层，显示界面在所述底层之上，所述显示界面包含可移动的列表可视区域，该列表可视区域包含第一显示区域和第二显示区域，该方法首先通过在位于第一位置的所述第一显示区域上显示有与所述待显示内容不同的第一内容，且在位于第二位置的所述第二显示区域上显示有所述待显示内容中的第一部分待显示内容时，检测获得用户进行的移动操作，然后响应所述移动操作，控制所述第一显示区域从所述第一位置移动到第三位置，并在所述第一显示区域上显示与所述待显示内容不同的第二内容，且同时控制所述第二显示区域从所述第二位置移动到第四位置，并在所述第二显示区域上显示所述待显示内容中的与所述第一部分待显示内容不同的第二部分待显示内容。可见，本发明实施例提供的方法中，第二显示区域显示的待显示内容随着第二显示区域的移动也跟着变化，从而用户在浏览页面的过程中，即滑动列表可视区域的过程中可以随着滑动浏览到待显示内容中的不同内容，而且不管滑动速度是快还是慢，都能保证在滑动过程中通过第二显示区域显示待显示内容，进而使得待显示内容不容易被用户忽略，这样当待显示内容为广告内容时，就有效增加了用户与广告之间的互动性以及广告效果，用户体验也会更佳。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本发明的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

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

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

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

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

Claims (14)

1.一种内容显示方法，其特征在于，所述方法应用于一电子设备，所述电子设备包括一显示单元，在所述显示单元处于显示状态时，待显示内容位于底层；显示界面在所述底层之上，所述显示界面包含可移动的列表可视区域，其中，所述列表可视区域包含第一显示区域和第二显示区域，其中，所述方法包括：

在位于第一位置的所述第一显示区域上显示有与所述待显示内容不同的第一内容，且在位于第二位置的所述第二显示区域上显示有所述待显示内容中的第一部分待显示内容时，检测获得用户进行的移动操作；

响应所述移动操作，控制所述第一显示区域从所述第一位置移动到第三位置，并在所述第一显示区域上显示与所述待显示内容不同的第二内容，且同时控制所述第二显示区域从所述第二位置移动到第四位置，并在所述第二显示区域上显示所述待显示内容中的与所述第一部分待显示内容不同的第二部分待显示内容，其中，所述第一显示区域从所述第一位置到所述第三位置的移动方向与所述第二显示区域从所述第二位置到所述第四位置的移动方向相同。

2.根据权利要求1所述的方法，其特征在于，所述显示界面还包含有固定显示区域，当所述待显示内容位于底层且覆盖整个所述显示单元时，所述待显示内容至少包括被所述固定显示区域覆盖的隐藏部分；在控制所述第一显示区域从所述第一位置移动到所述第三位置的过程中，所述方法还包括：

响应所述移动操作，控制所述待显示内容从第五位置移动到第六位置，以使所述隐藏部分移动到所述底层中与所述列表可视区域对应的区域。

3.根据权利要求2所述的方法，其特征在于，所述控制所述待显示内容从第五位置移动到第六位置，包括：

控制所述待显示内容沿着所述移动方向从第五位置移动到第六位置；或

控制所述待显示内容沿着与所述移动方向相反的相反方向从第五位置移动到第六位置。

4.根据权利要求1-3中任一权项所述的方法，其特征在于，检测获得用户进行的移动操作，包括：

检测获得用户在所述显示单元上的滑动操作，所述显示单元为触控显示单元；或

通过所述电子设备的声音采集设备检测获得用户输入的语音信息；或

通过所述电子设备的手势采集设备检测获得用户以非接触方式进行的移动手势操作。

5.根据权利要求4所述的方法，其特征在于，在所述第二显示区域上显示所述待显示内容中的与所述第一部分待显示内容不同的第二部分待显示内容之后，所述方法还包括：

检测获得用户进行的用于触发显示所述待显示内容的触发操作；

响应所述触发操作，将所述待显示内容显示在所述显示界面中。

6.根据权利要求4所述的方法，其特征在于，所述第一部分待显示内容与所述第二部分待显示内容部分相同，或者，所述第一部分待显示内容与所述第二部分待显示内容完全不同。

7.一种内容显示装置，其特征在于，运行于一电子设备，所述电子设备包括一显示单元，在所述显示单元处于显示状态时，待显示内容位于底层；显示界面在所述底层之上，所述显示界面包含可移动的列表可视区域，其中，所述列表可视区域包含第一显示区域和第二显示区域，其中，所述装置包括：

检测模块，用于在位于第一位置的所述第一显示区域上显示有与所述待显示内容不同的第一内容，且在位于第二位置的所述第二显示区域上显示有所述待显示内容中的第一部分待显示内容时，检测获得用户进行的移动操作；

第一控制模块，用于响应所述移动操作，控制所述第一显示区域从所述第一位置移动到第三位置，并在所述第一显示区域上显示与所述待显示内容不同的第二内容，且同时控制所述第二显示区域从所述第二位置移动到第四位置，并在所述第二显示区域上显示所述待显示内容中的与所述第一部分待显示内容不同的第二部分待显示内容，其中，所述第一显示区域从所述第一位置到所述第三位置的移动方向与所述第二显示区域从所述第二位置到所述第四位置的移动方向相同。

8.根据权利要求7所述的装置，其特征在于，所述显示界面还包含有固定显示区域，当所述待显示内容位于底层且覆盖整个所述显示单元时，所述待显示内容至少包括被所述固定显示区域覆盖的隐藏部分；在控制所述第一显示区域从所述第一位置移动到所述第三位置的过程中，所述装置还包括：

第二控制模块，用于响应所述移动操作，控制所述待显示内容从第五位置移动到第六位置，以使所述隐藏部分移动到所述底层中与所述列表可视区域对应的区域。

9.根据权利要求8所述的装置，其特征在于，所述第二控制模块，具体用于控制所述待显示内容沿着所述移动方向从第五位置移动到第六位置；或

控制所述待显示内容沿着与所述移动方向相反的相反方向从第五位置移动到第六位置。

10.根据权利要求7-9任一所述的装置，其特征在于，所述检测模块，具体用于检测获得用户在所述显示单元上的滑动操作，所述显示单元为触控显示单元；或

通过所述电子设备的声音采集设备检测获得用户输入的语音信息；或

通过所述电子设备的手势采集设备检测获得用户以非接触方式进行的移动手势操作。

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

触发检测模块，用于检测获得用户进行的用于触发显示所述待显示内容的触发操作；

显示模块，用于响应所述触发操作，将所述待显示内容显示在所述显示界面中。

12.根据权利要求10所述的装置，其特征在于，所述第一部分待显示内容与所述第二部分待显示内容部分相同，或者，所述第一部分待显示内容与所述第二部分待显示内容完全不同。

13.一种电子设备，其特征在于，包括处理器以及存储器，所述存储器存储有计算机可读取指令，当所述计算机可读取指令由所述处理器执行时，运行如权利要求1-6中任一权项所述方法中的步骤。

14.一种可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时运行如权利要求1-6任一项所述方法中的步骤。