[go: up one dir, main page]

CN116204151A - Page display method, page display device, electronic equipment and readable storage medium - Google Patents

Page display method, page display device, electronic equipment and readable storage medium Download PDF

Info

Publication number
CN116204151A
CN116204151A CN202310153698.XA CN202310153698A CN116204151A CN 116204151 A CN116204151 A CN 116204151A CN 202310153698 A CN202310153698 A CN 202310153698A CN 116204151 A CN116204151 A CN 116204151A
Authority
CN
China
Prior art keywords
page
image
target
display
application
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202310153698.XA
Other languages
Chinese (zh)
Inventor
何军
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Vivo Mobile Communication Co Ltd
Original Assignee
Vivo Mobile Communication Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Vivo Mobile Communication Co Ltd filed Critical Vivo Mobile Communication Co Ltd
Priority to CN202310153698.XA priority Critical patent/CN116204151A/en
Publication of CN116204151A publication Critical patent/CN116204151A/en
Priority to PCT/CN2024/077332 priority patent/WO2024174924A1/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/147Digital output to display device ; Cooperation and interconnection of the display device with other functional units using display panels
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • General Engineering & Computer Science (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The application discloses a page display method, a page display device, electronic equipment and a readable storage medium, and belongs to the technical field of display equipment. The page display method comprises the following steps: receiving input of a user on target display content in a display interface; responding to input, acquiring first image data corresponding to a target display page related to target display content, and acquiring image blurring parameters corresponding to the target display page; generating a multi-frame target blurred image according to the image blurring parameters and first image data corresponding to the target display page; according to the first order, a plurality of frames of target blurred images and target display pages are displayed.

Description

页面显示方法、装置、电子设备和可读存储介质Page display method, device, electronic device and readable storage medium

技术领域technical field

本申请属于显示设备技术领域,具体涉及一种页面显示方法、装置、电子设备和可读存储介质。The present application belongs to the technical field of display devices, and in particular relates to a page display method, device, electronic device and readable storage medium.

背景技术Background technique

随着显示设备的发展日渐成熟,显示设备所能提供的功能越来越丰富。例如,在显示设备中屏幕显示效果越来越清晰,为用户日常浏览信息带来便利。基于此,显示设备中显示内容的变化过程的流畅性越来越受到用户的关注。As the development of the display device matures day by day, the functions that the display device can provide become more and more abundant. For example, in the display device, the screen display effect is getting clearer and clearer, which brings convenience for users to browse information in daily life. Based on this, users pay more and more attention to the smoothness of the change process of the displayed content in the display device.

目前,常通过在两个图像帧之间插入一帧图像方式,提升每秒显示图像帧的数量,以增强流畅性的视觉显示效果。但由于显示屏幕每秒显示图像帧的数量的上限取决于显示屏幕硬件配置,因此,基于已有的显示屏幕的硬件配置,通过插入图像帧的方式难以提升已有显示屏幕的视觉显示效果。At present, the number of displayed image frames per second is often increased by inserting an image frame between two image frames, so as to enhance the smooth visual display effect. However, since the upper limit of the number of image frames displayed per second on the display screen depends on the hardware configuration of the display screen, based on the hardware configuration of the existing display screen, it is difficult to improve the visual display effect of the existing display screen by inserting image frames.

发明内容Contents of the invention

本申请实施例的目的是提供一种页面显示方法、装置、电子设备和可读存储介质,能够不受显示屏幕硬件配置的限制,在显示内容动态变化的过程中达到流畅的视觉显示效果。The purpose of the embodiment of the present application is to provide a page display method, device, electronic device and readable storage medium, which can achieve a smooth visual display effect during the dynamic change of the display content without being limited by the hardware configuration of the display screen.

第一方面,本申请实施例提供了一种页面显示方法,该方法包括:In the first aspect, the embodiment of the present application provides a page display method, the method includes:

接收用户对显示界面中目标显示内容的输入;Receive the user's input on the target display content in the display interface;

响应于输入,获取目标显示内容相关的目标显示页面对应的第一图像数据,以及获取目标显示页面对应的图像模糊参数;根据图像模糊参数和目标显示页面对应的第一图像数据,生成多帧目标模糊图像;In response to the input, acquire the first image data corresponding to the target display page related to the target display content, and acquire the image blur parameters corresponding to the target display page; generate a multi-frame target according to the image blur parameters and the first image data corresponding to the target display page blurry image;

根据第一顺序,显示多帧目标模糊图像和目标显示页面。According to the first sequence, multiple frames of blurred images of the target and the target display page are displayed.

第二方面,本申请实施例提供了一种页面显示的装置,该装置包括:In the second aspect, the embodiment of the present application provides a page display device, which includes:

接收模块,用于接收用户对显示界面中目标显示内容的输入;A receiving module, configured to receive user input on the target display content in the display interface;

获取模块,用于响应于输入,获取目标显示内容相关的目标显示页面对应的第一图像数据,以及获取目标显示页面对应的图像模糊参数;An acquisition module, configured to acquire the first image data corresponding to the target display page related to the target display content in response to the input, and acquire the image blur parameter corresponding to the target display page;

处理模块,用于根据图像模糊参数和目标显示页面对应的第一图像数据,生成多帧目标模糊图像;A processing module, configured to generate multiple frames of target blurred images according to the image blur parameters and the first image data corresponding to the target display page;

显示模块,用于根据第一顺序,显示多帧目标模糊图像和目标显示页面。The display module is configured to display multiple frames of target blurred images and target display pages according to the first sequence.

第三方面,本申请实施例提供了一种电子设备,该电子设备包括处理器和存储器,存储器存储可在处理器上运行的程序或指令,程序或指令被处理器执行时实现如第一方面的方法的步骤。In the third aspect, the embodiment of the present application provides an electronic device, the electronic device includes a processor and a memory, and the memory stores programs or instructions that can run on the processor, and when the programs or instructions are executed by the processor, the first aspect is implemented. steps of the method.

第四方面,本申请实施例提供了一种可读存储介质,所述可读存储介质上存储程序或指令,所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。In a fourth aspect, an embodiment of the present application provides a readable storage medium, on which a program or an instruction is stored, and when the program or instruction is executed by a processor, the steps of the method described in the first aspect are implemented .

第五方面,本申请实施例提供了一种芯片,所述芯片包括处理器和通信接口,所述通信接口和所述处理器耦合,所述处理器用于运行程序或指令,实现如第一方面所述的方法。In the fifth aspect, the embodiment of the present application provides a chip, the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is used to run programs or instructions, so as to implement the first aspect the method described.

第六方面,本申请实施例提供一种计算机程序产品,该程序产品被存储在存储介质中,该程序产品被至少一个处理器执行以实现如第一方面所述的方法。In a sixth aspect, an embodiment of the present application provides a computer program product, the program product is stored in a storage medium, and the program product is executed by at least one processor to implement the method described in the first aspect.

在本申请实施例中,显示设备在接收到用户对目标对象的输入后,通过结合目标显示页面对应的第一图像数据,生成多帧模糊图像,并根据第一顺序,显示多帧目标模糊图像和目标显示页面,使屏幕中的显示内容实现动态变化的显示效果。其中,由于人眼的视觉特性存在对外界的光刺激存在的延时响应,因此,在多帧模糊图像连续显示时,可以实现动态且流畅的视觉显示效果,有效减少了显示屏幕硬件配置的限制。In the embodiment of the present application, after receiving the user's input on the target object, the display device generates multiple frames of blurred images by combining the first image data corresponding to the target display page, and displays multiple frames of target blurred images according to the first order and the target display page, so that the display content on the screen can achieve a display effect of dynamic changes. Among them, due to the delayed response of the visual characteristics of the human eye to external light stimuli, when multiple frames of fuzzy images are continuously displayed, a dynamic and smooth visual display effect can be achieved, which effectively reduces the limitations of the display screen hardware configuration. .

附图说明Description of drawings

图1是本申请实施例提供的一种页面显示方法的流程示意图;FIG. 1 is a schematic flowchart of a page display method provided in an embodiment of the present application;

图2是本申请实施例提供的一种显示界面的示意图;Fig. 2 is a schematic diagram of a display interface provided by an embodiment of the present application;

图3是本申请实施例提供的一种运动距离与模糊度之间的关系示意图;Fig. 3 is a schematic diagram of the relationship between motion distance and ambiguity provided by the embodiment of the present application;

图4是本申请实施例提供的一种页面显示示意图;Fig. 4 is a schematic diagram of a page display provided by an embodiment of the present application;

图5是本申请实施例提供的一种目标模糊图像的示意图;Fig. 5 is a schematic diagram of a target blurred image provided by an embodiment of the present application;

图6是本申请实施例提供的一种页面显示装置的结构示意图;FIG. 6 is a schematic structural diagram of a page display device provided by an embodiment of the present application;

图7是本申请实施例提供的一种电子设备的结构示意图;FIG. 7 is a schematic structural diagram of an electronic device provided by an embodiment of the present application;

图8是本申请实施例提供的另一种电子设备的硬件结构示意图。FIG. 8 is a schematic diagram of a hardware structure of another electronic device provided by an embodiment of the present application.

具体实施方式Detailed ways

下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员获得的所有其他实施例,都属于本申请保护的范围。The following will clearly describe the technical solutions in the embodiments of the present application with reference to the drawings in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, but not all of them. All other embodiments obtained by persons of ordinary skill in the art based on the embodiments in this application belong to the protection scope of this application.

本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象,而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施,且“第一”、“第二”等所区分的对象通常为一类,并不限定对象的个数,例如第一对象可以是一个,也可以是多个。此外,说明书以及权利要求中“和/或”表示所连接对象的至少其中之一,字符“/”,一般表示前后关联对象是一种“或”的关系。The terms "first", "second" and the like in the specification and claims of the present application are used to distinguish similar objects, and are not used to describe a specific sequence or sequence. It should be understood that the terms so used are interchangeable under appropriate circumstances such that the embodiments of the application can be practiced in sequences other than those illustrated or described herein, and that references to "first," "second," etc. distinguish Objects are generally of one type, and the number of objects is not limited. For example, there may be one or more first objects. In addition, "and/or" in the specification and claims means at least one of the connected objects, and the character "/" generally means that the related objects are an "or" relationship.

随着显示设备的发展日渐成熟,显示设备所能提供的功能越来越丰富。例如,在显示设备中屏幕显示效果越来越清晰,为用户日常浏览信息带来便利。基于此,显示设备中显示内容的变化过程的流畅性越来越受到用户的关注。As the development of the display device matures day by day, the functions that the display device can provide become more and more abundant. For example, in the display device, the screen display effect is getting clearer and clearer, which brings convenience for users to browse information in daily life. Based on this, users pay more and more attention to the smoothness of the change process of the displayed content in the display device.

目前,常通过在两个图像帧之间插入一帧图像方式,提升每秒显示图像帧的数量,以增强流畅性的视觉显示效果。但由于显示屏幕每秒显示图像帧的数量的上限取决于显示屏幕硬件配置,因此,基于已有的显示屏幕的硬件配置,通过插入图像帧的方式难以提升已有显示屏幕的视觉显示效果。At present, the number of displayed image frames per second is often increased by inserting an image frame between two image frames, so as to enhance the smooth visual display effect. However, since the upper limit of the number of image frames displayed per second on the display screen depends on the hardware configuration of the display screen, based on the hardware configuration of the existing display screen, it is difficult to improve the visual display effect of the existing display screen by inserting image frames.

为了解决现有技术中存在的问题,本申请实施例的目的是提供一种页面显示方法、装置、电子设备和可读存储介质,能够不受显示屏幕硬件配置的限制,在显示内容动态变化的过程中达到流畅的视觉显示效果。In order to solve the problems existing in the prior art, the purpose of the embodiment of the present application is to provide a page display method, device, electronic equipment and readable storage medium, which can not be limited by the hardware configuration of the display screen, and can dynamically change the displayed content. Smooth visual display effect is achieved in the process.

在介绍本申请的具体实施方式之前,首先介绍描述本公开实施方式时用到的技术术语。Before introducing specific implementations of the present application, technical terms used in describing the implementations of the present disclosure are introduced first.

视觉暂留现象,在视觉建立时和视觉消失时均存在延时响应,且其中,视觉消失的时延比视觉建立时延长,从而形成视觉暂留现象。Persistence of vision, there is a delayed response when vision is established and when vision disappears, and among them, the time delay of vision disappearing is longer than that of vision establishment, thus forming the phenomenon of persistence of vision.

似动现象,当两个刺激物(例如,光点、直线、图片或画面)按一定的空间间隔和时间间隔相继呈现时,在视觉上会形成从一个刺激物向另一个刺激物的连续运动的效果,但由于两个刺激物实际没有产生运动,因此,这种这个现象被称为似动现象。Pseudokinesis, when two stimuli (for example, points of light, lines, pictures, or pictures) are presented successively at certain spatial and temporal intervals, visually forming a continuous movement from one stimulus to the other , but because the two stimuli do not actually produce movement, this phenomenon is called parakinetic.

视觉暂留现象和似动现象的关系,视觉暂留的时间大约是1/20~1/10秒,似动现象先后出现的两个物体的时间间隔是1/30~1/10秒,即似动现象的发生条件在视觉暂留时间之内。视觉暂留是人的生理特性,而似动现象是人的认知特性,视觉暂留使前后影像重叠,似动现象产生动画的幻觉。The relationship between the phenomenon of persistence of vision and the phenomenon of movement, the time of persistence of vision is about 1/20 to 1/10 second, and the time interval between two objects that appear to appear successively in the phenomenon of movement is 1/30 to 1/10 second, that is The conditions for the occurrence of motion-like phenomenon are within the duration of vision. Persistence of vision is a physiological characteristic of human beings, while motion-like phenomenon is a cognitive characteristic of humans. Persistence of vision makes the front and rear images overlap, and motion-like phenomenon produces the illusion of animation.

下面结合附图,通过具体的实施例及其应用场景对首先对本申请实施例提供的页面显示方法进行详细地说明。Firstly, the page display method provided by the embodiment of the present application will be described in detail through specific embodiments and application scenarios with reference to the accompanying drawings.

图1是本申请实施例提供的一种页面显示方法的流程示意图,页面显示方法可以应用于包括至少两个屏幕的电子设备,页面显示方法可以包括以下步骤110至步骤140。FIG. 1 is a schematic flowchart of a page display method provided by an embodiment of the present application. The page display method can be applied to an electronic device including at least two screens. The page display method can include the following steps 110 to 140.

步骤110,接收用户对显示界面中目标显示内容的输入。Step 110, receiving user input on the target display content in the display interface.

步骤120,响应于输入,获取输入目标显示内容相关的目标显示页面对应的第一图像数据,以及获取目标显示页面对应的图像模糊参数。步骤130,根据图像模糊参数和目标显示页面对应的第一图像数据,生成多帧目标模糊图像。Step 120, in response to the input, acquire the first image data corresponding to the target display page related to the input target display content, and acquire the image blur parameter corresponding to the target display page. Step 130: Generate multiple frames of target blurred images according to the image blur parameters and the first image data corresponding to the target display page.

步骤140,根据第一顺序,显示多帧目标模糊图像和目标显示页面。Step 140, according to the first order, display multiple frames of blurred images of the target and the target display page.

在本申请实施例中,显示设备例如是智能手机、平板电脑、智能手环、智能手表以及笔记本电脑等包括显示屏幕的电子设备。In the embodiment of the present application, the display device is, for example, an electronic device including a display screen, such as a smart phone, a tablet computer, a smart bracelet, a smart watch, and a notebook computer.

具体地,涉及上述步骤110,显示界面为显示设备的屏幕中当前的显示的内容。示例性的,显示界面可以是桌面、应用程序的应用界面等,在此并不限制。当显示界面为桌面时,显示内容可以是桌面,显示内容也可以包括至少一个应用标识,其中,应用标识例如应用程序的图标、应用程序的关联控件等等,应用程序可以是浏览器、应用商城、通讯簿、备忘录、应用设置等安装于显示设备中的应用程序。当应用程序的应用界面时,显示内容可以包括应用程序的控制控件、列表、对话框等等,在此不一一列举。Specifically, referring to the above step 110, the display interface is the content currently displayed on the screen of the display device. Exemplarily, the display interface may be a desktop, an application interface of an application program, etc., which is not limited here. When the display interface is a desktop, the displayed content may be the desktop, and the displayed content may also include at least one application identifier, wherein the application identifier is, for example, an icon of an application program, an associated control of an application program, etc., and the application program may be a browser, an application store, etc. , address book, memo, application settings and other applications installed in the display device. When the application interface of the application program is used, the displayed content may include control controls, lists, dialog boxes, etc. of the application program, which are not listed here.

在一些实施例中,目标显示内容为显示界面中接收到输入的显示内容。示例性的,输入例如是点击输入、长按输入、双击输入、滑动输入等,在此并不具体限制。In some embodiments, the target display content is the display content that receives input in the display interface. Exemplarily, the input is, for example, click input, long press input, double-click input, slide input, etc., which are not specifically limited here.

涉及上述步骤120,显示设备在接收到用户对目标显示内容的输入后,可以响应于该输入,获取输入对应的图像模糊参数。Referring to the above step 120, after receiving the user's input on the target display content, the display device may, in response to the input, acquire an image blur parameter corresponding to the input.

可选地,图像模糊参数可以包括影响图像的模糊效果的参数,例如,运动速度、运动方向和运动距离等,在此并具体限制。示例性的,可以预设图像模糊参数与模糊效果之间关联关系,例如,运动速度越大,模糊度越高;又例如,运动方向与模糊方向相同;再例如,运动距离与模糊度之间的关系满足正态分布,具体地,在I帧图像中,从第一帧图像到第i帧图像的模糊度依次增加,由第i帧图像到第I帧图像的模糊度依次减小,即目标显示页面在运动开始和运动结束时,对应图像的模糊度最低,中间过程的模糊度最高。Optionally, the image blur parameter may include parameters that affect the blur effect of the image, for example, motion speed, motion direction, and motion distance, etc., which are not specifically limited here. Exemplarily, the relationship between image blur parameters and blur effects can be preset, for example, the greater the motion speed, the higher the blur; another example, the direction of motion is the same as the direction of blur; The relationship satisfies the normal distribution, specifically, in the I-frame image, the blur degree from the first frame image to the i-th frame image increases sequentially, and the blur degree from the i-th frame image to the I-th frame image decreases sequentially, that is The target display page has the lowest blurriness of the corresponding image at the beginning and end of the movement, and the highest blurriness in the middle process.

此外,响应于输入,显示设备还需要确定目标显示内容相关的目标显示页面,并获取目标显示页面对应的第一图像数据。示例性的,当目标显示内容为应用标识时,目标显示内容相关的目标显示页面可以对应应用程序的应用首页。当目标显示内容为应用程序的关联控件时,目标显示内容相关的目标显示页面例如应用程序中控件对应的应用页面。In addition, in response to the input, the display device also needs to determine a target display page related to the target display content, and acquire first image data corresponding to the target display page. Exemplarily, when the target display content is an application identifier, the target display page related to the target display content may correspond to the application homepage of the application program. When the target display content is an associated control of the application program, the target display page related to the target display content is, for example, an application page corresponding to the control in the application program.

显示设备在得到图像模糊参数和目标显示页面对应的第一图像数据后,涉及上述步骤130,可以根据图像模糊参数和目标显示页面对应的第一图像数据,生成多帧目标模糊图像。After the display device obtains the image blur parameters and the first image data corresponding to the target display page, it involves the above step 130, and can generate multiple frames of target blur images according to the image blur parameters and the first image data corresponding to the target display page.

示例性的,在得到目标显示页面对应的第一图像数据后,可以复制多份第一图像数据,再对每个第一图像处理进行不同的模糊处理,从而得到多帧模糊图像。Exemplarily, after obtaining the first image data corresponding to the target display page, multiple copies of the first image data may be copied, and then different blurring processes are performed on each first image, thereby obtaining multiple frames of blurred images.

可选地,目标模糊图像的数量可以预先设定,例如,不同的应用场景可以预先设定不同的数量。以开启应用程序的应用场景为例,预先设定的模糊图像的数量可以是几百帧。当用户对桌面中应用图标进行输入,以启动应用图标对应的应用程序时,显示设备可以通过显示几百帧应用界面对应的模糊图像,实现应用界面的动态显示效果。Optionally, the number of target blurred images may be preset, for example, different numbers may be preset for different application scenarios. Taking the application scenario of starting an application program as an example, the preset number of blurred images may be hundreds of frames. When the user inputs the application icon on the desktop to start the application program corresponding to the application icon, the display device can realize the dynamic display effect of the application interface by displaying hundreds of frames of blurred images corresponding to the application interface.

在生成多帧模糊图像后,涉及上述步骤140,可以根据第一顺序,显示多帧目标模糊图像和目标显示页面。After the multi-frame blurred images are generated, the above step 140 may be involved, and the multi-frame target blurred images and the target display page may be displayed according to the first sequence.

当目标模糊图像和目标显示页面基于第一顺序进行显示时,可以使屏幕中的显示内容的实现动态变化的显示效果。其中,动态变化的显示效率例如,屏幕中目标模糊图像对应显示内容的显示面积由小到大的变化,或者目标模糊图像对应显示内容沿一定的方向发生移动等显示效果。When the target blurred image and the target display page are displayed based on the first sequence, the displayed content on the screen can be dynamically changed. Among them, the dynamically changing display efficiency is, for example, the change of the display area of the display content corresponding to the blurred target image on the screen from small to large, or the display effect such as the movement of the displayed content corresponding to the blurred target image along a certain direction.

示例性的,在打开应用程序的场景中,第一顺序可以是先显示多帧目标模糊图像,再显示目标显示页面;在关闭应用程序的场景中,第一顺序可以是先显示目标显示页面,再显示多帧目标模糊图像。在又一示例中,还可以是页面滑动的应用场景,当用户控制长页面滑动时,第一顺序可以是先显示滑动开始时长页面对应的图像,再显示多帧目标模糊图像,最后显示滑动结束时长页面对应的图像。Exemplarily, in the scene of opening the application program, the first order may be to display multiple frames of target blurred images first, and then display the target display page; in the scene of closing the application program, the first order may be to display the target display page first, Then display multiple frames of blurred images of the target. In yet another example, it can also be an application scenario of page sliding. When the user controls long page sliding, the first order can be to first display the image corresponding to the long page at the beginning of the sliding, then display multiple frames of target blurred images, and finally display the end of the sliding The image corresponding to the duration page.

根据本申请实施例,显示设备在接收到用户对目标对象的输入后,通过结合目标显示页面对应的第一图像数据,生成多帧模糊图像,并根据第一顺序,显示多帧目标模糊图像和目标显示页面,实现使屏幕中的显示内容实现的动态变化的显示效果。其中,由于人眼的视觉特性存在对外界的光刺激存在的延时响应,因此,在多帧模糊图像连续显示时,可以实现动态且流畅的视觉显示效果,有效减少了显示屏幕硬件配置的限制,有效提高低帧率显示设备的视觉显示效果的流畅性,使得低帧率显示设备能够产生与高帧率显示设备的一致的视觉显示效果。According to the embodiment of the present application, after receiving the user's input on the target object, the display device generates a multi-frame blurred image by combining the first image data corresponding to the target display page, and displays the multi-frame target blurred image and The target display page realizes the display effect of dynamically changing the display content on the screen. Among them, due to the delayed response of the visual characteristics of the human eye to external light stimuli, when multiple frames of fuzzy images are continuously displayed, a dynamic and smooth visual display effect can be achieved, which effectively reduces the limitations of the display screen hardware configuration. , effectively improving the fluency of the visual display effect of the low frame rate display device, so that the low frame rate display device can produce the same visual display effect as that of the high frame rate display device.

作为一个具体地示例,在目标显示内容为第一应用标识,输入用于打开第一应用标识对应的第一应用页面的情况下,输入对应的图像模糊参数包括第一图像模糊参数。As a specific example, in the case that the target display content is the first application identifier, and the input is used to open the first application page corresponding to the first application identifier, the image blur parameter corresponding to the input includes the first image blur parameter.

涉及上述步骤120,获取目标显示页面对应的图像模糊参数,包括:Involving the above step 120, obtaining the image blur parameters corresponding to the target display page, including:

获取第一应用标识的第一显示位置;Acquiring the first display position of the first application identifier;

根据显示位置与图像模糊参数的第一关联关系,确定第一显示位置关联的第一图像模糊参数,其中,第一图像模糊参数包括第一运动距离、第一运动速度和第一运动方向。According to the first association relationship between the display position and the image blur parameter, a first image blur parameter associated with the first display position is determined, wherein the first image blur parameter includes a first moving distance, a first moving speed and a first moving direction.

基于图像模糊参数可以确定每帧目标模糊图像的模糊度,例如,第一运动距离用于表示为目标模糊图像由显示起点到显示终点的距离,第一运动速度可以用于表示为目标模糊图像由显示起点到显示终点的速度,第一运动方向可以用于表示为目标模糊图像由显示起点到显示终点的方向。The blur degree of each frame target blur image can be determined based on the image blur parameters. For example, the first motion distance is used to represent the distance from the display start point to the display end point of the target blur image, and the first motion speed can be used to represent the target blur image by The speed from the display start point to the display end point, and the first motion direction may be used to represent the direction of the target blurred image from the display start point to the display end point.

以第一运动距离为例,结合运动距离与模糊度之间的关系,目标显示页面对应的目标模糊图像在第一运动距离的起点和第一运动距离的终点对应的模糊度最低,第一运动距离的中点对应的模糊度最高。Taking the first movement distance as an example, combined with the relationship between the movement distance and the degree of blur, the target blurred image corresponding to the target display page has the lowest blur degree corresponding to the starting point and the end point of the first movement distance, and the first movement distance The midpoint of the distance corresponds to the highest blurriness.

示例性的,第一应用标识例如是应用程序的图标、应用程序的关联控件等等。图2是本申请实施例提供的一种显示界面的示意图,结合图2所示,图2为显示设备当前的显示界面,在显示界面中的显示内容可以包括应用程序的图标、时钟控件、日历控件、天气控件等。可选地,用户可以显示界面中包括的第一应用标识201进行输入,以打开第一应用标识201的应用页面。其中,第一应用标识的第一显示位置例如图2中app11所示的显示位置。Exemplarily, the first application identifier is, for example, an icon of the application, an associated control of the application, and the like. Fig. 2 is a schematic diagram of a display interface provided by the embodiment of the present application. In combination with Fig. 2, Fig. 2 is the current display interface of the display device, and the display content in the display interface may include icons of application programs, clock controls, and calendars controls, weather controls, etc. Optionally, the user may display the first application identifier 201 included in the interface to input, so as to open the application page of the first application identifier 201 . Wherein, the first display position of the first application identifier is, for example, the display position shown by app11 in FIG. 2 .

在一些实施例中,显示位置与图像模糊参数的第一关联关系,可以包括显示界面中每个显示位置对应的图像模糊参数。例如,在确定应用标识的显示位置后,可以根据第一关联关系确定应用标识所在显示位置对应的图像模糊参数,在图像模糊参数中具体包括运动距离、运动速度和运动方向。In some embodiments, the first association relationship between display positions and image blur parameters may include image blur parameters corresponding to each display position in the display interface. For example, after the display position of the application logo is determined, image blur parameters corresponding to the display position of the application logo may be determined according to the first association relationship, and the image blur parameters specifically include movement distance, movement speed and movement direction.

可选地,显示位置与图像模糊参数的第一关联关系可以是预先生成的。在生成显示位置与图像模糊参数的第一关联关系时,可以对应每个应用标识设置一个参考点,通过参考点代表应用标识的显示位置。基于应用标识的参考点和预设参考点的位置关系,确定每个显示位置对应的图像模糊参数。例如,参考点可以为应用标识的中心点,应用标识的中心点到显示界面的中心点距离,可以作为显示位置对应的运动距离,应用标识的中心点到显示界面的中心点的方向,可以作为运动方向。可选地,显示位置对应的运动速度可以设定为固定的运动速度,在此并不具体限定。Optionally, the first association relationship between the display position and the image blur parameter may be pre-generated. When generating the first association relationship between the display position and the image blur parameter, a reference point may be set corresponding to each application identification, and the reference point represents the display position of the application identification. Based on the positional relationship between the reference point identified by the application and the preset reference point, an image blur parameter corresponding to each display position is determined. For example, the reference point can be the center point of the application logo, the distance from the center point of the application logo to the center point of the display interface can be used as the movement distance corresponding to the display position, and the direction from the center point of the application logo to the center point of the display interface can be used as direction of motion. Optionally, the movement speed corresponding to the display position may be set as a fixed movement speed, which is not specifically limited here.

根据本申请实施例,在显示第一应用页面之前,根据显示位置与图像模糊参数的第一关联关系,可以快速确定显示第一应用页面所需的第一图像模糊参数,以便于提高生成模糊图像的效率,进一步提升应用页面显示过程的流畅性。According to the embodiment of the present application, before displaying the first application page, according to the first association relationship between the display position and the image blur parameter, the first image blur parameter required for displaying the first application page can be quickly determined, so as to improve the generation of blurred images. efficiency, and further improve the fluency of the application page display process.

在一些实施例中,涉及上述步骤130,目标显示页面为第一应用页面,第一图像数据为第一应用页面的图像数据。根据图像模糊参数和目标显示页面对应的第一图像数据,生成多帧目标模糊图像,具体可以包括:In some embodiments, referring to the above step 130, the target display page is the first application page, and the first image data is the image data of the first application page. According to the image blur parameters and the first image data corresponding to the target display page, multiple frames of target blur images are generated, which may specifically include:

步骤301,根据运动距离与图像处理参数的第二关联关系,确定第一运动距离关联的第一图像处理参数。Step 301: Determine a first image processing parameter associated with a first moving distance according to a second association relationship between a moving distance and an image processing parameter.

其中,第一图像处理参数包括图像帧数N和每帧目标模糊图像对应的第一模糊度,N为正整数。Wherein, the first image processing parameters include the number of image frames N and the first blurriness corresponding to each frame of the target blurred image, where N is a positive integer.

步骤302,根据第一应用页面的图像数据和每帧目标模糊图像对应的第一模糊度,生成N帧第一模糊图像。Step 302: Generate N frames of first blurred images according to the image data of the first application page and the first blurriness corresponding to each frame of the target blurred image.

步骤303,根据第一运动速度和第一运动方向,调整每帧第一模糊图像的显示面积,得到N帧目标模糊图像。Step 303 , according to the first motion speed and the first motion direction, adjust the display area of each frame of the first blurred image to obtain N frames of the target blurred image.

其中,第n+1帧目标模糊图像的显示面积大于第n帧目标模糊图像的显示面积,1≤n≤n+1≤N。Wherein, the display area of the target blurred image in frame n+1 is greater than the display area of target blurred image in frame n, 1≤n≤n+1≤N.

在本申请实施例中,不同的运动距离可以对应不同的图像处理参数,在图像处理参数中可以包括图像帧数和每帧图像对应的模糊度。可选地,不同运动距离对应的图像帧数可以相同,也可以不同。当不同运动距离对应的图像帧数不同时,图像帧数的数值可以随运动距离的增长而增大,在此并不具体限定。In the embodiment of the present application, different motion distances may correspond to different image processing parameters, and the image processing parameters may include the number of image frames and the blurriness corresponding to each frame of image. Optionally, the number of image frames corresponding to different moving distances may be the same or different. When the number of image frames corresponding to different moving distances is different, the value of the number of image frames may increase with the increase of the moving distance, which is not specifically limited here.

作为一个具体的示例,在生成运动距离与图像处理参数的第二关联关系时,可以将运动距离与模糊度之间的关系设置为满足正态分布的函数关系。具体地,图3是本申请实施例提供的一种运动距离与模糊度之间的关系示意图,结合图3所示,第n帧对应运动过程中的模糊度,第N帧对应运动结束时的模糊度,目标显示页面在运动开始和运动结束时,对应图像的模糊度最低,中间过程的模糊度最高。As a specific example, when generating the second association relationship between the movement distance and the image processing parameters, the relationship between the movement distance and the degree of ambiguity may be set as a function relationship satisfying a normal distribution. Specifically, Fig. 3 is a schematic diagram of the relationship between motion distance and blur degree provided by the embodiment of the present application. As shown in Fig. 3, the nth frame corresponds to the blur degree during the motion process, and the Nth frame corresponds to the Blurness, the blurriness of the target display page is the lowest when the motion starts and ends, and the blurriness of the middle process is the highest.

显示设备在获取到第一显示位置对应的第一图像模糊参数后,可以根据第一图像模糊参数中的第一运动距离,确定第一图像处理参数,以确定需要生成的目标模糊图像的数量,以及每帧目标模糊图像对应的模糊度。接下来,显示设备根据目标显示页面对应的第一图像数据和每帧目标模糊图像对应的模糊度,可以生成N帧第一模糊图像。After the display device acquires the first image blur parameter corresponding to the first display position, it may determine the first image processing parameter according to the first motion distance in the first image blur parameter, so as to determine the number of target blur images to be generated, And the blur degree corresponding to each frame of the target blurred image. Next, the display device can generate N frames of first blurred images according to the first image data corresponding to the target display page and the blurriness corresponding to each frame of the target blurred image.

通常应用标识的显示面积小于应用页面的显示面积,由此第一应用页面的动态显示过程,具体是,N帧图像的显示面积逐帧增大的过程。因此,在本申请实施例中,根据第一运动速度和第一运动方向,调整每帧第一模糊图像的显示面积,得到N帧目标模糊图像。Usually, the display area of the application logo is smaller than the display area of the application page, so the dynamic display process of the first application page, specifically, the process of increasing the display area of N frames of images frame by frame. Therefore, in the embodiment of the present application, according to the first motion speed and the first motion direction, the display area of each frame of the first blurred image is adjusted to obtain N frames of the target blurred image.

示例性的,根据第一运动速度和第一运动方向,可以确定每帧第一模糊图像的显示位置,对应不同的显示位置,第一模糊图像的显示面积不同。可选地,调整后的第一模糊图像为目标模糊图像。示例性的,图4是本申请实施例提供的一种页面显示示意图。示例性的,结合图4(a)中的目标模糊图像401、图4(b)中的目标模糊图像402和图4(c)中的目标模糊图像403所示,在目标显示页面的显示过程中,目标模糊图像的显示面积由小到大。Exemplarily, according to the first motion speed and the first motion direction, the display position of the first blurred image in each frame may be determined. Corresponding to different display positions, the display area of the first blurred image is different. Optionally, the adjusted first blurred image is the target blurred image. Exemplarily, FIG. 4 is a schematic diagram of page display provided by an embodiment of the present application. Exemplarily, in conjunction with the target blurred image 401 in Figure 4(a), the target blurred image 402 in Figure 4(b) and the target blurred image 403 in Figure 4(c), the display process of the target display page In , the display area of the target blurred image increases from small to large.

根据本申请实施例,由于第一图像模糊参数是结合第一应用标识的实际显示位置确定,由此,基于第一应用标识的实际显示位置,可以灵活的调整每帧目标模糊图像对应的模糊度,以及显示面积,从而能够从整体上提高屏幕中显示内容在切换过程的流畅性,避免单一模糊度导致视觉显示效果的流程性低的情况下出现。According to the embodiment of the present application, since the first image blur parameter is determined in conjunction with the actual display position of the first application logo, based on the actual display position of the first application logo, the blur degree corresponding to each frame of the target blur image can be flexibly adjusted , and the display area, so as to improve the smoothness of the switching process of the displayed content on the screen as a whole, and avoid the occurrence of low flow of the visual display effect caused by a single ambiguity.

在一些实施例中,在目标显示内容为第二应用页面,输入用于关闭第二应用页面的情况下,涉及上述步骤120,获取目标显示页面对应的图像模糊参数,具体还可以包括:In some embodiments, when the target display content is the second application page, and the input is used to close the second application page, the above step 120 is involved to obtain the image blur parameter corresponding to the target display page, which may specifically include:

获取第二应用页面对应第二应用标识的第二显示位置;Obtaining a second display position corresponding to the second application identifier on the second application page;

根据显示位置与图像模糊参数的第三关联关系,确定第二显示位置关联的第二图像模糊参数,其中,第二图像模糊参数包括第二运动距离、第二运动速度和第二运动方向。A second image blur parameter associated with the second display position is determined according to a third association relationship between the display position and the image blur parameter, wherein the second image blur parameter includes a second moving distance, a second moving speed, and a second moving direction.

具体地,第二应用页面可以为显示设备中自带应用程序的中的应用页面,可以为第三方应用程序中的应用页面。Specifically, the second application page may be an application page in a built-in application program in the display device, or may be an application page in a third-party application program.

在一些实施例中,在目标显示内容为第二应用页面时,输入例如可以是沿预定方向的滑动输入,也可以是对返回桌面控件的点击输入等,在此并不具体限制。In some embodiments, when the target display content is the second application page, the input may be, for example, a sliding input along a predetermined direction, or a click input on a control to return to the desktop, etc., which is not specifically limited here.

在本申请实施例中,显示位置与图像模糊参数的第三关联关系可以包括显示界面中每个显示位置对应的图像模糊参数。即,每个显示位置可以对应一个运动距离、运动速度和运动方向。其中,第三关联关系可以与本申请实施例提供的第一关联关系相同,也可以不同,在此并不具体限制。In the embodiment of the present application, the third association relationship between the display position and the image blur parameter may include the image blur parameter corresponding to each display position in the display interface. That is, each display position may correspond to a moving distance, moving speed and moving direction. Wherein, the third association relationship may be the same as or different from the first association relationship provided in the embodiment of the present application, which is not specifically limited here.

基于本申请实施例提供的第三关联关系,在确定第二应用页面对应第二应用标识的第二显示位置后,可以快速获得所需的第二图像模糊参数。Based on the third association relationship provided by the embodiment of the present application, after determining the second display position corresponding to the second application identifier on the second application page, the required second image blur parameter can be quickly obtained.

根据本申请实施例,在关闭第二应用页面之前,根据显示位置与图像模糊参数的第三关联关系,可以快速确定生成目标模糊图像所需的第二图像模糊参数,以便于提高生成模糊图像的效率,进一步提升显示屏幕中显示内容切换过程的流畅性。According to the embodiment of the present application, before closing the second application page, according to the third association relationship between the display position and the image blur parameter, the second image blur parameter required to generate the target blur image can be quickly determined, so as to improve the efficiency of generating the blur image. Efficiency, further improving the smoothness of the display content switching process on the display screen.

在一些实施例中,在目标显示页面为第二应用页面,第一图像数据为第二应用页面的图像数据时;涉及上述步骤130,根据图像模糊参数和目标显示页面对应的第一图像数据,生成多帧目标模糊图像,具体可以包括:In some embodiments, when the target display page is the second application page, and the first image data is the image data of the second application page; involving the above step 130, according to the image blur parameter and the first image data corresponding to the target display page, Generate multi-frame target blurred images, which may specifically include:

步骤501,根据预设运动距离与图像处理参数的第二关联关系,确定第二运动距离关联的目标图像处理参数,其中,目标图像处理参数包括图像帧数M和每帧目标模糊图像对应的目标模糊度,M为正整数;Step 501, according to the second association relationship between the preset movement distance and the image processing parameters, determine the target image processing parameters associated with the second movement distance, wherein the target image processing parameters include the number of image frames M and the target corresponding to each frame of the target blurred image Ambiguity, M is a positive integer;

步骤502,根据第二应用页面的图像数据和每帧目标模糊图像对应的目标模糊度,生成M帧第二模糊图像;Step 502, generating M frames of second blurred images according to the image data of the second application page and the target blurriness corresponding to each frame of the target blurred image;

步骤503,根据第二运动速度和第二运动方向,调整每帧第二模糊图像的显示面积,得到M帧目标模糊图像;Step 503, according to the second motion speed and the second motion direction, adjust the display area of each frame of the second blurred image to obtain M frames of the target blurred image;

其中,第m+1帧目标模糊图像的显示面积小于第m帧目标模糊图像的显示面积,1≤m≤m+1≤M。Wherein, the display area of the target blurred image in frame m+1 is smaller than the display area of target blurred image in frame m, 1≤m≤m+1≤M.

具体地,在本申请实施例中,不同的运动距离可以对应不同的图像处理参数,在图像处理参数中可以包括图像帧数和每帧图像对应的模糊度。Specifically, in the embodiment of the present application, different motion distances may correspond to different image processing parameters, and the image processing parameters may include the number of image frames and the blurriness corresponding to each frame of image.

显示设备在获取到第二显示位置对应的第二图像模糊参数后,可以根据第二图像模糊参数中的第二运动距离,确定第二运动距离关联的目标图像处理参数,以获得需要生成的目标模糊图像的数量M,以及每帧目标模糊图像对应的目标模糊度。接下来,显示设备根据每帧目标模糊图像对应的目标模糊度,对第二应用页面的图像数据进行模糊处理,生成M帧第二模糊图像。After the display device acquires the second image blur parameter corresponding to the second display position, it can determine the target image processing parameters associated with the second motion distance according to the second motion distance in the second image blur parameter, so as to obtain the target image that needs to be generated. The number M of blurred images, and the target blur degree corresponding to each frame of the target blurred image. Next, the display device performs blurring processing on the image data of the second application page according to the target blur degree corresponding to each frame of the target blurred image to generate M frames of the second blurred image.

通常应用页面的显示面积大于应用标识的显示面积,第二应用页面的动态关闭过程,具体可以是,M帧图像的显示面积逐帧减小的过程。因此,在本申请实施例中,根据第二运动速度和第二运动方向,调整每帧第二模糊图像的显示面积,得到M帧目标模糊图像。Usually, the display area of the application page is larger than the display area of the application logo, and the dynamic closing process of the second application page may specifically be a process in which the display area of M frames of images decreases frame by frame. Therefore, in the embodiment of the present application, according to the second motion speed and the second motion direction, the display area of each frame of the second blurred image is adjusted to obtain M frames of the target blurred image.

示例性的,根据第二运动速度和第二运动方向,可以确定每帧第二模糊图像的显示位置,对应不同的显示位置,第二模糊图像的显示面积不同。可选地,在第二模糊图的显示面积调整完成后,可以将调整后的第二模糊图像作为目标模糊图像。Exemplarily, according to the second motion speed and the second motion direction, the display position of the second blurred image in each frame may be determined. Corresponding to different display positions, the display area of the second blurred image is different. Optionally, after the adjustment of the display area of the second blurred image is completed, the adjusted second blurred image may be used as the target blurred image.

根据本申请实施例,由于第二图像模糊参数是结合第二应用标识的实际显示位置确定,由此,基于第二应用标识的实际显示位置,可以灵活的调整每帧目标模糊图像对应的模糊度,以及显示面积,从而能够从整体上提高屏幕中显示内容在切换过程的流畅性,避免单一模糊度导致视觉显示效果的流程性低的情况出现。According to the embodiment of the present application, since the second image blur parameter is determined in conjunction with the actual display position of the second application logo, based on the actual display position of the second application logo, the blur degree corresponding to each frame of the target blur image can be flexibly adjusted , as well as the display area, so as to improve the smoothness of the switching process of the displayed content on the screen as a whole, and avoid the low flow of the visual display effect caused by a single ambiguity.

在一些实施例中,输入包括滑动控制输入,在目标显示内容为第三应用页面的部分页面,滑动控制输入用于控制第三应用页面滑动的情况下,控制输入对应图像模糊参数包括第三图像模糊参数,其中,第三应用页面的页面长度大于预设界面长度。涉及上述步骤120,获取第二模糊图图像模糊参数,具体还可以包括:In some embodiments, the input includes sliding control input. When the target display content is a part of the third application page, and the sliding control input is used to control the sliding of the third application page, the image blur parameters corresponding to the control input include the third image Fuzzy parameter, wherein, the page length of the third application page is greater than the preset interface length. Relating to the above step 120, obtaining the image blur parameter of the second blur map may specifically include:

步骤601,获取滑动控制输入对应的滑动速度;Step 601, obtaining the sliding speed corresponding to the sliding control input;

步骤602,根据滑动速度和预设速度转换关系,确定第三应用页面的第三运动速度;Step 602, according to the sliding speed and the preset speed conversion relationship, determine the third movement speed of the third application page;

步骤603,在第三运动速度大于预设速度的情况下,获取滑动控制输入对应的滑动方向和滑动控制输入对应滑动轨迹的滑动距离;Step 603, when the third movement speed is greater than the preset speed, obtain the sliding direction corresponding to the sliding control input and the sliding distance of the sliding track corresponding to the sliding control input;

步骤604,根据滑动控制输入对应的滑动方向,确定第三应用页面的第三运动方向,以及,根据滑动控制输入对应滑动轨迹的滑动距离和预设距离转换关系,确定第三应用页面的第三运动距离。Step 604: Determine the third movement direction of the third application page according to the sliding direction corresponding to the sliding control input, and determine the third movement direction of the third application page according to the conversion relationship between the sliding distance of the sliding track corresponding to the sliding control input and the preset distance. Movement distance.

示例性的,预设界面长度可以根据显示设备中显示屏幕的实际大小确定。当第三应用页面的页面长度大于预设界面长度时,用户可以通过滑动控制输入,调整第三应用页面在屏幕中的显示部分。其中,第三页面例如是通讯录列表页,通讯消息展示页、设置选项页、商品展示页等可滑动显示的页面,在此不一一列举。Exemplarily, the preset interface length may be determined according to the actual size of the display screen in the display device. When the page length of the third application page is greater than the preset interface length, the user can adjust the displayed part of the third application page on the screen by sliding the control input. Wherein, the third page is, for example, an address book list page, a communication message display page, a setting option page, a product display page, and other pages that can be slidably displayed, which are not listed here.

在本申请实施例中,输入可以包括滑动控制输入,可选地,滑动控制输入具体可以是用户通过手指或触控笔在屏幕上连续滑动的输入。滑动控制输入还可以是沿预定方向滑动的控制输入,例如,向上的滑动控制输入、向下的滑动控制输入、向左的滑动控制输入等。用户在输入时,还可以通过双指滑动控制输入、三指滑动控制输入等,在此并不具体限定。滑动控制输入还可以是用户通过对页面控件的输入,即,用户通过对页面控件进行操作,实现控制页面滑动。其中,页面控件例如“下一页”、“上一页”、“最后一页”等等,在此不一一列举。In this embodiment of the present application, the input may include a sliding control input. Optionally, the sliding control input may specifically be an input in which the user continuously slides on the screen with a finger or a stylus. The sliding control input may also be a control input sliding in a predetermined direction, for example, an upward sliding control input, a downward sliding control input, a leftward sliding control input, and the like. When inputting, the user may also use two-finger slide control input, three-finger slide control input, etc., which are not specifically limited here. The sliding control input may also be the user's input through the page control, that is, the user controls the page sliding by operating the page control. Wherein, page controls such as "next page", "previous page", "last page" and so on are not listed here one by one.

由于人眼的视觉特性存在对外界的光刺激存在的延时响应,页面的滑动速度大于一定的速度阈值时,在页面的滑动过程中,人眼无法捕捉到清晰的图像,因此,在本申请实施例预先设定预设速度,在页面的运动速度大于预设速度的情况下,对页面中的显示内容进行模糊处理,以确保流畅性的视觉显示效果。Due to the delayed response to external light stimuli in the visual characteristics of the human eye, when the sliding speed of the page is greater than a certain speed threshold, the human eye cannot capture a clear image during the sliding process of the page. Therefore, in this application In this embodiment, a preset speed is preset, and when the movement speed of the page is greater than the preset speed, the display content in the page is blurred to ensure a smooth visual display effect.

在本申请实施例中,显示设备在接收到滑动控制输入后,根据预设速度转换关系,确定第三应用页面的第三运动速度。可选地,预设速度转换关系可以为预先设定的滑动速度与页面的运动速度的转换关系。例如,预设速度转换关系可以是页面的运动速度为滑动速度的预设倍数,在此并不具体限定。In the embodiment of the present application, after receiving the sliding control input, the display device determines the third movement speed of the third application page according to a preset speed conversion relationship. Optionally, the preset speed conversion relationship may be a preset conversion relationship between sliding speed and page movement speed. For example, the preset speed conversion relationship may be that the movement speed of the page is a preset multiple of the sliding speed, which is not specifically limited here.

在显示设备接收到滑动控制输入时,首先判断滑动控制输入对应的第三运动速度是否大于预设速度。在第三运动速度大于预设速度的情况下,再获取滑动控制输入对应的滑动方向和滑动控制输入对应滑动轨迹的滑动距离。接下来,可以根据滑动控制输入对应的滑动方向,确定第三应用页面的第三运动方向,以及,根据滑动控制输入对应滑动轨迹的滑动距离,确定第三应用页面的第三运动距离。When the display device receives the sliding control input, it first determines whether the third movement speed corresponding to the sliding control input is greater than a preset speed. When the third movement speed is greater than the preset speed, the sliding direction corresponding to the sliding control input and the sliding distance of the sliding track corresponding to the sliding control input are acquired. Next, the third movement direction of the third application page may be determined according to the sliding direction corresponding to the sliding control input, and the third movement distance of the third application page may be determined according to the sliding distance of the sliding track corresponding to the sliding control input.

在一个示例中,以用户通过手指或触控笔在屏幕上连续滑动的输入为例,当滑动方向与屏幕底边所成的夹角满足预设角度范围时,可以确定为第三应用页面的运动方向为向上运动。显示设备在获取到滑动控制输入对应滑动轨迹的滑动距离,结合预设距离转换关系,确定第三应用页面的第三运动距离。可选地,与预设距离转换关系可以为预先设定的滑动距离与页面的运动距离的转换关系。例如,预设距离转换关系可以是页面的运动距离为滑动距离的预设倍数,在此并不具体限定。In one example, taking the input that the user continuously slides on the screen with a finger or a stylus as an example, when the angle formed by the sliding direction and the bottom edge of the screen satisfies the preset angle range, it can be determined as the input of the third application page. The direction of movement is upward movement. After the display device acquires the sliding distance of the sliding track corresponding to the sliding control input, it determines the third movement distance of the third application page in combination with the preset distance conversion relationship. Optionally, the conversion relationship with the preset distance may be a conversion relationship between a preset sliding distance and a page movement distance. For example, the preset distance conversion relationship may be that the moving distance of the page is a preset multiple of the sliding distance, which is not specifically limited here.

在另一示例中,以用户对通过对页面控件的输入控制页面滑动为例,每个页面控件可以关联预设页面运动速度,该预设页面运动速度可以设置为大于预设速度,也可以设置为小于预设速度,在此并不具体限定。可选地,还可以预设置点击页面控件的次数与页面运动速度的关系,例如,当用户连续点击页面控件的次数越高时,对应的滑动速度越快。In another example, taking the user's control of page sliding through the input of the page control as an example, each page control can be associated with a preset page movement speed, and the preset page movement speed can be set to be greater than the preset speed, or can be set to The speed is less than the preset speed, which is not specifically limited here. Optionally, the relationship between the number of times the page control is clicked and the page movement speed can also be preset, for example, the higher the number of times the user continuously clicks the page control, the faster the corresponding sliding speed.

显示设备在确定第三运动速度大于预设速度的情况下,可以获取页面控件关联的预设运动方向和运动距离,并将页面控件关联预设的运动方向作为第三运动方向,将页面控件关联的预设运动距离,确定为第三运动距离。When the display device determines that the third movement speed is greater than the preset speed, it can obtain the preset movement direction and movement distance associated with the page control, and use the preset movement direction associated with the page control as the third movement direction, and associate the page control The preset exercise distance is determined as the third exercise distance.

根据本申请实施例,在控制第三应用页面滑动之前,先获取第三图像模糊参数中点运动速度,并在在第三运动速度大于预设速度的情况下,再获取第三图像模糊参数中的第三运动距离和第三运动方向,以使后模糊处理后得到的目标模糊图像在显示时,能够达到流畅性的视觉显示效果。According to the embodiment of the present application, before controlling the sliding of the third application page, first obtain the motion speed of the midpoint of the third image blur parameter, and then obtain the middle point of the third image blur parameter when the third motion speed is greater than the preset speed The third motion distance and the third motion direction are selected so that the target blurred image obtained after post-blurring processing can achieve a smooth visual display effect when displayed.

在一些实施例中,第一图像数据为第三应用页面的图像数据;涉及上述步骤130,根据图像模糊参数和目标显示内容对应的第一图像数据,生成多帧目标模糊图像,具体还可以包括:In some embodiments, the first image data is the image data of the third application page; involving the above step 130, generating multiple frames of target blurred images according to the image blur parameters and the first image data corresponding to the target display content, which may specifically include :

步骤701,根据运动距离与图像处理参数的第四关联关系,确定第三运动距离关联的第二图像处理参数,其中,第二图像处理参数包括图像帧数Y和每帧目标模糊图像对应的第二模糊度,Y为正整数;Step 701: Determine the second image processing parameter associated with the third moving distance according to the fourth correlation between the moving distance and the image processing parameter, wherein the second image processing parameter includes the number of image frames Y and the number of image frames Y corresponding to each frame of the target blurred image. Two ambiguities, Y is a positive integer;

步骤702,根据第三运动速度和第三运动方向,从第三应用页面的图像数据中获取Y个待模糊处理的第二图像数据;Step 702, according to the third motion speed and the third motion direction, acquire Y pieces of second image data to be blurred from the image data of the third application page;

步骤703,根据每帧目标模糊图像对应的第二模糊度,对每个第二图像数据进行模糊处理,得到Y帧目标模糊图像。Step 703: Perform blurring processing on each second image data according to the second blur degree corresponding to each frame of the target blurred image to obtain Y frames of the target blurred image.

具体地,在本申请实施例中,不同的运动距离可以对应不同的图像处理参数,在图像处理参数中可以包括图像帧数和每帧图像对应的模糊度。可选地,运动距离与图像处理参数的第四关联关系,可以与本申请实施例提供的第二关联关系相同,也可以不同,在此并不具体限制。Specifically, in the embodiment of the present application, different motion distances may correspond to different image processing parameters, and the image processing parameters may include the number of image frames and the blurriness corresponding to each frame of image. Optionally, the fourth association relationship between the movement distance and the image processing parameter may be the same as or different from the second association relationship provided in the embodiment of the present application, which is not specifically limited here.

显示设备在获取到第三运动距离后,可以根据运动距离与模糊参数的第四关联关系,确定第二图像处理参数,以确定需要生成的目标模糊图像的数量Y和每帧目标模糊图像对应的第二模糊度。After acquiring the third movement distance, the display device may determine the second image processing parameter according to the fourth association relationship between the movement distance and the blur parameter, so as to determine the number Y of target blurred images to be generated and the number Y corresponding to each frame of the target blurred image. Second degree of ambiguity.

由于第三应用页面的长度大于预设界面长度,因此,显示设备的屏幕中仅能显示第三应用页面的部分页面,相应的,在第三应用页面的滑动过程中,屏幕中显示的部分页面也在发生改变,因此,需要先结合第三运动速度和第三运动方向确定每帧待模糊处理的第二图像数据,即,生成每帧目标模糊图像所需的图像数据。再根据每帧目标模糊图像对应的第二模糊度,对每个第二图像数据进行模糊处理,以得到Y帧目标模糊图像。示例性的,图5是本申请实施例提供的一种目标模糊图像的示意图,该模糊图像为Y帧模糊图像中的其中一帧模糊图像。当Y帧目标模糊图像连续显示时,可以达到页面内动态滑动的视觉显示效果。Since the length of the third application page is greater than the length of the preset interface, only part of the third application page can be displayed on the screen of the display device. Correspondingly, during the sliding process of the third application page, part of the pages displayed on the screen It is also changing, therefore, it is necessary to determine the second image data to be blurred for each frame in combination with the third motion speed and the third motion direction, that is, to generate the image data required for each frame of the target blurred image. Then, according to the second blur degree corresponding to each frame of target blurred image, blur processing is performed on each second image data to obtain Y frames of target blurred image. Exemplarily, FIG. 5 is a schematic diagram of a target blurred image provided by an embodiment of the present application, and the blurred image is one frame of blurred images in Y frames of blurred images. When the blurred image of the Y frame target is continuously displayed, the visual display effect of dynamic sliding in the page can be achieved.

根据本申请实施例,在第三应用页面滑动的过程中,通过将第三应用页面作为运功主体,对屏幕中显示的每帧图像对应的第二图像数据添加模糊效果,得到目标模糊图像,能够有效减少相邻两个图像帧之间的帧间变化,能够在确保流畅性的视觉效果的同时,减少数据处理量,进而可以减少设备功耗。According to the embodiment of the present application, during the sliding process of the third application page, by using the third application page as the operation subject, adding a blur effect to the second image data corresponding to each frame of image displayed on the screen to obtain the target blurred image, It can effectively reduce the inter-frame variation between two adjacent image frames, and can reduce the amount of data processing while ensuring a smooth visual effect, thereby reducing power consumption of the device.

在一些实施例中,在目标显示内容为第一应用标识,输入用于打开第一应用标识对应第一应用页面显示的情况下,第一顺序为多帧目标模糊图像和目标显示页面依次显示;In some embodiments, when the target display content is the first application identification, and the input is used to open the first application identification corresponding to the display of the first application page, the first order is that multiple frames of target blurred images and target display pages are displayed sequentially;

在目标显示内容为第二应用页面,输入用于关闭第二应用页面关闭的情况下,第一顺序为目标显示页面和多帧目标模糊图像依次显示;In the case that the target display content is the second application page, and the input is used to close the second application page, the first order is that the target display page and the multi-frame target blurred images are sequentially displayed;

在目标显示内容为第三应用页面的部分页面,输入用于控制第三应用页面滑动的情况下,目标显示页面包括第一子页面和第二子页面,第一顺序为第一子页面、多帧目标模糊图像和第二子页面依次显示,其中,第一子页面为第三应用页面滑动开始前显示的部分页面,第二子页面为第三应用页面滑动结束后显示的部分页面。In the case where the target display content is a part of the third application page, and the input is used to control the sliding of the third application page, the target display page includes the first subpage and the second subpage, and the first order is the first subpage, the multipage The blurred image of the frame target and the second subpage are displayed in sequence, wherein the first subpage is a part of the page displayed before the sliding of the third application page starts, and the second subpage is a part of the page displayed after the sliding of the third application page ends.

根据本申请实施例,通过根据第一顺序,显示多帧目标模糊图像和目标显示页面,使屏幕中的显示内容实现动态变化的实际显示效果。其中,由于人眼的视觉特性存在对外界的光刺激存在的延时响应,因此,在多帧模糊图像连续显示时,可以实现动态且流畅的视觉显示效果,有效减少了显示屏幕硬件配置的限制,有效提高低帧率显示设备的视觉显示效果的流畅性,使得低帧率显示设备能够产生与高帧率显示设备的一致的视觉显示效果。According to the embodiment of the present application, by displaying multiple frames of blurred images of the target and the target display page according to the first order, the display content on the screen can achieve an actual display effect of dynamic changes. Among them, due to the delayed response of the visual characteristics of the human eye to external light stimuli, when multiple frames of fuzzy images are continuously displayed, a dynamic and smooth visual display effect can be achieved, which effectively reduces the limitations of the display screen hardware configuration. , effectively improving the fluency of the visual display effect of the low frame rate display device, so that the low frame rate display device can produce the same visual display effect as that of the high frame rate display device.

本申请实施例提供的页面显示方法,执行主体可以为页面显示装置。本申请实施例中以页面显示装置执行页面显示方法为例,说明本申请实施例提供的页面显示装置。The page display method provided in the embodiment of the present application may be executed by a page display device. In the embodiment of the present application, the page display device provided in the embodiment of the present application is described by taking the page display device executing the page display method as an example.

图6是本申请实施例提供的一种页面显示装置的结构示意图,结合图6所示,页面显示装置包括:接收模块610、获取模块620、处理模块630和显示模块640。FIG. 6 is a schematic structural diagram of a page display device provided by an embodiment of the present application. Referring to FIG. 6 , the page display device includes: a receiving module 610 , an acquisition module 620 , a processing module 630 and a display module 640 .

接收模块610,用于接收用户对显示界面中目标显示内容的输入;A receiving module 610, configured to receive user input on the target display content in the display interface;

获取模块620,用于响应于输入,获取目标显示内容相关的目标显示页面对应的第一图像数据,以及获取目标显示页面对应的图像模糊参数;The acquiring module 620 is configured to acquire the first image data corresponding to the target display page related to the target display content in response to the input, and acquire the image blur parameter corresponding to the target display page;

处理模块630,用于根据图像模糊参数和目标显示页面对应的第一图像数据,生成多帧目标模糊图像;A processing module 630, configured to generate multiple frames of target blurred images according to the image blur parameters and the first image data corresponding to the target display page;

显示模块640,用于根据第一顺序,显示多帧目标模糊图像和目标显示页面。The display module 640 is configured to display multiple frames of target blurred images and target display pages according to the first sequence.

在本申请实施例中,显示设备在接收到用户对目标对象的输入后,通过结合目标显示页面对应的第一图像数据,生成多帧模糊图像,并根据第一顺序,显示多帧目标模糊图像和目标显示页面,使屏幕中的显示内容的实现动态变化的显示效果。其中,由于人眼的视觉特性存在对外界的光刺激存在的延时响应,因此,在多帧模糊图像连续显示时,可以实现动态且流畅的视觉显示效果,有效减少了显示屏幕硬件配置的限制。In the embodiment of the present application, after receiving the user's input on the target object, the display device generates multiple frames of blurred images by combining the first image data corresponding to the target display page, and displays multiple frames of target blurred images according to the first order and the target display page, so that the display content in the screen can realize the display effect of dynamic change. Among them, due to the delayed response of the visual characteristics of the human eye to external light stimuli, when multiple frames of fuzzy images are continuously displayed, a dynamic and smooth visual display effect can be achieved, which effectively reduces the limitations of the display screen hardware configuration. .

在一些实施例中,在目标显示内容为第一应用标识,输入用于打开第一应用标识对应的第一应用页面的情况下,输入对应的图像模糊参数包括第一图像模糊参数;In some embodiments, when the target display content is the first application identifier, and the input is used to open the first application page corresponding to the first application identifier, the image blur parameter corresponding to the input includes the first image blur parameter;

获取模块620,还用于获取第一应用标识的第一显示位置;The acquiring module 620 is further configured to acquire the first display position of the first application identifier;

处理模块630,还用于根据显示位置与图像模糊参数的第一关联关系,确定第一显示位置关联的第一图像模糊参数,其中,第一图像模糊参数包括第一运动距离、第一运动速度和第一运动方向。The processing module 630 is further configured to determine a first image blur parameter associated with the first display position according to the first association relationship between the display position and the image blur parameter, wherein the first image blur parameter includes a first moving distance, a first moving speed and the first direction of motion.

根据本申请实施例,在显示第一应用页面之前,根据显示位置与图像模糊参数的第一关联关系,可以快速确定显示第一应用页面所需的第一图像模糊参数,以便于提高生成模糊图像的效率,进一步提升应用页面显示过程的流畅性。According to the embodiment of the present application, before displaying the first application page, according to the first association relationship between the display position and the image blur parameter, the first image blur parameter required for displaying the first application page can be quickly determined, so as to improve the generation of blurred images. efficiency, and further improve the fluency of the application page display process.

在一些实施例中,目标显示页面为第一应用页面,第一图像数据为第一应用页面的图像数据;In some embodiments, the target display page is the first application page, and the first image data is the image data of the first application page;

处理模块630,还用于根据运动距离与图像处理参数的第二关联关系,确定第一运动距离关联的第一图像处理参数,其中,第一图像处理参数包括图像帧数N和每帧目标模糊图像对应的第一模糊度,N为正整数;The processing module 630 is further configured to determine the first image processing parameters associated with the first moving distance according to the second association relationship between the moving distance and the image processing parameters, wherein the first image processing parameters include the number of image frames N and the target blur per frame The first blur degree corresponding to the image, N is a positive integer;

处理模块630,还用于根据第一应用页面的图像数据和每帧目标模糊图像对应的第一模糊度,生成N帧第一模糊图像;The processing module 630 is further configured to generate N frames of first blurred images according to the image data of the first application page and the first blurriness corresponding to each frame of the target blurred image;

处理模块630,还用于根据第一运动速度和第一运动方向,调整每帧第一模糊图像的显示面积,得到N帧目标模糊图像;The processing module 630 is further configured to adjust the display area of each frame of the first blurred image according to the first motion speed and the first motion direction to obtain N frames of the target blurred image;

其中,第n+1帧目标模糊图像的显示面积大于第n帧目标模糊图像的显示面积,1≤n≤n+1≤N。Wherein, the display area of the target blurred image in frame n+1 is greater than the display area of target blurred image in frame n, 1≤n≤n+1≤N.

根据本申请实施例,由于第一图像模糊参数是结合第一应用标识的实际显示位置确定,由此,基于第一应用标识的实际显示位置,可以灵活的调整每帧目标模糊图像对应的模糊度,以及显示面积,从而能够从整体上提高屏幕中显示内容在切换过程的流畅性,避免单一模糊度导致视觉显示效果的流程性低的情况下出现。According to the embodiment of the present application, since the first image blur parameter is determined in conjunction with the actual display position of the first application logo, based on the actual display position of the first application logo, the blur degree corresponding to each frame of the target blur image can be flexibly adjusted , and the display area, so as to improve the smoothness of the switching process of the displayed content on the screen as a whole, and avoid the occurrence of low flow of the visual display effect caused by a single ambiguity.

在一些实施例中,在目标显示内容为第二应用页面,输入用于关闭第二应用页面的情况下,输入对应图像模糊参数包括第二图像模糊参数;In some embodiments, when the target display content is the second application page, and the input is used to close the second application page, the input corresponding image blur parameter includes the second image blur parameter;

获取模块620,还用于获取第二应用页面对应的第二应用标识的第二显示位置;The acquiring module 620 is further configured to acquire the second display position of the second application identifier corresponding to the second application page;

处理模块630,还用于根据显示位置与图像模糊参数的第三关联关系,确定第二显示位置关联的第二图像模糊参数,其中,第二图像模糊参数包括第二运动距离、第二运动速度和第二运动方向。The processing module 630 is further configured to determine a second image blur parameter associated with the second display position according to a third association relationship between the display position and the image blur parameter, wherein the second image blur parameter includes a second moving distance and a second moving speed and the second direction of motion.

根据本申请实施例,由于第二图像模糊参数是结合第二应用标识的实际显示位置确定,由此,基于第二应用标识的实际显示位置,可以灵活的调整每帧目标模糊图像对应的模糊度以及显示面积,从而能够从整体上提高屏幕中显示内容在切换过程的流畅性,避免单一模糊度导致视觉显示效果的流程性低的情况出现。According to the embodiment of the present application, since the second image blur parameter is determined in conjunction with the actual display position of the second application logo, based on the actual display position of the second application logo, the blur degree corresponding to each frame of the target blur image can be flexibly adjusted And the display area, so as to improve the smoothness of the switching process of the displayed content on the screen as a whole, and avoid the situation that the flow of the visual display effect is low due to a single ambiguity.

在一些实施例中,输入包括滑动控制输入,在目标显示内容为第三应用页面的部分页面,滑动控制输入用于控制第三应用页面滑动的情况下,输入对应图像模糊参数包括第三图像模糊参数,其中,第三应用页面的页面长度大于预设界面长度;In some embodiments, the input includes sliding control input. When the target display content is a part of the third application page, and the sliding control input is used to control the sliding of the third application page, the input corresponding image blur parameter includes the third image blur parameters, wherein, the page length of the third application page is greater than the preset interface length;

获取模块620,还用于获取滑动控制输入对应的滑动速度;The obtaining module 620 is also used to obtain the sliding speed corresponding to the sliding control input;

处理模块630,还用于根据滑动速度和预设速度转换关系,确定第三应用页面的第三运动速度;The processing module 630 is further configured to determine a third movement speed of the third application page according to the sliding speed and the preset speed conversion relationship;

获取模块620,还用于在第三运动速度大于预设速度的情况下,获取滑动控制输入对应的滑动方向和滑动控制输入对应滑动轨迹的滑动距离;The obtaining module 620 is further configured to obtain the sliding direction corresponding to the sliding control input and the sliding distance of the sliding track corresponding to the sliding control input when the third movement speed is greater than the preset speed;

处理模块630,还用于根据滑动控制输入对应的滑动方向,确定第三应用页面的第三运动方向,以及,根据滑动控制输入对应滑动轨迹的滑动距离和预设距离转换关系,确定第三应用页面的第三运动距离。The processing module 630 is further configured to determine the third motion direction of the third application page according to the sliding direction corresponding to the sliding control input, and determine the third application page according to the conversion relationship between the sliding distance of the sliding track corresponding to the sliding control input and the preset distance. The third motion distance of the page.

根据本申请实施例,在控制第三应用页面滑动之前,先获取第三图像模糊参数中点运动速度,并在在第三运动速度大于预设速度的情况下,再获取第三图像模糊参数中的第三运动距离和第三运动方向,以使后模糊处理后得到的目标模糊图像在显示时,能够达到流畅性的视觉显示效果。According to the embodiment of the present application, before controlling the sliding of the third application page, first obtain the motion speed of the midpoint of the third image blur parameter, and then obtain the middle point of the third image blur parameter when the third motion speed is greater than the preset speed The third motion distance and the third motion direction are selected so that the target blurred image obtained after post-blurring processing can achieve a smooth visual display effect when displayed.

在一些实施例中,第一图像数据为第三应用页面的图像数据;In some embodiments, the first image data is the image data of the third application page;

处理模块630,还用于根据运动距离与图像处理参数的第四关联关系,确定第三运动距离关联的第二图像处理参数,其中,第二图像处理参数包括图像帧数Y和每帧目标模糊图像对应的第二模糊度,Y为正整数;The processing module 630 is further configured to determine the second image processing parameters associated with the third moving distance according to the fourth association relationship between the moving distance and the image processing parameters, wherein the second image processing parameters include the number of image frames Y and the target blur per frame The second blur degree corresponding to the image, Y is a positive integer;

处理模块630,还用于根据第三运动速度和第三运动方向,从第三应用页面的图像数据中获取Y个待模糊处理的第二图像数据;The processing module 630 is further configured to acquire Y pieces of second image data to be blurred from the image data of the third application page according to the third motion speed and the third motion direction;

处理模块630,还用于根据每帧目标模糊图像对应的第二模糊度,对每个第二图像数据进行模糊处理,得到Y帧目标模糊图像。The processing module 630 is further configured to perform blur processing on each second image data according to the second blur degree corresponding to each frame of the target blurred image, to obtain Y frames of the target blurred image.

根据本申请实施例,在第三应用页面滑动的过程中,通过将第三应用页面作为运功主体,对屏幕中显示的每帧图像对应的第二图像数据添加模糊效果,得到目标模糊图像,能够有效减少相邻两个图像帧之间的帧间变化,能够在确保流畅性的视觉效果的同时,减少数据处理量,进而可以减少设备功耗。According to the embodiment of the present application, during the sliding process of the third application page, by using the third application page as the operation subject, adding a blur effect to the second image data corresponding to each frame of image displayed on the screen to obtain the target blurred image, It can effectively reduce the inter-frame variation between two adjacent image frames, and can reduce the amount of data processing while ensuring a smooth visual effect, thereby reducing power consumption of the device.

在一些实施例中,在目标显示内容为第一应用标识,输入用于打开第一应用标识对应的第一应用页面的情况下,第一顺序为多帧目标模糊图像和目标显示页面依次显示;In some embodiments, when the target display content is the first application identifier, and the input is used to open the first application page corresponding to the first application identifier, the first order is that multiple frames of target blurred images and the target display page are displayed sequentially;

在目标显示内容为第二应用页面,输入用于关闭第二应用页面的情况下,第一顺序为目标显示页面和多帧目标模糊图像依次显示;In the case that the target display content is the second application page, and the input is used to close the second application page, the first order is that the target display page and the multi-frame target blurred images are sequentially displayed;

在目标显示内容为第三应用页面的部分页面,输入用于控制第三应用页面滑动的情况下,目标显示页面包括第一子页面和第二子页面,第一顺序为第一子页面、多帧目标模糊图像和第二子页面依次显示,其中,第一子页面为第三应用页面滑动开始前显示的部分页面,第二子页面为第三应用页面滑动结束后显示的部分页面。In the case where the target display content is a part of the third application page, and the input is used to control the sliding of the third application page, the target display page includes the first subpage and the second subpage, and the first order is the first subpage, the multipage The blurred image of the frame target and the second subpage are displayed in sequence, wherein the first subpage is a part of the page displayed before the sliding of the third application page starts, and the second subpage is a part of the page displayed after the sliding of the third application page ends.

根据本申请实施例,通过根据第一顺序,显示多帧目标模糊图像和目标显示页面,使屏幕中的显示内容实现动态变化的实际显示效果。其中,由于人眼的视觉特性存在对外界的光刺激存在的延时响应,因此,在多帧模糊图像连续显示时,可以实现动态且流畅的视觉显示效果,有效减少了显示屏幕硬件配置的限制,有效提高低帧率显示设备的视觉显示效果的流畅性,使得低帧率显示设备能够产生与高帧率显示设备的一致的视觉显示效果。According to the embodiment of the present application, by displaying multiple frames of blurred images of the target and the target display page according to the first order, the display content on the screen can achieve an actual display effect of dynamic changes. Among them, due to the delayed response of the visual characteristics of the human eye to external light stimuli, when multiple frames of fuzzy images are continuously displayed, a dynamic and smooth visual display effect can be achieved, which effectively reduces the limitations of the display screen hardware configuration. , effectively improving the fluency of the visual display effect of the low frame rate display device, so that the low frame rate display device can produce the same visual display effect as that of the high frame rate display device.

本申请实施例中的页面显示装置可以是电子设备,也可以是电子设备中的部件,例如集成电路或芯片。该电子设备可以是终端,也可以为除终端之外的其他设备。示例性的,电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、移动上网装置(Mobile Internet Device,MID)、增强现实(augmented reality,AR)/虚拟现实(virtualreality,VR)设备、机器人、可穿戴设备、超级移动个人计算机(ultra-mobile personalcomputer,UMPC)、上网本或者个人数字助理(personal digital assistant,PDA)等,还可以为服务器、网络附属存储器(Network Attached Storage,NAS)、个人计算机(personalcomputer,PC)、电视机(television,TV)、柜员机或者自助机等,本申请实施例不作具体限定。The page display apparatus in the embodiment of the present application may be an electronic device, or may be a component in the electronic device, such as an integrated circuit or a chip. The electronic device may be a terminal, or other devices other than the terminal. Exemplarily, the electronic device may be a mobile phone, a tablet computer, a notebook computer, a handheld computer, a vehicle electronic device, a mobile Internet device (Mobile Internet Device, MID), an augmented reality (augmented reality, AR)/virtual reality (virtual reality, VR) device, robot, wearable device, ultra-mobile personal computer (ultra-mobile personalcomputer, UMPC), netbook or personal digital assistant (personal digital assistant, PDA), etc., and can also be a server, network attached storage (Network Attached Storage, NAS) , a personal computer (personal computer, PC), a television (television, TV), a teller machine or a self-service machine, etc., which are not specifically limited in this embodiment of the present application.

本申请实施例中的页面显示装置可以为具有操作系统的装置。该操作系统可以为安卓(Android)操作系统,可以为ios操作系统,还可以为其他可能的操作系统,本申请实施例不作具体限定。The page display device in the embodiment of the present application may be a device with an operating system. The operating system may be an Android (Android) operating system, an ios operating system, or other possible operating systems, which are not specifically limited in this embodiment of the present application.

本申请实施例提供的页面显示装置能够实现图1至图5的方法实施例实现的各个过程,为避免重复,这里不再赘述。The page display device provided by the embodiment of the present application can realize various processes realized by the method embodiments in FIG. 1 to FIG. 5 , and details are not repeated here to avoid repetition.

可选地,如图7所示,本申请实施例还提供一种电子设备700,包括处理器701和存储器702,存储器702上存储有可在所述处理器701上运行的程序或指令,该程序或指令被处理器701执行时实现上述页面显示方法实施例的各个步骤,且能达到相同的技术效果,为避免重复,这里不再赘述。Optionally, as shown in FIG. 7 , the embodiment of the present application also provides an electronic device 700, including a processor 701 and a memory 702, and the memory 702 stores programs or instructions that can run on the processor 701, the When the programs or instructions are executed by the processor 701, the steps of the above embodiments of the page display method can be realized, and the same technical effect can be achieved. To avoid repetition, details are not repeated here.

需要说明的是,本申请实施例中的电子设备包括上述所述的移动电子设备和非移动电子设备。It should be noted that the electronic devices in the embodiments of the present application include the above-mentioned mobile electronic devices and non-mobile electronic devices.

图8为实现本申请实施例的一种电子设备的硬件结构示意图。FIG. 8 is a schematic diagram of a hardware structure of an electronic device implementing an embodiment of the present application.

该电子设备800包括但不限于:射频单元801、网络模块802、音频输出单元803、输入单元804、传感器805、显示单元806、用户输入单元807、接口单元808、存储器809、以及处理器810等部件。The electronic device 800 includes, but is not limited to: a radio frequency unit 801, a network module 802, an audio output unit 803, an input unit 804, a sensor 805, a display unit 806, a user input unit 807, an interface unit 808, a memory 809, and a processor 810, etc. part.

本领域技术人员可以理解,电子设备800还可以包括给各个部件供电的电源(比如电池),电源可以通过电源管理系统与处理器810逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。图8中示出的电子设备结构并不构成对电子设备的限定,电子设备可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置,在此不再赘述。Those skilled in the art can understand that the electronic device 800 can also include a power supply (such as a battery) for supplying power to various components, and the power supply can be logically connected to the processor 810 through the power management system, so that the management of charging, discharging, and function can be realized through the power management system. Consumption management and other functions. The structure of the electronic device shown in FIG. 8 does not constitute a limitation to the electronic device. The electronic device may include more or fewer components than shown in the figure, or combine some components, or arrange different components, and details will not be repeated here. .

输入单元804,用于接收用户对显示界面中目标显示内容的输入;An input unit 804, configured to receive user input on the target display content in the display interface;

处理器810,用于响应于输入,获取目标显示内容相关的目标显示页面对应的第一图像数据,以及获取目标显示页面对应的图像模糊参数;The processor 810 is configured to, in response to the input, acquire first image data corresponding to a target display page related to the target display content, and acquire image blur parameters corresponding to the target display page;

处理器810,用于根据图像模糊参数和目标显示页面对应的第一图像数据,生成多帧目标模糊图像;The processor 810 is configured to generate multiple frames of target blurred images according to the image blur parameters and the first image data corresponding to the target display page;

显示单元806,用于根据第一顺序,显示多帧目标模糊图像和目标显示页面。The display unit 806 is configured to display multiple frames of target blurred images and target display pages according to the first order.

在本申请实施例中,显示设备在接收到用户对目标对象的输入后,通过结合目标显示页面对应的第一图像数据,生成多帧模糊图像,并根据第一顺序,显示多帧目标模糊图像和目标显示页面,使屏幕中的显示内容的实现动态变化的显示效果。其中,由于人眼的视觉特性存在对外界的光刺激存在的延时响应,因此,在多帧模糊图像连续显示时,可以实现动态且流畅的视觉显示效果,有效减少了显示屏幕硬件配置的限制。In the embodiment of the present application, after receiving the user's input on the target object, the display device generates multiple frames of blurred images by combining the first image data corresponding to the target display page, and displays multiple frames of target blurred images according to the first order and the target display page, so that the display content in the screen can realize the display effect of dynamic change. Among them, due to the delayed response of the visual characteristics of the human eye to external light stimuli, when multiple frames of fuzzy images are continuously displayed, a dynamic and smooth visual display effect can be achieved, which effectively reduces the limitations of the display screen hardware configuration. .

在一些实施例中,在目标显示内容为第一应用标识,输入用于打开第一应用标识对应的第一应用页面的情况下,输入对应的图像模糊参数包括第一图像模糊参数;In some embodiments, when the target display content is the first application identifier, and the input is used to open the first application page corresponding to the first application identifier, the image blur parameter corresponding to the input includes the first image blur parameter;

处理器810,还用于获取第一应用标识的第一显示位置;The processor 810 is further configured to acquire a first display position of the first application identifier;

处理器810,还用于根据显示位置与图像模糊参数的第一关联关系,确定第一显示位置关联的第一图像模糊参数,其中,第一图像模糊参数包括第一运动距离、第一运动速度和第一运动方向。The processor 810 is further configured to determine a first image blur parameter associated with the first display position according to the first association relationship between the display position and the image blur parameter, wherein the first image blur parameter includes a first moving distance, a first moving speed and the first direction of motion.

根据本申请实施例,在显示第一应用页面之前,根据显示位置与图像模糊参数的第一关联关系,可以快速确定显示第一应用页面所需的第一图像模糊参数,以便于提高生成模糊图像的效率,进一步提升应用页面显示过程的流畅性。According to the embodiment of the present application, before displaying the first application page, according to the first association relationship between the display position and the image blur parameter, the first image blur parameter required for displaying the first application page can be quickly determined, so as to improve the generation of blurred images. efficiency, and further improve the fluency of the application page display process.

在一些实施例中,目标显示页面为第一应用页面,第一图像数据为第一应用页面的图像数据;In some embodiments, the target display page is the first application page, and the first image data is the image data of the first application page;

处理器810,还用于根据运动距离与图像处理参数的第二关联关系,确定第一运动距离关联的第一图像处理参数,其中,第一图像处理参数包括图像帧数N和每帧目标模糊图像对应的第一模糊度,N为正整数;The processor 810 is further configured to determine a first image processing parameter associated with the first moving distance according to the second association relationship between the moving distance and the image processing parameter, wherein the first image processing parameter includes the number of image frames N and the target blur per frame The first blur degree corresponding to the image, N is a positive integer;

处理器810,还用于根据第一应用页面的图像数据和每帧目标模糊图像对应的第一模糊度,生成N帧第一模糊图像;The processor 810 is further configured to generate N frames of first blurred images according to the image data of the first application page and the first blurriness corresponding to each frame of the target blurred image;

处理器810,还用于根据第一运动速度和第一运动方向,调整每帧第一模糊图像的显示面积,得到N帧目标模糊图像;The processor 810 is further configured to adjust the display area of each frame of the first blurred image according to the first motion speed and the first motion direction to obtain N frames of the target blurred image;

其中,第n+1帧目标模糊图像的显示面积大于第n帧目标模糊图像的显示面积,1≤n≤n+1≤N。Wherein, the display area of the target blurred image in frame n+1 is greater than the display area of target blurred image in frame n, 1≤n≤n+1≤N.

根据本申请实施例,由于第一图像模糊参数是结合第一应用标识的实际显示位置确定,由此,基于第一应用标识的实际显示位置,可以灵活的调整每帧目标模糊图像对应的模糊度,以及显示面积,从而能够从整体上提高屏幕中显示内容在切换过程的流畅性,避免单一模糊度导致视觉显示效果的流程性低的情况下出现。According to the embodiment of the present application, since the first image blur parameter is determined in conjunction with the actual display position of the first application logo, based on the actual display position of the first application logo, the blur degree corresponding to each frame of the target blur image can be flexibly adjusted , and the display area, so as to improve the smoothness of the switching process of the displayed content on the screen as a whole, and avoid the occurrence of low flow of the visual display effect caused by a single ambiguity.

在一些实施例中,在目标显示内容为第二应用页面,输入用于关闭第二应用页面的情况下,输入对应图像模糊参数包括第二图像模糊参数;In some embodiments, when the target display content is the second application page, and the input is used to close the second application page, the input corresponding image blur parameter includes the second image blur parameter;

处理器810,还用于获取第二应用页面对应的第二应用标识的第二显示位置;The processor 810 is further configured to acquire a second display position of a second application identifier corresponding to the second application page;

处理器810,还用于根据显示位置与图像模糊参数的第三关联关系,确定第二显示位置关联的第二图像模糊参数,其中,第二图像模糊参数包括第二运动距离、第二运动速度和第二运动方向。The processor 810 is further configured to determine a second image blur parameter associated with the second display position according to a third association relationship between the display position and the image blur parameter, wherein the second image blur parameter includes a second moving distance and a second moving speed and the second direction of motion.

根据本申请实施例,由于第二图像模糊参数是结合第二应用标识的实际显示位置确定,由此,基于第二应用标识的实际显示位置,可以灵活的调整每帧目标模糊图像对应的模糊度,以及显示面积,从而能够从整体上提高屏幕中显示内容在切换过程的流畅性,避免单一模糊度导致视觉显示效果的流程性低的情况出现。According to the embodiment of the present application, since the second image blur parameter is determined in conjunction with the actual display position of the second application logo, based on the actual display position of the second application logo, the blur degree corresponding to each frame of the target blur image can be flexibly adjusted , as well as the display area, so as to improve the smoothness of the switching process of the displayed content on the screen as a whole, and avoid the low flow of the visual display effect caused by a single ambiguity.

在一些实施例中,输入包括滑动控制输入,在目标显示内容为第三应用页面的部分页面,滑动控制输入用于控制第三应用页面滑动的情况下,输入对应图像模糊参数包括第三图像模糊参数,其中,第三应用页面的页面长度大于预设界面长度;In some embodiments, the input includes sliding control input. When the target display content is a part of the third application page, and the sliding control input is used to control the sliding of the third application page, the input corresponding image blur parameter includes the third image blur parameters, wherein, the page length of the third application page is greater than the preset interface length;

处理器810,还用于获取滑动控制输入对应的滑动速度;The processor 810 is further configured to obtain a sliding speed corresponding to the sliding control input;

处理器810,还用于根据滑动速度和预设速度转换关系,确定第三应用页面的第三运动速度;The processor 810 is further configured to determine a third movement speed of the third application page according to the sliding speed and the preset speed conversion relationship;

处理器810,还用于在第三运动速度大于预设速度的情况下,获取滑动控制输入对应的滑动方向和滑动控制输入对应滑动轨迹的滑动距离;The processor 810 is further configured to obtain the sliding direction corresponding to the sliding control input and the sliding distance of the sliding track corresponding to the sliding control input when the third movement speed is greater than the preset speed;

处理器810,还用于根据滑动控制输入对应的滑动方向,确定第三应用页面的第三运动方向,以及,根据滑动控制输入对应滑动轨迹的滑动距离和预设距离转换关系,确定第三应用页面的第三运动距离。The processor 810 is further configured to determine the third motion direction of the third application page according to the sliding direction corresponding to the sliding control input, and determine the third application page according to the conversion relationship between the sliding distance of the sliding track corresponding to the sliding control input and the preset distance. The third motion distance of the page.

根据本申请实施例,在控制第三应用页面滑动之前,先获取第三图像模糊参数中点运动速度,并在在第三运动速度大于预设速度的情况下,再获取第三图像模糊参数中的第三运动距离和第三运动方向,以使后模糊处理后得到的目标模糊图像在显示时,能够达到流畅性的视觉显示效果。According to the embodiment of the present application, before controlling the sliding of the third application page, first obtain the motion speed of the midpoint of the third image blur parameter, and then obtain the middle point of the third image blur parameter when the third motion speed is greater than the preset speed The third motion distance and the third motion direction are selected so that the target blurred image obtained after post-blurring processing can achieve a smooth visual display effect when displayed.

在一些实施例中,第一图像数据为第三应用页面的图像数据;In some embodiments, the first image data is the image data of the third application page;

处理器810,还用于根据运动距离与图像处理参数的第四关联关系,确定第三运动距离关联的第二图像处理参数,其中,第二图像处理参数包括图像帧数Y和每帧目标模糊图像对应的第二模糊度,Y为正整数;The processor 810 is further configured to determine a second image processing parameter associated with the third moving distance according to a fourth association relationship between the moving distance and the image processing parameter, wherein the second image processing parameter includes the number of image frames Y and the target blur per frame The second blur degree corresponding to the image, Y is a positive integer;

处理器810,还用于根据第三运动速度和第三运动方向,从第三应用页面的图像数据中获取Y个待模糊处理的第二图像数据;The processor 810 is further configured to acquire Y pieces of second image data to be blurred from the image data of the third application page according to the third motion speed and the third motion direction;

处理器810,还用于根据每帧目标模糊图像对应的第二模糊度,对每个第二图像数据进行模糊处理,得到Y帧目标模糊图像。The processor 810 is further configured to perform blur processing on each second image data according to the second blur degree corresponding to each frame of the target blurred image, to obtain Y frames of the target blurred image.

根据本申请实施例,在第三应用页面滑动的过程中,通过将第三应用页面作为运功主体,对屏幕中显示的每帧图像对应的第二图像数据添加模糊效果,得到目标模糊图像,能够有效减少相邻两个图像帧之间的帧间变化,能够在确保流畅性的视觉效果的同时,减少数据处理量,进而可以减少设备功耗。According to the embodiment of the present application, during the sliding process of the third application page, by using the third application page as the operation subject, adding a blur effect to the second image data corresponding to each frame of image displayed on the screen to obtain the target blurred image, It can effectively reduce the inter-frame variation between two adjacent image frames, and can reduce the amount of data processing while ensuring a smooth visual effect, thereby reducing power consumption of the device.

根据本申请实施例,通过根据第一顺序,显示多帧目标模糊图像和目标显示页面,使屏幕中的显示内容实现动态变化的实际显示效果。其中,由于人眼的视觉特性存在对外界的光刺激存在的延时响应,因此,在多帧模糊图像连续显示时,可以实现动态且流畅的视觉显示效果,有效减少了显示屏幕硬件配置的限制,有效提高低帧率显示设备的视觉显示效果的流畅性,使得低帧率显示设备能够产生与高帧率显示设备的一致的视觉显示效果。According to the embodiment of the present application, by displaying multiple frames of blurred images of the target and the target display page according to the first order, the display content on the screen can achieve an actual display effect of dynamic changes. Among them, due to the delayed response of the visual characteristics of the human eye to external light stimuli, when multiple frames of fuzzy images are continuously displayed, a dynamic and smooth visual display effect can be achieved, which effectively reduces the limitations of the display screen hardware configuration. , effectively improving the fluency of the visual display effect of the low frame rate display device, so that the low frame rate display device can produce the same visual display effect as that of the high frame rate display device.

应理解的是,本申请实施例中,输入单元804可以包括图形处理器(GraphicsProcessing Unit,GPU)8041和麦克风8042,图形处理器8041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。显示单元806可包括显示面板8061,可以采用液晶显示器、有机发光二极管等形式来配置显示面板8061。用户输入单元807包括触控面板8071以及其他输入设备8072中的至少一种。触控面板8071,也称为触摸屏。触控面板8071可包括触摸检测装置和触摸控制器两个部分。其他输入设备8072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆,在此不再赘述。It should be understood that, in the embodiment of the present application, the input unit 804 may include a graphics processor (Graphics Processing Unit, GPU) 8041 and a microphone 8042, and the graphics processor 8041 is compatible with the image capture device (such as Camera) to process the image data of still pictures or videos. The display unit 806 may include a display panel 8061, and the display panel 8061 may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like. The user input unit 807 includes at least one of a touch panel 8071 and other input devices 8072 . The touch panel 8071 is also called a touch screen. The touch panel 8071 may include two parts, a touch detection device and a touch controller. Other input devices 8072 may include, but are not limited to, physical keyboards, function keys (such as volume control buttons, switch buttons, etc.), trackballs, mice, and joysticks, which will not be repeated here.

存储器809可用于存储软件程序以及各种数据。存储器809可主要包括存储程序或指令的第一存储区和存储数据的第二存储区,其中,第一存储区可存储操作系统、至少一个功能所需的应用程序或指令(比如声音播放功能、图像播放功能等)等。此外,存储器809可以包括易失性存储器或非易失性存储器,或者,存储器809可以包括易失性和非易失性存储器两者。其中,非易失性存储器可以是只读存储器(Read-Only Memory,ROM)、可编程只读存储器(Programmable ROM,PROM)、可擦除可编程只读存储器(Erasable PROM,EPROM)、电可擦除可编程只读存储器(Electrically EPROM,EEPROM)或闪存。易失性存储器可以是随机存取存储器(Random Access Memory,RAM),静态随机存取存储器(Static RAM,SRAM)、动态随机存取存储器(Dynamic RAM,DRAM)、同步动态随机存取存储器(Synchronous DRAM,SDRAM)、双倍数据速率同步动态随机存取存储器(Double Data Rate SDRAM,DDRSDRAM)、增强型同步动态随机存取存储器(Enhanced SDRAM,ESDRAM)、同步连接动态随机存取存储器(Synch link DRAM,SLDRAM)和直接内存总线随机存取存储器(Direct Rambus RAM,DRRAM)。本申请实施例中的存储器809包括但不限于这些和任意其它适合类型的存储器。The memory 809 can be used to store software programs as well as various data. The memory 809 may mainly include a first storage area for storing programs or instructions and a second storage area for storing data, wherein the first storage area may store an operating system, an application program or instructions required by at least one function (such as a sound playing function, image playback function, etc.), etc. Furthermore, memory 809 may include volatile memory or nonvolatile memory, or, memory 809 may include both volatile and nonvolatile memory. Wherein, the non-volatile memory may be a read-only memory (Read-Only Memory, ROM), a programmable read-only memory (Programmable ROM, PROM), an erasable programmable read-only memory (Erasable PROM, EPROM), an electronically programmable Erase Programmable Read-Only Memory (Electrically EPROM, EEPROM) or Flash. Volatile memory can be random access memory (Random Access Memory, RAM), static random access memory (Static RAM, SRAM), dynamic random access memory (Dynamic RAM, DRAM), synchronous dynamic random access memory (Synchronous DRAM, SDRAM), double data rate synchronous dynamic random access memory (Double Data Rate SDRAM, DDRSDRAM), enhanced synchronous dynamic random access memory (Enhanced SDRAM, ESDRAM), synchronous connection dynamic random access memory (Synch link DRAM , SLDRAM) and Direct Memory Bus Random Access Memory (Direct Rambus RAM, DRRAM). The memory 809 in the embodiment of the present application includes but is not limited to these and any other suitable types of memory.

处理器810可包括一个或多个处理单元;可选的,处理器810集成应用处理器和调制解调处理器,其中,应用处理器主要处理涉及操作系统、用户界面和应用程序等的操作,调制解调处理器主要处理无线通信信号,如基带处理器。可以理解的是,上述调制解调处理器也可以不集成到处理器810中。The processor 810 may include one or more processing units; optionally, the processor 810 integrates an application processor and a modem processor, wherein the application processor mainly processes operations related to the operating system, user interface, and application programs, etc., Modem processors mainly process wireless communication signals, such as baseband processors. It can be understood that the foregoing modem processor may not be integrated into the processor 810 .

本申请实施例还提供一种可读存储介质,所述可读存储介质上存储有程序或指令,该程序或指令被处理器执行时实现上述页面显示方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。The embodiment of the present application also provides a readable storage medium. The readable storage medium stores programs or instructions. When the program or instructions are executed by the processor, the various processes of the above-mentioned page display method embodiments can be achieved, and the same To avoid repetition, the technical effects will not be repeated here.

其中,所述处理器为上述实施例中所述的电子设备中的处理器。所述可读存储介质,包括计算机可读存储介质,如计算机只读存储器ROM、随机存取存储器RAM、磁碟或者光盘等。Wherein, the processor is the processor in the electronic device described in the above embodiments. The readable storage medium includes a computer-readable storage medium, such as a computer read-only memory ROM, a random access memory RAM, a magnetic disk or an optical disk, and the like.

本申请实施例另提供了一种芯片,所述芯片包括处理器和通信接口,所述通信接口和所述处理器耦合,所述处理器用于运行程序或指令,实现上述页面显示方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。The embodiment of the present application further provides a chip, the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is used to run programs or instructions to implement the above-mentioned page display method embodiment Each process can achieve the same technical effect, so in order to avoid repetition, it will not be repeated here.

应理解,本申请实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。It should be understood that the chips mentioned in the embodiments of the present application may also be called system-on-chip, system-on-chip, system-on-a-chip, or system-on-a-chip.

本申请实施例提供一种计算机程序产品,该程序产品被存储在存储介质中,该程序产品被至少一个处理器执行以实现如上述页面显示方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。The embodiment of the present application provides a computer program product, the program product is stored in a storage medium, and the program product is executed by at least one processor to implement the various processes in the above embodiments of the page display method, and can achieve the same technical effect , to avoid repetition, it will not be repeated here.

需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外,需要指出的是,本申请实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能,还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能,例如,可以按不同于所描述的次序来执行所描述的方法,并且还可以添加、省去、或组合各种步骤。另外,参照某些示例所描述的特征可在其他示例中被组合。It should be noted that, in this document, the term "comprising", "comprising" or any other variation thereof is intended to cover a non-exclusive inclusion such that a process, method, article or apparatus comprising a set of elements includes not only those elements, It also includes other elements not expressly listed, or elements inherent in the process, method, article, or device. Without further limitations, an element defined by the phrase "comprising a ..." does not preclude the presence of additional identical elements in the process, method, article, or apparatus comprising that element. In addition, it should be pointed out that the scope of the methods and devices in the embodiments of the present application is not limited to performing functions in the order shown or discussed, and may also include performing functions in a substantially simultaneous manner or in reverse order according to the functions involved. Functions are performed, for example, the described methods may be performed in an order different from that described, and various steps may also be added, omitted, or combined. Additionally, features described with reference to certain examples may be combined in other examples.

通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以计算机软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端(可以是手机,计算机,服务器,或者网络设备等)执行本申请各个实施例所述的方法。Through the description of the above embodiments, those skilled in the art can clearly understand that the methods of the above embodiments can be implemented by means of software plus a necessary general-purpose hardware platform, and of course also by hardware, but in many cases the former is better implementation. Based on such an understanding, the technical solution of the present application can be embodied in the form of computer software products, which are stored in a storage medium (such as ROM/RAM, magnetic disk, etc.) , optical disc), including several instructions to enable a terminal (which may be a mobile phone, computer, server, or network device, etc.) to execute the methods described in various embodiments of the present application.

上面结合附图对本申请的实施例进行了描述,但是本申请并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是限制性的,本领域的普通技术人员在本申请的启示下,在不脱离本申请宗旨和权利要求所保护的范围情况下,还可做出很多形式,均属于本申请的保护之内。The embodiments of the present application have been described above in conjunction with the accompanying drawings, but the present application is not limited to the above-mentioned specific implementations. The above-mentioned specific implementations are only illustrative and not restrictive. Those of ordinary skill in the art will Under the inspiration of this application, without departing from the purpose of this application and the scope of protection of the claims, many forms can also be made, all of which belong to the protection of this application.

Claims (10)

1.一种页面显示方法,其特征在于,所述方法包括:1. A page display method, characterized in that the method comprises: 接收用户对显示界面中目标显示内容的输入;Receive the user's input on the target display content in the display interface; 响应于所述输入,获取所述目标显示内容相关的目标显示页面对应的第一图像数据,以及获取所述目标显示页面对应的图像模糊参数;In response to the input, acquiring first image data corresponding to a target display page related to the target display content, and acquiring image blur parameters corresponding to the target display page; 根据所述图像模糊参数和所述目标显示页面对应的第一图像数据,生成多帧目标模糊图像;generating multiple frames of target blurred images according to the image blur parameters and the first image data corresponding to the target display page; 根据第一顺序,显示所述多帧目标模糊图像和所述目标显示页面。According to the first sequence, the multiple frames of target blurred images and the target display page are displayed. 2.根据权利要求1所述的方法,其特征在于,在所述目标显示内容为第一应用标识,所述输入用于打开所述第一应用标识对应的第一应用页面的情况下,所述输入对应的图像模糊参数包括第一图像模糊参数;2. The method according to claim 1, wherein when the target display content is a first application identifier and the input is used to open the first application page corresponding to the first application identifier, the The image blur parameter corresponding to the input includes the first image blur parameter; 所述获取所述目标显示页面对应的图像模糊参数,包括:The acquiring the image blur parameter corresponding to the target display page includes: 获取所述第一应用标识的第一显示位置;Acquiring a first display position of the first application identifier; 根据显示位置与图像模糊参数的第一关联关系,确定所述第一显示位置关联的第一图像模糊参数,其中,所述第一图像模糊参数包括第一运动距离、第一运动速度和第一运动方向。According to the first association relationship between the display position and the image blur parameter, determine the first image blur parameter associated with the first display position, wherein the first image blur parameter includes the first movement distance, the first movement speed and the first direction of motion. 3.根据权利要求2所述的方法,其特征在于,所述目标显示页面为所述第一应用页面,所述第一图像数据为所述第一应用页面的图像数据;3. The method according to claim 2, wherein the target display page is the first application page, and the first image data is image data of the first application page; 所述根据所述图像模糊参数和所述目标显示页面对应的第一图像数据,生成多帧目标模糊图像,包括:The generating multiple frames of target blurred images according to the image blur parameters and the first image data corresponding to the target display page includes: 根据运动距离与图像处理参数的第二关联关系,确定所述第一运动距离关联的第一图像处理参数,其中,所述第一图像处理参数包括图像帧数N和每帧目标模糊图像对应的第一模糊度,N为正整数;According to the second association relationship between the movement distance and the image processing parameter, determine the first image processing parameter associated with the first movement distance, wherein the first image processing parameter includes the number of image frames N and the number corresponding to each frame of the target blurred image The first ambiguity, N is a positive integer; 根据所述第一应用页面的图像数据和每帧目标模糊图像对应的第一模糊度,生成N帧第一模糊图像;Generate N frames of first blurred images according to the image data of the first application page and the first blurriness corresponding to each frame of the target blurred image; 根据所述第一运动速度和第一运动方向,调整每帧所述第一模糊图像的显示面积,得到所述N帧目标模糊图像;Adjusting the display area of the first blurred image in each frame according to the first motion speed and the first motion direction to obtain the N frames of target blurred images; 其中,第n+1帧目标模糊图像的显示面积大于第n帧目标模糊图像的显示面积,1≤n≤n+1≤N。Wherein, the display area of the target blurred image in frame n+1 is greater than the display area of target blurred image in frame n, 1≤n≤n+1≤N. 4.根据权利要求1所述的方法,其特征在于,在所述目标显示内容为第二应用页面,所述输入用于关闭所述第二应用页面的情况下,所述输入对应图像模糊参数包括第二图像模糊参数;4. The method according to claim 1, wherein when the target display content is a second application page and the input is used to close the second application page, the input corresponds to an image blur parameter including a second image blurring parameter; 所述获取所述目标显示页面对应的图像模糊参数,包括:The acquiring the image blur parameter corresponding to the target display page includes: 获取所述第二应用页面对应的第二应用标识的第二显示位置;Acquiring a second display position of a second application identifier corresponding to the second application page; 根据显示位置与图像模糊参数的第三关联关系,确定所述第二显示位置关联的第二图像模糊参数,其中,所述第二图像模糊参数包括第二运动距离、第二运动速度和第二运动方向。According to the third association relationship between the display position and the image blur parameter, determine the second image blur parameter associated with the second display position, wherein the second image blur parameter includes the second movement distance, the second movement speed and the second direction of motion. 5.根据权利要求1所述的方法,其特征在于,所述输入包括滑动控制输入,在所述目标显示内容为第三应用页面的部分页面,所述滑动控制输入用于控制所述第三应用页面滑动的情况下,所述输入对应图像模糊参数包括第三图像模糊参数,其中,所述第三应用页面的页面长度大于预设界面长度;5. The method according to claim 1, wherein the input comprises a sliding control input, and the target display content is a part of the third application page, and the sliding control input is used to control the third application page. In the case of sliding the application page, the input corresponding image blur parameter includes a third image blur parameter, wherein the page length of the third application page is greater than the preset interface length; 所述获取所述目标显示页面对应的图像模糊参数,包括:The acquiring the image blur parameter corresponding to the target display page includes: 获取所述滑动控制输入对应的滑动速度;Acquiring a sliding speed corresponding to the sliding control input; 根据滑动速度和预设速度转换关系,确定所述第三应用页面的第三运动速度;determining a third motion speed of the third application page according to the sliding speed and a preset speed conversion relationship; 在所述第三运动速度大于预设速度的情况下,获取所述滑动控制输入对应的滑动方向和所述滑动控制输入对应滑动轨迹的滑动距离;When the third movement speed is greater than a preset speed, acquire the sliding direction corresponding to the sliding control input and the sliding distance of the sliding track corresponding to the sliding control input; 根据所述滑动控制输入对应的滑动方向,确定所述第三应用页面的第三运动方向,以及,根据所述滑动控制输入对应滑动轨迹的滑动距离和预设距离转换关系,确定所述第三应用页面的第三运动距离。Determine the third movement direction of the third application page according to the sliding direction corresponding to the sliding control input, and determine the third moving direction according to the sliding distance of the sliding track corresponding to the sliding control input and the preset distance conversion relationship. The third movement distance of the application page. 6.根据权利要求5所述的方法,其特征在于,所述第一图像数据为所述第三应用页面的图像数据;6. The method according to claim 5, wherein the first image data is the image data of the third application page; 所述根据所述图像模糊参数和所述目标显示页面对应的第一图像数据,生成多帧目标模糊图像,包括:The generating multiple frames of target blurred images according to the image blur parameters and the first image data corresponding to the target display page includes: 根据运动距离与图像处理参数的第四关联关系,确定所述第三运动距离关联的第二图像处理参数,其中,所述第二图像处理参数包括图像帧数Y和每帧目标模糊图像对应的第二模糊度,Y为正整数;According to the fourth correlation between the movement distance and the image processing parameter, the second image processing parameter associated with the third movement distance is determined, wherein the second image processing parameter includes the image frame number Y and the target blurred image corresponding to each frame The second ambiguity, Y is a positive integer; 根据所述第三运动速度和第三运动方向,从所述第三应用页面的图像数据中获取Y个待模糊处理的第二图像数据;Acquiring Y pieces of second image data to be blurred from the image data of the third application page according to the third motion speed and the third motion direction; 根据所述每帧目标模糊图像对应的第二模糊度,对每个所述第二图像数据进行模糊处理,得到Y帧所述目标模糊图像。Perform blurring processing on each second image data according to the second blur degree corresponding to each frame of the target blurred image to obtain Y frames of the target blurred image. 7.根据权利要求1所述的方法,其特征在于,在所述目标显示内容为第一应用标识,所述输入用于打开所述第一应用标识对应的第一应用页面的情况下,所述第一顺序为所述多帧目标模糊图像和所述目标显示页面依次显示;7. The method according to claim 1, wherein when the target display content is a first application identifier, and the input is used to open the first application page corresponding to the first application identifier, the The first order is that the multi-frame target blurred image and the target display page are displayed sequentially; 在所述目标显示内容为第二应用页面,所述输入用于关闭所述第二应用页面的情况下,所述第一顺序为所述目标显示页面和所述多帧目标模糊图像依次显示;When the target display content is a second application page, and the input is used to close the second application page, the first sequence is the sequential display of the target display page and the multi-frame target blurred images; 在所述目标显示内容为第三应用页面的部分页面,所述输入用于控制所述第三应用页面滑动的情况下,所述目标显示页面包括第一子页面和第二子页面,所述第一顺序为第一子页面、多帧目标模糊图像和第二子页面依次显示,其中,所述第一子页面为所述第三应用页面滑动开始前显示的部分页面,所述第二子页面为所述第三应用页面滑动结束后显示的部分页面。In the case where the target display content is a partial page of a third application page, and the input is used to control the sliding of the third application page, the target display page includes a first subpage and a second subpage, the The first sequence is that the first subpage, the multi-frame target blurred image and the second subpage are displayed sequentially, wherein the first subpage is a partial page displayed before the third application page slides, and the second subpage The page is a part of the page displayed after the sliding of the third application page is completed. 8.一种页面显示装置,其特征在于,所述装置包括:8. A page display device, characterized in that the device comprises: 接收模块,用于接收用户对显示界面中目标显示内容的输入;A receiving module, configured to receive user input on the target display content in the display interface; 获取模块,用于响应于所述输入,获取所述目标显示内容相关的目标显示页面对应的第一图像数据,以及获取所述目标显示页面对应的图像模糊参数;An acquisition module, configured to, in response to the input, acquire first image data corresponding to a target display page related to the target display content, and acquire image blur parameters corresponding to the target display page; 处理模块,用于根据所述图像模糊参数和所述目标显示页面对应的第一图像数据,生成多帧目标模糊图像;A processing module, configured to generate multiple frames of target blurred images according to the image blur parameters and the first image data corresponding to the target display page; 显示模块,用于根据第一顺序,显示所述多帧目标模糊图像和所述目标显示页面。A display module, configured to display the multiple frames of target blurred images and the target display page according to a first order. 9.一种电子设备,其特征在于,包括处理器和存储器,所述存储器存储可在所述处理器上运行的程序或指令,所述程序或指令被所述处理器执行时实现如权利要求1-7任一项所述的页面显示方法的步骤。9. An electronic device, characterized in that it includes a processor and a memory, the memory stores programs or instructions that can run on the processor, and when the programs or instructions are executed by the processor, the implementation of the claims Steps of the page display method described in any one of 1-7. 10.一种可读存储介质,其特征在于,所述可读存储介质上存储程序或指令,所述程序或指令被处理器执行时实现如权利要求1-7任一项所述的页面显示方法的步骤。10. A readable storage medium, characterized in that the readable storage medium stores programs or instructions, and when the programs or instructions are executed by a processor, the page display according to any one of claims 1-7 is realized method steps.
CN202310153698.XA 2023-02-21 2023-02-21 Page display method, page display device, electronic equipment and readable storage medium Pending CN116204151A (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202310153698.XA CN116204151A (en) 2023-02-21 2023-02-21 Page display method, page display device, electronic equipment and readable storage medium
PCT/CN2024/077332 WO2024174924A1 (en) 2023-02-21 2024-02-18 Page display method and apparatus, and electronic device and readable storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310153698.XA CN116204151A (en) 2023-02-21 2023-02-21 Page display method, page display device, electronic equipment and readable storage medium

Publications (1)

Publication Number Publication Date
CN116204151A true CN116204151A (en) 2023-06-02

Family

ID=86515672

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310153698.XA Pending CN116204151A (en) 2023-02-21 2023-02-21 Page display method, page display device, electronic equipment and readable storage medium

Country Status (2)

Country Link
CN (1) CN116204151A (en)
WO (1) WO2024174924A1 (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2024174924A1 (en) * 2023-02-21 2024-08-29 维沃移动通信有限公司 Page display method and apparatus, and electronic device and readable storage medium
CN119621202A (en) * 2023-09-05 2025-03-14 荣耀终端股份有限公司 In-application page display method and electronic device

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107797783A (en) * 2017-10-25 2018-03-13 广东欧珀移动通信有限公司 Control method, control device, and computer-readable storage medium
CN108513062B (en) * 2018-03-06 2021-03-23 Oppo广东移动通信有限公司 Terminal control method and device, readable storage medium and computer equipment
US11423516B2 (en) * 2019-03-29 2022-08-23 Tobii Ab Gaze enhanced natural motion blur
CN114529485A (en) * 2020-11-23 2022-05-24 华为技术有限公司 Control fuzzy method and device, terminal equipment and readable storage medium
CN112532808A (en) * 2020-11-24 2021-03-19 维沃移动通信有限公司 Image processing method and device and electronic equipment
CN116204151A (en) * 2023-02-21 2023-06-02 维沃移动通信有限公司 Page display method, page display device, electronic equipment and readable storage medium

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2024174924A1 (en) * 2023-02-21 2024-08-29 维沃移动通信有限公司 Page display method and apparatus, and electronic device and readable storage medium
CN119621202A (en) * 2023-09-05 2025-03-14 荣耀终端股份有限公司 In-application page display method and electronic device

Also Published As

Publication number Publication date
WO2024174924A1 (en) 2024-08-29

Similar Documents

Publication Publication Date Title
US12149831B2 (en) Digital viewfinder user interface for multiple cameras
CN110096206B (en) Device, method, and graphical user interface for adjusting the appearance of a control
EP3832459A1 (en) Graphic drawing method and apparatus, device, and storage medium
WO2024174924A1 (en) Page display method and apparatus, and electronic device and readable storage medium
CN113259743A (en) Video playing method and device and electronic equipment
CN112905134A (en) Method and device for refreshing display and electronic equipment
CN114302009A (en) Video processing method, video processing device, electronic equipment and medium
CN112565868A (en) Video playing method and device and electronic equipment
CN113852757B (en) Video processing method, device, equipment and storage medium
CN112929748A (en) Video processing method, video processing device, electronic equipment and medium
WO2017101390A1 (en) Picture display method and apparatus
CN113852756B (en) Image acquisition method, device, equipment and storage medium
CN107870703A (en) Method, system and the terminal device of full-screen picture displaying
CN114756792B (en) Page display method and device, electronic device and readable storage medium
CN113794831B (en) Video shooting method, device, electronic equipment and medium
CN114138141B (en) Display method, device and electronic device
CN115631109A (en) Image processing method, image processing device and electronic equipment
WO2024104079A1 (en) Desktop component generation method and apparatus, electronic device, and readable storage medium
CN116744065A (en) Video playback method and device
CN115543137A (en) Video playing method and device
CN115562539A (en) Control display method and device, electronic device and readable storage medium
CN113923392A (en) Video recording method, video recording device and electronic equipment
CN113810538A (en) Video editing method and video editing apparatus
CN112035039B (en) Information display control method and device, electronic equipment and readable storage medium
CN113271494A (en) Video frame processing method and device and electronic equipment

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination