[发明专利]一种界面显示方法、装置和移动终端

说明书

本发明公开了一种界面显示方法，适于在移动终端中执行，所述方法包括：在移动终端的应用上显示目标界面，所述目标页面包括位于上方的背景图和背景图下方的正文区域；响应于对背景图的下滑操作，判断目标界面的高宽比是否小于背景图的高宽比；若是，则随着下滑操作显示背景图未显示出来的部分图像；反之，则保持背景图的高宽比不变，根据背景图下拉后的高度，裁剪出对应宽度的背景图进行放大显示。本发明还一并公开了对应的界面显示装置和移动终端。

技术领域

本发明涉及移动互联网领域，特别涉及在移动终端上进行用户交互的移动交互领域。

背景技术

随着移动互联网的发展，越来越多的社群移动应用应运而生，例如知识星球移动应用。社群移动应用是指允许用户发表内容、向其他用户提问等的平台，用户可在该应用内进行聊天、发帖、点赞、评论、转发等行为。且随着网络技术的进步与用户体验理论的发展，除了能有基础的交互功能，许多产品增加了能额外提升产品娱乐性与丰富度的定制社群头像与社群背景图的功能。在不同的场景下能更换多套图片，可以使用产品自带的头像与背景图，亦能自由选择。但目前的界面图片在滑动操作的显示过程中，总是出现比例不协调的现象，影响用户体验。因此，需要提供一种体验效果更佳的图片显示方法。

发明内容

为此，本发明提供一种界面显示方法、装置和移动终端，以力图解决或者至少缓解上面存在的问题。

根据本发明的一个方面，提供了一种界面显示方法，适于在移动终端中执行，该方法包括：在移动终端的应用上显示目标界面，该目标页面包括位于上方的背景图和背景图下方的正文区域；响应于对背景图的下滑操作，判断目标界面的高宽比是否小于背景图的高宽比；若是，则随着下滑操作显示背景图未显示出来的部分图像；反之，则保持背景图的高宽比不变，根据背景图下拉后的高度，裁剪出对应宽度的背景图进行放大显示。

可选地，根据本发明的界面交互方法中，还包括步骤：响应于用户的松开手指操作，将当前背景图向上还原至目标界面首次显示时背景图的状态。

可选地，根据本发明的界面交互方法中，还包括步骤：响应于用户的上滑操作，将正文区域逐渐向上覆盖所述背景图，并当所述正文区域触碰应用的导航栏时，对当前的背景图进行模糊处理后显示。

可选地，根据本发明的界面交互方法中，正文区域触碰应用的导航栏，根据以下步骤确定：监听页面的向上滑动操作，计算所述正文区域的顶部与导航栏底部之间的距离，当该距离为0时，确定所述正文区域触碰所述应用的导航栏。

可选地，根据本发明的界面交互方法中，模糊处理为高斯模糊处理，所述高斯模糊采用背景图中白色透明度为a的背景色，且模糊半径为b。

可选地，根据本发明的界面交互方法中，还包括步骤：获取用户上传的头像图片，并将搜索页面显示的目标社群头像、目标界面中的背景图均更新为该上传的头像图片。

可选地，根据本发明的界面交互方法中，将搜索页面显示的社区头像、目标界面中的背景图均更新为该上传的头像图片的步骤包括：根据预设的订阅者列表，确定与该头像图片所属的目标社群的订阅者；向所确定的订阅者发送更新通知，更新通知包含该上传的图片，以便订阅者根据更新通知中的图片进行图片更新。

可选地，根据本发明的界面交互方法中，更新通知中包括发生更新的社群标识，订阅者根据更新通知中的图片进行图片更新的步骤包括：当订阅者判断自身所属社群标识与所述更新通知中的社群标识一致时，根据该更新通知中的图片进行图片更新。

可选地，根据本发明的界面交互方法中，目标界面包括用户加入目标社群后的背景界面和用户未加入目标社群时的预览界面，目标社群头像为所述背景图的缩略图。

可选地，根据本发明的界面交互方法中，对于目标社群头像，a＝10％，b＝5mm；对于背景图，a＝12％，b＝15mm。