[发明专利]页面显示方法、装置及介质

说明书

本申请涉及一种页面显示方法、装置及介质，其中方法包括：若在目标页面的内容组件上检测到滑动操作，则控制目标指示器和内容组件的内容跟随滑动操作滑动显示，目标指示器显示于目标页面的目标选项卡组件中，用于指示与内容组件中显示的内容对应的选项卡，目标页面基于目标回收者视图组件；在内容组件上检测到滑动操作结束，且滑动操作满足切换条件时，控制目标指示器显示于目标选项卡组件中与滑动操作对应的目标选项卡的对应位置上，控制内容组件中显示目标选项卡的内容。采用本申请，能够提高显示效果。

技术领域

本申请涉及计算机技术领域，主要涉及了一种页面显示方法、装置及介质。

背景技术

随着信息技术和电子技术的发展，电子设备(例如，手机、平板电脑等)的功能越来越强大，且很多业务都可以在电子设备的应用程序上进行，例如，股票、基金、期货、债券等标的物的订单业务。应用程序中显示的目标页面通常可包括多个子页面，且每一子页面对应一个选项卡。例如，如图1所示的行情页面，包括“全部”、“港股”、“美股”、“沪深”、“基金”和“a股行情”等多个选项卡，当前显示的子页面为“全部”选项卡对应的页面。

目前，可基于安卓原生的TabLayout控件实现页面滑动的效果。然而，TabLayout控件在性能上有所欠缺，当整个选项栏容器内的选项卡足够多时，加载时间会变长，严重则会导致视觉上的卡顿、拖慢其他任务的进程。

发明内容

本申请实施例提供了一种页面显示方法、装置及介质，能够基于目标回收者视图组件实现目标指示器和内容组件中的内容跟随滑动操作滑动显示，可提高滑动显示的页面流畅效果。

第一方面，本申请实施例提供一种页面显示方法，其中：

若在目标页面的内容组件上检测到滑动操作，则控制目标指示器和所述内容组件的内容跟随所述滑动操作滑动显示，所述目标指示器显示于所述目标页面的目标选项卡组件中，用于指示与所述内容组件中显示的内容对应的选项卡，所述目标页面基于目标回收者视图组件；

在所述内容组件上检测到所述滑动操作结束，且所述滑动操作满足切换条件时，控制所述目标指示器显示于所述目标选项卡组件中与所述滑动操作对应的目标选项卡的对应位置上，控制所述内容组件中显示所述目标选项卡的内容。

在一个可能的示例中，所述控制目标指示器和所述内容组件的内容跟随所述滑动操作滑动显示包括：

根据所述滑动操作的滑动距离和所述目标页面的页面宽度确定所述目标页面的滑动比例；

根据所述滑动操作的滑动速度和/或所述滑动比例确定目标指示器的显示参数；

控制所述目标指示器基于所述显示参数滑动显示，控制所述内容组件的内容基于所述滑动比例滑动显示。

在一个可能的示例中，所述目标指示器的显示长度和所述目标选项卡对应的显示长度相等。

在一个可能的示例中，所述显示参数包括所述滑动速度和伸缩长度，所述伸缩长度大于源选项卡对应的显示长度，且小于或等于所述源选项卡对应的显示长度和所述目标选项卡对应的显示长度之和，所述源选项卡为所述滑动操作之前所述内容组件的内容对应的选项卡。

在一个可能的示例中，所述方法还包括：

若在所述目标选项卡组件的指定选项卡上检测到点击操作，则控制所述目标指示器滑动显示至所述指定选项卡对应的位置，控制所述内容组件中显示所述指定选项卡的内容。

在一个可能的示例中，所述控制所述目标指示器滑动显示至所述指定选项卡对应的位置包括：

确定源选项卡的内容切换为所述指定选项卡的内容的切换时长，以及所述源选项卡和所述指定选项卡之间所有的中间选项卡对应的显示长度之和，所述源选项卡为所述点击操作之前所述内容组件的内容对应的选项卡；