CN111897610A - 一种信息展示方法和装置 - Google Patents

Abstract

本发明提供一种信息展示方法和装置，其中方法用于展示通知信息，所述通知信息用于与移动端应用的当前页面的页面内容一起展示；包括：将所述当前页面的页面位置进行下移；在下移所空出的移动端显示区域，显示所述通知信息。本发明使得通知信息的展示不会覆盖页面内容，就可以使得信息在应用页面展示时不会影响应用的正常功能。

Description

一种信息展示方法和装置

本申请是于“2016-09-28”递交、申请号为201610862737.3，发明创造名称是“一种信息展示方法和装置”的分案申请。

技术领域

本发明涉及计算机技术，特别涉及一种信息展示方法和装置。

背景技术

移动端应用APP有时需要在应用页面中展示一些与应用有关的信息，例如，在某个理财类应用中，可以在一个特定的应用页面中展示“本次理财收益延迟”或者“今日理财业务关闭”等通知类信息(比如，如果在转账业务页面展示“今日转账业务关闭”，就表明该业务暂停)，以使得使用该应用的用户能够及时了解最新的应用通知。相关技术中，应用通知类的信息可以由特定应用页面向服务端进行RPC(Remote Procedure Call Protocol，远程过程调用协议)请求得到该信息，并由该页面自己负责信息的展示。其中，在展示信息时，页面通常会直接将信息覆盖应用页面的内容显示，但是，信息所覆盖的页面内容中可能包括需要与用户交互的控件例如输入框等内容，通知信息覆盖这部分内容显示时，将影响到用户对应用的业务功能的正常使用。

发明内容

有鉴于此，本发明提供一种信息展示方法和装置，以使得信息在应用页面展示时不会影响应用的正常功能。

具体地，本发明是通过如下技术方案实现的：

第一方面，提供一种信息展示方法，所述方法用于展示通知信息，所述通知信息用于与移动端应用的当前页面的页面内容一起展示；所述方法包括：

将所述当前页面的页面位置进行下移；

在下移所空出的移动端显示区域，显示所述通知信息。

第二方面，提供一种信息展示装置，所述装置应用于展示通知信息，所述通知信息用于与移动端应用的当前页面的页面内容一起展示；所述装置包括：

页面移动模块，用于将所述当前页面的页面位置进行下移；

展示处理模块，用于在下移所空出的移动端显示区域，显示所述通知信息。

本发明实施例的信息展示方法和装置，通过将通知信息展示在当前页面下移所空出的显示区域，使得通知信息的展示不会覆盖页面内容，就可以使得信息在应用页面展示时不会影响应用的正常功能。

附图说明

图1为本发明实施例提供的一个应用中的手机充值页面；

图2为本发明实施例提供的一种信息展示方法的流程图；

图3为本发明实施例提供的一种广告SDK所执行的信息展示方法的流程；

图4为本发明实施例提供的一种广告内容的展示流程；

图5为本发明实施例提供的页面移动后的效果示意图；

图6为本发明实施例提供的页面位置示意图；

图7为本发明实施例提供的一种广告SDK执行的移除广告内容的流程；

图8为本发明实施例提供的一种信息展示装置的结构示意图；

图9为本发明实施例提供的另一种信息展示装置的结构示意图。

具体实施方式

移动端应用APP中经常会有一些信息需要在应用页面展示，例如，如图1的示例，图1示例了一个应用中的手机充值页面中，显示了一个广告信息“恭喜获得随机立减红包，充话费最多可抵扣500元，每个用户.....”，当用户在该页面充值时就会看到该广告信息。在其他的例子中，还可以是在一个应用的银行卡转账页面中显示“今日转账业务暂时关闭”等业务信息。本实施例并不限制在移动端应用中显示的信息的类型，各种信息都可以在应用页面中显示，本申请的实施例可以将这些信息统称为“通知信息”，即要将信息在应用显示以通知用户知晓这些信息。

将通知信息在应用中显示时，如果将通知信息显示在应用页面的顶部位置，并且将该信息覆盖住顶部位置的页面内容显示，将可能影响到应用的正常业务功能。比如，假如在移动端当前正在显示的页面上，页面的顶部位置处有一个输入框，用户可以使用该输入框输入信息以触发对应的业务功能，而如果将通知信息直接显示在该顶部位置，且覆盖住顶部位置的页面内容，那么用户就不能使用该输入框，从而影响到页面的正常展示，也影响了应用的正常功能使用。

为了解决上述问题，本申请的实施例提供了一种信息展示方法，该方法可以应用于移动端应用，例如，该移动端的操作***可以是iOS或者Android，等。如图2所示，该信息展示方法的处理可以包括：

在步骤201中，将移动端应用的当前页面的页面位置进行下移。

例如，本例子的方法中，用户在通过自己的手机使用移动端应用时，手机屏幕上正在显示的应用页面即为当前页面，当前页面中可以包括一些页面内容，比如，类似于图1中所示的充值页面的页面内容。用于展示的通知信息，可以是与当前页面的页面内容一起展示的信息。比如，在图1的例子中，要在应用的手机充值页面展示广告信息“恭喜获得随机立减红包，充话费最多可抵扣500元，每个用户.....”，那么该广告信息即可以称为通知信息，当前页面即手机充值页面，充值页面中的内容和广告信息可以均在手机屏幕上显示。

本步骤中，为了避免通知信息覆盖住当前页面的页面内容，可以将当前页面的页面位置进行下移。比如，由图1也可以看到，手机充值页面中的“充话费”、“充流量”等内容，本来应该显示在导航栏下方，正是向下移动了一定距离，为广告信息的显示空出了位置。

在步骤202中，在当前页面下移所空出的移动端显示区域，显示通知信息。

如上步骤201中所提到的例子，可以将当前页面向下移动一定距离，这样当前页面的页面内容也随着页面一起向下移动，为通知信息的展示提供区域，例如图1中的广告信息即显示在页面下移所空出的区域中，这样广告信息展示时就不会覆盖页面内容，避免影响正常的页面功能。

本实施例提供的信息展示方法，通过将通知信息展示在当前页面下移所空出的显示区域，使得通知信息的展示不会覆盖页面内容，就可以使得信息在应用页面展示时不会影响应用的正常功能。

在一个例子中，以通知信息为广告内容为例，比如图1示例的充值优惠广告，可以通过广告SDK(Software Development Kit，软件开发工具包)来执行本申请的信息展示方法，以在应用中展示广告内容。其中，广告SDK可以应用于某一移动端应用中，并且，移动端应用的服务端可以向该广告SDK推送广告内容，由广告SDK将广告内容在应用中展示。

图3示例了一种广告SDK所执行的信息展示方法的流程，可以包括：

在步骤301中，检测到预设的展示触发条件达到，所述展示触发条件用于表示要开始执行广告内容的展示处理。

例如，本例子所述的展示触发条件，可以包括：当前页面刷新显示，比如，用户在查看其它移动端应用后，又回到本例子的移动端应用；或者，移动端应用的页面进行了重新加载；又比如，还可以是广告SDK接收到了服务端发送的通知信息，其中，当广告SDK在执行对某一个广告内容的展示过程中，如果又接收到服务端发送的新的通知信息，广告SDK也会确定为展示触发条件达到。实际使用中的展示触发条件不局限于上述列举的几种情况。

在步骤302中，获取当前页面的页面标识。

其中，本步骤的页面标识，例如可以包括：页面名称(View Controller Name)、页面所属的应用标识(app ID)、页面地址(页面的url)等能够唯一标识某个应用页面的信息。

在步骤303中，根据页面标识，判断是否存在与页面标识对应的通知信息，所述页面标识对应的通知信息用于显示在页面标识对应的当前页面。

例如，应用的服务端在将广告内容下发至广告SDK时，可以指示所下发的广告内容需要在应用的哪个页面进行展示，即应用页面与广告内容的对应关系，其中，对应关系中的应用页面可以用页面标识表示。当广告SDK检测到展示触发条件达到时，可以获取当前页面的页面标识，并根据页面标识和上述对应关系，查看是否有服务端下发的需要在该当前页面展示的广告内容。

本步骤中，如果判断结果为是，广告SDK将执行步骤304，获取到与页面标识对应的广告内容，并将该广告内容在应用中进行展示。

但是在另一个例子中，也可能存在的情况是，广告SDK发现当前页面并没有需要展示的广告内容，即判断结果为否，也就是说，当前页面不需要展示广告；那么，广告SDK可以执行步骤305，判断当前页面是否已经展示了广告，该已经展示的广告可以是上一次服务端指示在页面显示的。如果存在已经展示的广告，广告SDK可以将该已展示的广告进行移除，使得当前页面无广告内容展示，即执行步骤306。具体的上述广告SDK所执行的展示广告内容和移除广告内容的流程将在后续实施例中描述，并且其中的步骤307也在后续描述。

该例子中的信息展示方法，不是由应用页面自身向服务端请求通知信息，而是由广告SDK(当然，在其他例子中，可以是其他SDK)接收服务端的通知信息，并负责在应用中展示该信息，这种方式可以由服务端自由定制在应用的哪个页面显示哪个通知信息，灵活性较好，并且，由SDK执行广告内容的展示，节省了页面自身的RPC请求资源；此外，将通知信息展示在当前页面下移所空出的显示位置，也不会影响页面内容的正常展示和页面功能的正常使用。

如下的例子中，以移动端操作***是iOS为例，分别描述广告SDK如何执行在应用中展示广告内容、以及移除广告内容。

在一个例子中，广告SDK可以将广告内容显示在当前页面的上层隐藏页面。例如，假设当前页面是UIView，其上层页面可以是UIViewControllerWrapperView，该页面是个隐藏页面，用户无法感知。本实施例在展示广告内容时，可以采取“当前页面下移，且将广告内容展示在上层隐藏页面上”的方式，且本例子可以将广告内容展示在页面的顶部位置。

图4示例了广告内容的展示流程：

在步骤401中，确定广告内容在上层隐藏页面的显示位置。

例如，可以根据上层隐藏页面UIViewControllerWrapperView的页面布局特点，由广告SDK确定广告内容在上层隐藏页面展示时的显示位置，该显示位置可以用origin Y表示。在一个例子中，当前页面是要向下移动的，那么会在移动端的显示区域的上方空出一部分由于下移提供的区域，而广告内容可以就显示在该下移提供的显示区域中，据此可以设定在所述的下移空出的区域对应的上层页面的位置，显示广告内容。

在步骤402中，根据广告内容的显示高度和所述显示位置，确定广告内容在上层隐藏页面的初始位置。

本步骤的广告内容在展示时是以动画形式展示的，比如，广告内容在动画移动前有一个位置，可以称为移动前位置，并且在动画移动后有一个位置，可以称为移动后位置。在步骤401中确定的显示位置，可以作为移动后位置，而本步骤中的初始位置即可以称为移动前位置。移动前位置和移动后位置的差值可以是广告内容的显示高度，该显示高度即承载通知信息的显示区域的高度，比如图1中所示例的广告信息所在的框条的高度。如果广告内容的显示高度是height，那么移动前位置可以为origin Y-height。其中，本例子中所述的位置可以是对象的顶部边缘距离移动端屏幕顶端的距离(例如，图1所示的广告内容是在一个矩形框显示，该矩形框的上边缘距离手机屏幕顶端边缘的距离即为“位置”)。

在步骤403中，确定当前页面没有广告内容时的初始位置。

例如，页面的初始位置即初次进入该页面时的位置，广告SDK可以在内存中以key-value的方式存储页面的初始位置。该页面初始位置的记录，可以用于在页面异常时将页面恢复到初始状态，以防止页面不断下移。其中，在以key-value的方式存储页面初始位置时，key表示页面标识，value可以是页面初始位置，该key需要保证唯一标识某个页面，例如，key＝viewControllerName。有些特殊页面中，可以用页面名称和其父页面的名称共同标识该页面的唯一性，例如，key＝viewControllerName+parentViewControllerName，这种情况时该页面的parentViewControllerName通常不是navigationController。

本步骤中，广告SDK可以由内存中获取存储的当前页面的页面初始位置，该位置可以作为当前页面动画移动前的位置，以origin Y2表示。

在步骤404中，根据当前页面的页面初始位置和广告内容的显示高度，确定当前页面移动后的位置。

例如，根据广告内容的显示高度height，可以将当前页面UIView动画后的位置设置为origin Y2+height。

在步骤405中，根据移动前位置和移动后位置，分别移动所述通知信息和当前页面。

例如，可以根据步骤401和402中确定的通知信息在上层隐藏页面的移动前位置和移动后位置，设置广告内容以动画的形式显示在上层隐藏页面，由origin Y-height移动到origin Y。而当前页面也以动画形式进行下移，由origin Y2移动到origin Y2+height，类似于当前页面的页面内容下移了height，相应的，广告内容占据了该height的空间在上层隐藏页面进行显示。

移动后的效果可以参见图5的示例，如图5所示，在手机充值的应用界面中，“充话费、充流量”这一行下移了一定距离height，且广告内容“恭喜获得随机立减红包....”可以是从上到下以动画的效果移动到页面顶端的位置进行显示。此外，当广告内容中由类似于文字的跑马灯效果的动画时，可以在展示广告内容时显示该动画效果。

本实施例实现了以动画的形式，下移当前页面一定距离，且以动画形式将广告内容移动到当前页面的上层页面相应位置进行显示，不会影响当前页面的页面内容显示，又可以很好的起到通知的功能。

其中，广告SDK在进行上述的广告展示流程前，还可以根据预先存储的页面初始位置，将所述当前页面进行位置初始化，防止先前有移动过导致页面布局不正确；广告SDK可以在任何检测到当前页面布局错乱时进行位置初始化。此外，在该展示过程中，由广告SDK负责创建需要展示的广告内容UI、且由广告SDK计算广告和页面的移动前后位置，并进行相应的动画移动，这些过程应用页面可以不参与。如果广告内容中有图片，则可以等待图片下载成功后再执行广告的展示过程。

还需要说明的是，上述的广告展示的例子中，将广告内容放置在当前页面的上层隐藏页面UIViewControllerWrapperView，是因为将应用业务功能所在的当前页面UIView的位置下移后，如果把广告内容放在UIView上，广告内容的所在位置就会小于0，广告内容上的点击事件就都不会有响应，比如，用户看到该广告内容后想点击该广告内容了解或使用详细信息，点击该广告内容，可是不会有响应，影响正常使用。结合图6的左侧所示，当前页面是导航栏下方的矩形框中的显示区域，如果将该矩形区域下移广告内容的显示高度，将广告内容显示在下移所空出的区域，那么广告内容上的点击事件就都不会有响应。

或者，在另一个例子中，还可以仍然将广告内容放到UIView显示，在对应下移所空出的移动端显示区域的当前页面，显示所述通知信息，且所述移动端显示区域在当前页面中的页面位置大于零，即UIView的页面初始位置需要位于移动端屏幕外，且页面初始位置在移动端屏幕外的距离不小于height，这样顶部广告可以放到UIView上，点击事件也会有。即当前页面UIView下移广告内容的显示高度后，其该当前页面的整体高度依然布满显示屏幕，这样可以保证点击事件的响应。再结合图6来看，当前页面仍然是矩形区域，只是该矩形区域相比左侧的区域，其顶端更靠上，即使下移一定距离后，该区域仍然占据满导航栏下方的区域，可以响应点击事件。

图7示例了广告SDK执行的移除广告内容的流程，对于广告内容的移除，可以在服务端并没有推送该页面的最新展示广告，且当前页面存在之前已经展示的广告时，将该已经展示的广告移除；或者，服务端有该页面的最新展示广告，且SDK发现该广告与当前页面已经展示的广告不相同时，将原先展示的广告进行移除。在如下的移除流程中，与图4流程相同的步骤将简单描述，将广告移除的动画移动过程与广告展示的动画移动过程是相反的。

在步骤701中，确定广告内容在上层隐藏页面的显示位置。

本步骤中，广告SDK可以确定广告内容在上层隐藏页面展示时的显示位置originY。该位置为广告内容移除前的位置。

在步骤702中，根据广告内容的显示高度和所述显示位置，确定广告内容在上层隐藏页面的移动后的位置。

例如，本步骤中的广告内容移除后的位置是origin Y-height。

在步骤703中，确定当前页面没有广告内容时的初始位置。

例如，广告SDK可以由内存中获取存储的当前页面的页面初始位置，该位置可以是在广告内容移除后，当前页面所恢复到的原先位置，以origin Y2表示。在本例子中，广告内容要进行移除时的动画移动，相应的，当前页面也要恢复到广告内容展示之前的位置(为了适应广告内容的展示，当前页面之前已经进行了下移)

在步骤704中，根据当前页面的页面初始位置和广告内容的显示高度，确定当前页面移动前的位置。

例如，根据广告内容的显示高度height，可以将当前页面UIView动画前的位置设置为origin Y2+height，这是广告内容还未开始移除前的当前页面位置，当前页面可以从该位置origin Y2+height移动到步骤603中的位置origin Y2。

在步骤705中，根据移动前位置和移动后位置，分别移动所述通知信息和当前页面。

例如，可以将广告内容由origin Y移动到origin Y-height，并将当前页面也以动画形式进行上移，由origin Y2+height移动到origin Y2，类似于广告内容向上移动消失，并且当前页面的页面内容上移height，恢复到页面初始位置。移动的过程相当于图5示例过程的反向过程。

此外，当页面返回的时候，为了让顶部广告跟着页面一起滑动，我们监听viewWillDisappear的通知(检测到当前页面消失的通知)，发现如果存在顶部广告，这个时候已经不需要有点击效果了，可以将广告内容从UIViewControllerWrapperView移除，并添加到UIView上，保持视觉位置不变，保持平稳过渡。

在上面的例子中，是以将通知信息例如广告内容放置到当前页面UIView的上层页面UIViewControllerWrapperView为例，实际实施中并不局限于此，比如，还可以将通知信息放到导航栏位置，例如，将顶部公告放到UINavigationBar下面，跟UINavigationBar粘合在一起，这样广告内容就可以在导航栏位置显示。本例子中的通知信息的显示位置，可以有多种位置，比如，可以是导航栏位置，或者，也可以是当前页面但是当前页面的页面初始位置位于移动端屏幕外，或者，还可以是显示在当前页面的上层隐藏页面，等。不论何种位置，都需要在显示通知信息时，不覆盖掉当前页面显示的页面内容。

为了实现上述的方法，本申请实施例还提供了一种信息展示装置，如图8所示，该装置可以包括：页面移动模块81和展示处理模块82。

页面移动模块81，用于将所述当前页面的页面位置进行下移；

展示处理模块82，用于在下移所空出的移动端显示区域，显示通知信息。

在一个例子中，所述通知信息显示在当前页面的上层隐藏页面。

在一个例子中，展示处理模块82，还用于当所述显示位置位于当前页面的上层隐藏页面时，若检测到当前页面消失的通知，则将所述通知信息由所述上层隐藏页面移到所述当前页面。

在一个例子中，参见图9，该装置还可以包括：信息获取模块83，用于在达到预设的展示触发条件时，获取所述当前页面的页面标识；根据所述页面标识，获取与所述页面标识对应的所述通知信息。

在一个例子中，所述展示触发条件，包括：当前页面刷新显示，或者，接收到服务端发送的所述通知信息。

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

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保护的范围之内。

Claims (21)

1.一种信息展示方法，其特征在于，所述方法用于展示通知信息，所述通知信息用于与移动端应用的当前页面的页面内容一起展示；所述方法包括：

将所述当前页面的页面位置进行下移；其中，所述当前页面是以动画形式进行移动；

在下移所空出的移动端显示区域，显示所述通知信息。

2.根据权利要求1所述的方法，其特征在于，所述通知信息是以动画形式显示。

3.根据权利要求1所述的方法，其特征在于，所述在下移所空出的移动端显示区域，显示所述通知信息，包括：

在对应所述移动端显示区域的上层页面，显示所述通知信息，所述上层页面是所述当前页面的上层隐藏页面。

4.根据权利要求1所述的方法，其特征在于，所述在下移所空出的移动端显示区域，显示所述通知信息，包括：

在对应所述移动端显示区域的所述当前页面，显示所述通知信息，且所述移动端显示区域在当前页面中的页面位置大于零。

5.根据权利要求1所述的方法，其特征在于，所述方法由SDK执行。

6.根据权利要求1所述的方法，其特征在于，所述将所述当前页面的页面位置进行下移，包括：

将所述当前页面的页面初始位置，作为当前页面的移动前位置；根据承载所述通知信息的显示区域的显示高度，以及所述页面初始位置，确定所述当前页面的移动后位置；将所述当前页面，由所述移动前位置移动到所述移动后位置。

7.根据权利要求1所述的方法，其特征在于，所述在下移所空出的移动端显示区域，显示所述通知信息，包括：

根据所述通知信息的显示高度、以及所述通知信息在当前页面的上层隐藏页面的显示位置，确定所述通知信息在所述上层隐藏页面的移动前位置和移动后位置；根据所述移动前位置和移动后位置，移动所述通知信息显示在上层隐藏页面。

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

在检测到当前页面消失的通知时，将所述通知信息由所述上层隐藏页面移到所述当前页面。

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

在达到预设的展示触发条件时，获取所述当前页面的页面标识；

根据所述页面标识，获取与所述页面标识对应的所述通知信息。

10.根据权利要求9所述的方法，其特征在于，所述展示触发条件，包括：当前页面刷新显示，或者，接收到服务端发送的所述通知信息。

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

若不存在与所述页面标识对应的通知信息，或者，当前页面的已展示通知信息与所述通知信息不同，则将当前页面的已展示通知信息进行移除。

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

根据预先存储的页面初始位置，将所述当前页面进行位置初始化。

13.一种信息展示装置，其特征在于，所述装置应用于展示通知信息，所述通知信息用于与移动端应用的当前页面的页面内容一起展示；所述装置包括：

页面移动模块，用于将所述当前页面的页面位置进行下移；其中，所述当前页面是以动画形式进行移动；

展示处理模块，用于在下移所空出的移动端显示区域，显示所述通知信息。

14.根据权利要求13所述的装置，其特征在于，所述展示处理模块，在用于显示所述通知信息时，所述通知信息是以动画形式显示。

15.根据权利要求13所述的装置，其特征在于，所述通知信息显示在当前页面的上层隐藏页面。

16.根据权利要求13所述的装置，其特征在于，所述装置由SDK执行。

17.根据权利要求13所述的装置，其特征在于，所述页面移动模块，在用于将所述当前页面的页面位置进行下移时，包括：

将所述当前页面的页面初始位置，作为当前页面的移动前位置；根据承载所述通知信息的显示区域的显示高度，以及所述页面初始位置，确定所述当前页面的移动后位置；将所述当前页面，由所述移动前位置移动到所述移动后位置。

18.根据权利要求13所述的装置，其特征在于，所述展示处理模块，用于在下移所空出的移动端显示区域，显示所述通知信息时，包括：

根据所述通知信息的显示高度、以及所述通知信息在当前页面的上层隐藏页面的显示位置，确定所述通知信息在所述上层隐藏页面的移动前位置和移动后位置；根据所述移动前位置和移动后位置，移动所述通知信息显示在上层隐藏页面。

19.根据权利要求13所述的装置，其特征在于，

所述展示处理模块，还用于当所述显示位置位于当前页面的上层隐藏页面时，若检测到当前页面消失的通知，则将所述通知信息由所述上层隐藏页面移到所述当前页面。

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

信息获取模块，用于在达到预设的展示触发条件时，获取所述当前页面的页面标识；根据所述页面标识，获取与所述页面标识对应的所述通知信息。

21.根据权利要求20所述的装置，其特征在于，所述展示触发条件，包括：当前页面刷新显示，或者，接收到服务端发送的所述通知信息。

Images