[发明专利]一种页面处理方法、装置、电子设备及可读存储介质

说明书

本公开提供了一种页面处理方法、装置、电子设备及可读存储介质，其中，该方法包括：响应于作用在终端界面上的触摸操作，获取触摸位置信息，以及获取目标动态页面中的各个图片的图片位置信息；基于触摸位置信息和图片位置信息，确定触摸的目标图片以及目标图片位置信息；在目标图片位置处，创建原生图像视图组件并基于原生图像视图组件渲染目标图片，以及，启动屏幕触摸事件拦截机制；当拦截到针对目标图片的触摸事件时，根据目标图片的触摸事件中指示的触摸操作对原生图像视图组件渲染的目标图片进行相应处理。本公开实施例中，用户在目标动态页面就可以实现对页面中图片的缩放，无需跳转到查看大图页面，提高了交互效率。

技术领域

本公开涉及信息技术领域，具体而言，涉及一种页面处理方法、装置、电子设备及可读存储介质。

背景技术

随着互联网技术的发展，在终端页面上展示的内容越来越多样化。为了实现内容可以动态化地展示，通常采用基于超文本标记语言制作的动态网页展示内容。

目前，在动态网页上对图片进行放大查看时，通常需要进行先点击终端界面上动态网页中的图片，终端界面跳转到查看大图页面，然后在查看大图页面上进行手势放大图片的操作步骤。

上述对动态网页中的图片进行放大查看的过程，操作繁琐，交互效率较低。

发明内容

本公开实施例至少提供一种页面处理方法、装置、电子设备及可读存储介质。

第一方面，本公开实施例提供了一种页面处理方法，包括：

响应于作用在终端界面上的触摸操作，获取触摸位置信息，以及获取在所述终端界面上显示的目标动态页面中的各个图片的图片位置信息；

基于所述触摸位置信息和所述各个图片的图片位置信息，确定所述各个图片中被触摸的目标图片，以及所述目标图片在所述终端界面中的目标图片位置信息；

在所述目标图片位置信息指示的目标图片位置处，创建原生图像视图组件并基于所述原生图像视图组件渲染所述目标图片，以及，启动屏幕触摸事件拦截机制；

当拦截到针对所述目标图片的触摸事件时，根据所述目标图片的触摸事件中指示的触摸操作对所述原生图像视图组件渲染的所述目标图片进行相应处理。

一种可选的实施方式中，基于所述触摸位置信息和所述各个图片的图片位置信息，确定所述各个图片中被触摸的目标图片，以及所述目标图片在所述终端界面中的目标图片位置信息，包括：

基于所述各个图片在所述目标动态页面中的图片位置信息，以及所述目标动态页面与所述终端界面之间的坐标系转换关系，确定所述各个图片在所述终端界面中的图片位置信息；

基于所述触摸位置信息以及确定的所述各个图片在所述终端界面中的图片位置信息，确定所述各个图片中被触摸的目标图片，以及所述目标图片在所述终端界面中的目标图片位置信息。

一种可选的实施方式中，基于所述触摸位置信息以及确定的所述各个图片在所述终端界面中的图片位置信息，确定所述各个图片中被触摸的目标图片，包括：

在所述触摸位置信息指示的触摸位置点为多个触摸位置点的情况下，基于所述各个图片在所述终端界面中的图片位置信息，从所述各个图片中，选择对应的图片区域包含所述多个触摸位置点的图片作为所述目标图片。

一种可选的实施方式中，根据所述目标图片的触摸事件中指示的触摸操作，基于所述原生图像视图组件对所述目标图片进行渲染更新，以更新所述目标图片的显示属性，包括：

根据所述触摸位置信息的变化，确定对所述目标图片的缩放属性信息；所述缩放属性信息包括缩放比例和缩放方向；

按照所述缩放属性信息，基于所述原生图像视图组件对所述目标图片进行渲染更新，以更新所述目标图片的显示属性。