CN113485778B - 页面数据的处理方法、装置、存储介质和电子装置 - Google Patents

页面数据的处理方法、装置、存储介质和电子装置 Download PDF

Info

Publication number
CN113485778B
CN113485778B CN202110715033.4A CN202110715033A CN113485778B CN 113485778 B CN113485778 B CN 113485778B CN 202110715033 A CN202110715033 A CN 202110715033A CN 113485778 B CN113485778 B CN 113485778B
Authority
CN
China
Prior art keywords
page
interactive interface
area
acquiring
hiding
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.)
Active
Application number
CN202110715033.4A
Other languages
English (en)
Other versions
CN113485778A (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.)
Qingdao Haier Technology Co Ltd
Haier Smart Home Co Ltd
Original Assignee
Qingdao Haier Technology Co Ltd
Haier Smart Home 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 Qingdao Haier Technology Co Ltd, Haier Smart Home Co Ltd filed Critical Qingdao Haier Technology Co Ltd
Priority to CN202110715033.4A priority Critical patent/CN113485778B/zh
Publication of CN113485778A publication Critical patent/CN113485778A/zh
Application granted granted Critical
Publication of CN113485778B publication Critical patent/CN113485778B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

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

Abstract

本发明公开了一种页面数据的处理方法、装置、存储介质和电子装置，其中，上述方法包括：在交互界面上显示第一页面；在交互界面感应到操作指令的情况下，隐藏第一页面，并加载第二页面；在隐藏第一页面且加载第二页面的过程中，获取第一页面和第二页面在交互界面上显示过程中的交叉面积；基于交叉面积，确定第二页面是否成功显示在交互界面上。采用上述技术方案，解决了对页面数据统计不准确的技术问题。

Description

页面数据的处理方法、装置、存储介质和电子装置
技术领域
本发明涉及数据处理领域，具体而言，涉及一种页面数据的处理方法、装置、存储介质和电子装置。
背景技术
目前，在移动端开发框架(Flutter框架)中，没有提供针对互联网应用平台中间件标准(Widget)在屏幕中显示与隐藏的应用程序接口(Application Program Interface，简称为API)，无法统计同一个Widget的显示情况。
另外，由于Flutter发布时间比较短，在组件的功能性实现方面还不完善，对于组件显示与隐藏的时机也没有官方的实现方式。根据官方提供的列表(ListView)组件单项的使用方式，仅能在单项加载时进行一次显示统计，而当列表在屏幕中来回滚动时，无法对单项在屏幕中的多次显示情况进行统计，并且由于列表的预加载特性，一些未显示到屏幕中的单项也触发了统计，从而对单项的页面数据统计不准确。
针对上述对页面数据统计不准确的技术问题，尚未提出有效的解决方案。
发明内容
本发明实施例提供了一种页面数据的处理方法、装置、存储介质和电子装置，以至少解决对页面数据统计不准确的技术问题。
根据本发明实施例的一个实施例，提供了一种页面数据的处理方法。该方法可以包括：在交互界面上显示第一页面；在交互界面感应到操作指令的情况下，隐藏第一页面，并加载第二页面；在隐藏第一页面且加载第二页面的过程中，获取第一页面和第二页面在交互界面上显示过程中的交叉面积；基于交叉面积，确定第二页面是否成功显示在交互界面上。
在一个示例性实施例中，该方法还包括：通过调取绘制函数，来执行根据层级生成对应的图层操作，其中，图层操作包括：通过分离函数来执行隐藏第一页面，并通过贴附函数来执行加载第二页面。
在一个示例性实施例中，获取第一页面和第二页面在交互界面上显示过程中的交叉面积，包括：在交互界面中隐藏第一页面时，实时采集第一页面在交互界面的窗口中的第一可视区域；在交互界面中加载第二页面时，实时采集第二页面在交互界面的窗口中的第二可视区域；获取第一可视区域与第二可视区域在交互界面中的交叉区域；基于交叉区域的坐标信息，获取交叉区域的交叉面积。
在一个示例性实施例中，基于交叉面积，确定第二页面是否成功显示在交互界面上，包括：获取第二页面在交互界面上允许渲染的最大显示面积；基于交叉面积在最大显示面积的占比，确定第二页面是否成功显示在交互界面上；其中，占比大于阀值，则确定第二页面已成功显示在交互界面中。
在一个示例性实施例中，该方法还包括：累计第二页面成功显示在交互界面中的次数，统计得到第二页面在交互界面上的总显示次数；基于第二页面的总显示次数，获取第二页面的操作行为的类型，其中，操作行为的类型包括如下至少之一：创建操作类型、浏览操作类型、评论操作类型、转发操作类型、更新操作类型和删除操作类型；基于操作行为的类型，对第二页面添加对应的标签。
在一个示例性实施例中，该方法还包括：基于第二页面的标签，确定用户对第二页面的喜好级别；基于喜好级别，对第二页面执行如下至少之一的操作：自动推荐第二页面至目标对象、将第二页面进行转换后置顶、分析第二页面中的显示内容以确定关键数据。
根据本发明实施例的另一个实施例，还提供了一种页面数据的处理装置。该装置可以包括：显示单元，用于在交互界面上显示第一页面；加载单元，用于在交互界面感应到操作指令的情况下，隐藏第一页面，并加载第二页面；获取单元，用于在隐藏第一页面且加载第二页面的过程中，获取第一页面和第二页面在交互界面上显示过程中的交叉面积；确定单元，用于基于交叉面积，确定第二页面是否成功显示在交互界面上。
在一个示例性实施例中，该装置还包括：执行单元，用于通过调取绘制函数，来执行根据层级生成对应的图层操作，其中，图层操作包括：通过分离函数来执行隐藏第一页面，并通过贴附函数来执行加载第二页面。
根据本发明实施例的又一方面，还提供了一种计算机可读的存储介质。计算机可读的存储介质包括存储的程序，其中，程序被处理器运行时执行本发明实施例的页面数据的处理方法。
根据本发明实施例的又一方面，还提供了一种电子装置，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其中，上述处理器通过计算机程序执行本发明实施例的页面数据的处理方法。
在本发明实施例中，在交互界面上显示第一页面；在交互界面感应到操作指令的情况下，隐藏第一页面，并加载第二页面；在隐藏第一页面且加载第二页面的过程中，获取第一页面和第二页面在交互界面上显示过程中的交叉面积；基于交叉面积，确定第二页面是否成功显示在交互界面上。也就是说，本申请根据隐藏的第一页面和加载的第二页面在交互界面上显示过程中的交叉面积，来准确地判断出第二页面是否成功显示在交互界面上，达到了对页面显示进行统计的目的，避免了仅能在单项加载时进行一次显示统计，而当列表在屏幕中来回滚动时，无法对单项在屏幕中的多次显示情况进行统计，解决了对页面数据统计不准确的技术问题，达到了提供对页面数据统计的准确性的技术效果。
附图说明
此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：
图1是根据本发明实施例的一种页面数据的处理方法的计算机终端的硬件结构框图；
图2是根据本发明实施例的一种页面数据的处理方法的流程图；
图3是根据本发明实施例的一种基于Flutter框架的列表项显示次数统计方法的流程图；
图4是根据本发明实施例的一种页面数据的处理装置的结构框图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分的实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本发明保护的范围。
需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
本申请实施例所提供的方法实施例可以在计算机终端、计算机终端或者类似的运算装置中执行。以运行在计算机终端上为例，图1是根据本发明实施例的一种页面数据的处理方法的计算机终端的硬件结构框图。如图1所示，计算机终端可以包括一个或多个(图1中仅示出一个)处理器102(处理器102可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置)和用于存储数据的存储器104，在一个示例性实施例中，上述计算机终端还可以包括用于通信功能的传输装置106以及输入输出设备108。本领域普通技术人员可以理解，图1所示的结构仅为示意，其并不对上述计算机终端的结构造成限定。例如，计算机终端还可包括比图1中所示更多或者更少的组件，或者具有与图1所示等同功能或比图1所示功能更多的不同的配置。
存储器104可用于存储计算机程序，例如，应用软件的软件程序以及模块，如本发明实施例中的数据请求的处理方法对应的计算机程序，处理器102通过运行存储在存储器104内的计算机程序，从而执行各种功能应用以及数据处理，即实现上述的方法。存储器104可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器104可进一步包括相对于处理器102远程设置的存储器，这些远程存储器可以通过网络连接至计算机终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
传输装置106用于经由一个网络接收或者发送数据。上述的网络具体实例可包括计算机终端的通信供应商提供的无线网络。在一个实例中，传输装置106包括一个网络适配器(Network Interface Controller，简称为NIC)，其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中，传输装置106可以为射频(Radio Frequency，简称为RF)模块，其用于通过无线方式与互联网进行通讯。
在本实施例中提供了一种页面数据的处理方法，应用于上述计算机终端，图2是根据本发明实施例的一种页面数据的处理方法的流程图，该流程包括如下步骤：
步骤S202，在交互界面上显示第一页面。
在本发明上述步骤S202提供的技术方案中，交互界面可以为屏幕上显示的人机交互界面，也即，图形用户界面，可以基于Flutter框架实现。在交互界面上显示第一页面，该第一页面可以为Widget。其中，Flutter框架为由谷歌公司发布的移动端开发框架，其使用高性能的渲染引擎，在渲染速度与用户体验上表现优异。
在该实施例中，在Flutter框架中，可以根据Widget生成页面元素
(Element)，然后创建对应的渲染对象(RenderObject)，并将该RenderObject关联到Element的渲染对象函数(renderObject)函数上，最后通过RenderObject完成页面的布局排列和绘制。
步骤S204，在交互界面感应到操作指令的情况下，隐藏第一页面，并加载第二页面。
在本发明上述步骤S204提供的技术方案中，在交互界面上显示第一页面之后，在交互界面感应到操作指令的情况下，隐藏第一页面，并加载第二页面。
在该实施例中，作用于交互界面的操作指令可以用于隐藏第一页面，加载第二页面，从而第一页面为第二页面的父级页面。可选地，该实施例的第二页面可以为Widget，其也即当前Widget(当前组件、当前项、单项、页面组件)，而第一页面可以为当前Widget的父级Widget(父组件)。
可选地，该实施例的隐藏第一页面的过程可以理解为将第一页面移除交互界面的过程。加载第二页面的过程可以理解为将第二页面添加至交互界面的过程。
步骤S206，在隐藏第一页面且加载第二页面的过程中，获取第一页面和第二页面在交互界面上显示过程中的交叉面积。
在本发明上述步骤S206提供的技术方案中，第一页面和第二页面在交互界面上显示时占据一定的可视区域(Rect)，该可视区域也即显示区域。在隐藏第一页面且加载第二页面的过程中，第一页面在交互界面上占据的第一可视区域和第二页面在交互界面上占据的第二可视区域会发生变化，可以获取第一页面在交互界面上显示过程中的第一可视区域，且获取第二页面在交互界面上显示过程中的第二可视区域，然后获取第一可视区域和第二可视区域这两者之间的交叉面积，该交叉面积也即第一页面和第二页面两者在交互界面上同时占据的可视区域的面积。
步骤S208，基于交叉面积，确定第二页面是否成功显示在交互界面上。
在本发明上述步骤S208提供的技术方案中，在获取第一页面和第二页面在交互界面上显示过程中的交叉面积之后，可以基于交叉面积，确定第二页面是否成功显示在交互界面上。
在该实施例中，可以通过交叉面积确定第二页面在交互界面中的显示比例，进而基于该显示比例确定第二页面是否成功显示在交互界面上，如果确定第二页面成功显示在交互界面上，则可以将其统计为第二页面的一次显示。
在本申请上述步骤S202至步骤S208，在交互界面上显示第一页面；在交互界面感应到操作指令的情况下，隐藏第一页面，并加载第二页面；在隐藏第一页面且加载第二页面的过程中，获取第一页面和第二页面在交互界面上显示过程中的交叉面积；基于交叉面积，确定第二页面是否成功显示在交互界面上。也就是说，本申请根据隐藏的第一页面和加载的第二页面在交互界面上显示过程中的交叉面积，来准确地判断出第二页面是否成功显示在交互界面上，达到了对页面显示进行统计的目的，避免了仅能在单项加载时进行一次显示统计，而当列表在屏幕中来回滚动时，无法对单项在屏幕中的多次显示情况进行统计，解决了对页面数据统计不准确的技术问题，达到了提供对页面数据统计的准确性的技术效果。
下面对该实施例的上述方法进行进一步介绍。
作为一种可选的实施方式，该方法还包括：通过调取绘制函数，来执行根据层级生成对应的图层操作，其中，图层操作包括：通过分离函数来执行隐藏第一页面，并通过贴附函数来执行加载第二页面。
在该实施例中，Widget最终的绘制是在RenderObject中，RenderObject通过调取绘制(paint)函数来执行根据层级生成对应的图层操作(ContainerLayer，或Layer)。可选地，当Widget在屏幕中添加与移除时，会对应调用Layer的贴附函数(attach)、分离函数(detach)，通过分离函数来执行隐藏第一页面，并通过贴附函数来执行加载第二页面，而在Layer中可以获取当前层父级的Layer。
作为一种可选的实施方式，步骤S206，获取第一页面和第二页面在交互界面上显示过程中的交叉面积，包括：在交互界面中隐藏第一页面时，实时采集第一页面在交互界面的窗口中的第一可视区域；在交互界面中加载第二页面时，实时采集第二页面在交互界面的窗口中的第二可视区域；获取第一可视区域与第二可视区域在交互界面中的交叉区域；基于交叉区域的坐标信息，获取交叉区域的交叉面积。
在该实施例中，在实现获取第一页面和第二页面在交互界面上显示过程中的交叉面积时，可以在交互界面中隐藏第一页面时，可以实时采集第一页面在交互界面的窗口中的第一可视区域，该第一可视区域可以为父级Widget在交互界面中的显示区域(Rect)。在交互界面中加载第二页面时，可以实时采集第二页面在交互界面的窗口中的第二可视区域，该第二可视区域为当前Widget在交互界面中的显示区域(Rect)。在获取第一可视区域和第二可视区域之后，计算第一可视区域和第二可视区域在交互界面中的交叉区域，然后获取交叉区域在交互界面上的坐标信息，进而基于交叉区域的坐标信息获取交叉区域的交叉面积。
作为一种可选的实施方式，步骤S208，基于交叉面积，确定第二页面是否成功显示在交互界面上，包括：获取第二页面在交互界面上允许渲染的最大显示面积；基于交叉面积在最大显示面积的占比，确定第二页面是否成功显示在交互界面上；其中，占比大于阀值，则确定第二页面已成功显示在交互界面中。
在该实施例中，在实现基于交叉面积，确定第二页面是否成功显示在交互界面上，可以获取第二页面在交互界面上允许渲染的最大显示面积，也即，组件完全显示的最大面积，然后获取交叉面积与最大显示面积的商，将该商确定为交叉面积在上述最大显示面积的占比，进而基于该占比确定第二页面是否成功显示在界面上。
可选地，判断交叉面积在上述最大显示面积的占比是否大于阈值，如果判断出占比大于阀值，则可以确定第二页面已成功显示在交互界面中，比如，阀值为0，可以将其统计为一次显示次数。可选地，当占比为1时，则可以确定第二页面已完全显示在交互界面上。
作为一种可选的实施方式，该方法还包括：累计第二页面成功显示在交互界面中的次数，统计得到第二页面在交互界面上的总显示次数；基于第二页面的总显示次数，获取第二页面的操作行为的类型，其中，操作行为的类型包括如下至少之一：创建操作类型、浏览操作类型、评论操作类型、转发操作类型、更新操作类型和删除操作类型；基于操作行为的类型，对第二页面添加对应的标签。
在该实施例中，可以在确定第二页面成功显示在交互界面上之后，可以累积第二页面成功显示在交互界面中的次数，也即，获取第二页面在历史时间段内成功显示在交互界面中的次数，对其加1，从而精确统计同一第二页面在交互界面上的总显示次数，以对用户行为分析提供有效的数据支撑。
该实施例的第二页面的显示与用户的操作行为有关，比如，第二页面的显示可以通过用户的操作行为触发，可以根据总显示次数对操作行为进行分析，可选地，该实施例基于第二页面的总显示次数，获取第二页面的操作行为的类型，比如，操作行为的类型可以是创建操作类型、浏览操作类型、评论操作类型、转发操作类型、更新操作类型、删除操作类型等，此处不做具体限制。该实施例可以基于操作行为的类型，对第二页面添加对应的标签，该标签可以用于标识用户对第二页面的功能的喜好程度。
作为一种可选的实施方式，该方法还包括：基于第二页面的标签，确定用户对第二页面的喜好级别；基于喜好级别，对第二页面执行如下至少之一的操作：自动推荐第二页面至目标对象、将第二页面进行转换后置顶、分析第二页面中的显示内容以确定关键数据。
在该实施例中，可以在基于操作行为的类型，对第二页面添加对应的标签之后，可以基于第二页面的标签，确定用户对第二页面的喜好级别，该喜好级别用于表征用户对第二页面的功能的喜好程度，进而基于喜好级别对第二页面执行对应的操作，比如，自动推荐第二页面至目标对象，该目标对象可以为登录交互界面所属应用的目标账号，且该目标账号的用户很大概率偏好于第二页面；该实施例还可以将第二页面进行转换后置顶，比如，将第二页面转换为消息框的形式置顶，以提示用户；该实施例还可以分析第二页面中的显示内容，以确定关键数据，比如，确定与第二页面中的显示内容关联程度高的内容，将该内容确定关键数据，以进行消息推送，提升用户体验。
该实施例通过对页面渲染过程的分析，注意到页面在显示、隐藏在交互界面的过程中会反复调用分离函数和贴附函数，通过当前加载的第二页面与隐藏的第二页面在交互界面上显示过程中的交叉面积，确定第二页面是否成功显示在交互界面上，以精确统计第二页面的显示次数，解决了对页面数据统计不准确的技术问题，达到了提供对页面数据统计的准确性的技术效果。
为了更好的理解上述数据请求的处理方法的过程，以下再结合可选实施例对上述数据请求的处理的实现方法流程进行说明，但不用于限定本发明实施例的技术方案。
Flutter框架通过对用户行为检测获得的数据进行分析，可以让企业更清晰、细致地了解用户的行为习惯，从而在软件功能、营销推广等方面查找问题。有助于企业研发更适用于用户习惯的软件，提高业务的转化率。
对于页面组件显示次数的统计是用户行为统计中比较重要的一个方式，能有效分析用户对功能的喜好程度。而在上述Flutter框架中，没有提供针对Widget在屏幕中显示与隐藏的API，无法统计同一个Widget的显示次数，使得对用户行为分析结果造成很大的偏差。
该实施例基于Flutter框架的页面渲染特性，可以在Flutter框架的项目里针对在列表组件中的Widget在屏幕中的显示次数，进行准确地统计，从而实现高准确率的组件显示次数统计目的。
下面对该实施例的技术方案进行进一步地举例说明。
图3是根据本发明实施例的一种基于Flutter框架的列表项显示次数统计方法的流程图。如图3所示，该方法可以包括以下步骤：
步骤S301，获取Widget。
步骤S302，根据Widget生成Element。
步骤S303，创建对应的RenderObject，并关联到Element的renderObject函数上。
该实施例可以通过RenderObject完成页面的布局排列和绘制。
步骤S304，调用ContainerLayer中的attach函数和detach函数。
在该实施例中，Widget最终绘制是在RenderObject中，RenderObject通过paint函数来根据层级生成对应的ContainerLayer(Layer)进行绘制。在当前Widget在屏幕中添加时，会对应调用ContainerLayer中的attach函数，在父级Widget在屏幕中移除时，会对应调用ContainerLayer中的detach函数，而在Layer中可以获取当前层父级的Layer。
步骤S305，计算当前Widget在屏幕中的显示区域以及父级Widget在屏幕中的显示区域的交叉面积，以及交叉面积在屏幕中显示的比例rate。
在attach函数和detach函数中，可以获取当前Widget在屏幕中的显示区域(Rect)以及当前Widget的父级Widget在屏幕中的显示区域(Rect)，然后通过当前Widget在屏幕中的显示区域(Rect)以及父级Widget在屏幕中的显示区域(Rect)计算两者的交叉面积，再通过交叉面积与组件的完全显示的最大面积相除得出当前Widget在屏幕中显示的比例。
rate＝交叉面积/最大面积
步骤S306，判断rate是否大于0。
在该实施例中，当rate大于0时，执行步骤S307，表明Widget已在屏幕中显示，统计Widget在屏幕中显示的次数；当rate不大于0时，执行步骤S308，确定Widget在屏幕中不可见。
可选地，当rate为1时，则表明Widget已在页面中完全显示。
步骤S307，统计当前Widget在屏幕中显示的次数。
步骤S308，确定当前Widget在屏幕中不可见。
该实施例通过对Flutter中Widget渲染过程的透彻分析，注意到Widget在添加、移除屏幕过程中会反复调用ContainerLayer的attach函数和detach函数，可以通过在ContainerLayer的关键方法中，进行当前Widget在屏幕中的显示区域以及父级Widget在屏幕中的显示区域这两者的交叉面积的计算，可以准确判断当前项是否在屏幕中显示，从而精确统计单项显示次数的统计方案。从本质上提高了页面数据统计的准确率，对于用户行为分析提供有效的数据支撑。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例的方法。
本发明实施例还提供了一种页面数据的处理装置。需要说明的是，该实施例的页面数据的处理装置可以用于执行本发明实施例的页面数据的处理方法。
图4是根据本发明实施例的一种页面数据的处理装置的结构框图。如图4所示，该页面数据的处理装置40可以包括：显示单元41、加载单元42、获取单元43和确定单元44。
显示单元41，用于在交互界面上显示第一页面。
加载单元42，用于在交互界面感应到操作指令的情况下，隐藏第一页面，并加载第二页面。
获取单元43，用于在隐藏第一页面且加载第二页面的过程中，获取第一页面和第二页面在交互界面上显示过程中的交叉面积。
确定单元44，用于基于交叉面积，确定第二页面是否成功显示在交互界面上。
可选地，该装置还包括：执行单元，用于通过调取绘制函数，来执行根据层级生成对应的图层操作，其中，图层操作包括：通过分离函数来执行隐藏第一页面，并通过贴附函数来执行加载第二页面。
可选地，获取单元43包括：第一采集模块，用于在交互界面中隐藏第一页面时，实时采集第一页面在交互界面的窗口中的第一可视区域；第二采集模块，用于在交互界面中加载第二页面时，实时采集第二页面在交互界面的窗口中的第二可视区域；第一获取模块，用于获取第一可视区域与第二可视区域在交互界面中的交叉区域；第二获取模块，用于基于交叉区域的坐标信息，获取交叉区域的交叉面积。
可选地，确定单元44包括：第三获取模块，用于获取第二页面在交互界面上允许渲染的最大显示面积；确定模块，用于基于交叉面积在最大显示面积的占比，确定第二页面是否成功显示在交互界面上；其中，占比大于阀值，则确定第二页面已成功显示在交互界面中。
可选地，该装置还包括：统计单元，用于累计第二页面成功显示在交互界面中的次数，统计得到第二页面在交互界面上的总显示次数；第一获取单元，用于基于第二页面的总显示次数，获取第二页面的操作行为的类型，其中，操作行为的类型包括如下至少之一：创建操作类型、浏览操作类型、评论操作类型、转发操作类型、更新操作类型和删除操作类型；添加单元，用于基于操作行为的类型，对第二页面添加对应的标签。
可选地，该装置还包括：第一确定单元，用于基于第二页面的标签，确定用户对第二页面的喜好级别；第一执行单元，用于基于喜好级别，对第二页面执行如下至少之一的操作：自动推荐第二页面至目标对象、将第二页面进行转换后置顶、分析第二页面中的显示内容以确定关键数据。
该实施例的页面数据的处理装置，通过显示单元41在交互界面上显示第一页面，通过加载单元42在交互界面感应到操作指令的情况下，隐藏第一页面，并加载第二页面，通过获取单元43在隐藏第一页面且加载第二页面的过程中，获取第一页面和第二页面在交互界面上显示过程中的交叉面积；通过确定单元44基于交叉面积，确定第二页面是否成功显示在交互界面上。也就是说，该实施例的页面数据的处理装置根据隐藏的第一页面和加载的第二页面在交互界面上显示过程中的交叉面积，来准确地判断出第二页面是否成功显示在交互界面上，达到了对页面显示进行统计的目的，避免了仅能在单项加载时进行一次显示统计，而当列表在屏幕中来回滚动时，无法对单项在屏幕中的多次显示情况进行统计，解决了对页面数据统计不准确的技术问题，达到了提供对页面数据统计的准确性的技术效果。
本发明的实施例还提供了一种计算机可读的存储介质。该计算机可读的存储介质包括存储的程序，其中，程序被处理器运行时执行本发明实施例的页面数据的处理方法。
可选地，在本实施例中，上述存储介质可以被设置为存储用于执行以下步骤的程序代码：
S1，在交互界面上显示第一页面；
S2，在交互界面感应到操作指令的情况下，隐藏第一页面，并加载第二页面；
S3，在隐藏第一页面且加载第二页面的过程中，获取第一页面和第二页面在交互界面上显示过程中的交叉面积；
S4，基于交叉面积，确定第二页面是否成功显示在交互界面上。
本发明的实施例还提供了一种电子装置，包括存储器和处理器，该存储器中存储有计算机程序，该处理器被设置为运行计算机程序以执行上述任一项方法实施例中的步骤。
可选地，上述电子装置还可以包括传输设备以及输入输出设备，其中，该传输设备和上述处理器连接，该输入输出设备和上述处理器连接。
可选地，在本实施例中，上述处理器可以被设置为通过计算机程序执行以下步骤：
S1，在交互界面上显示第一页面；
S2，在交互界面感应到操作指令的情况下，隐藏第一页面，并加载第二页面；
S3，在隐藏第一页面且加载第二页面的过程中，获取第一页面和第二页面在交互界面上显示过程中的交叉面积；
S4，基于交叉面积，确定第二页面是否成功显示在交互界面上。
可选地，在本实施例中，上述存储介质可以包括但不限于：U盘、只读存储器(Read-Only Memory，简称为ROM)、随机存取存储器(Random Access Memory，简称为RAM)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
可选地，本实施例中的具体示例可以参考上述实施例及可选实施方式中所描述的示例，本实施例在此不再赘述。
显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。
以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (9)

1.一种页面数据的处理方法，其特征在于，包括：
在交互界面上显示第一页面，其中，所述交互界面是基于移动端开发框架Flutter确定的，所述第一页面为Widget；
在所述交互界面感应到操作指令的情况下，隐藏所述第一页面，并加载第二页面；
在隐藏所述第一页面且加载所述第二页面的过程中，获取所述第一页面和所述第二页面在所述交互界面上显示过程中的交叉面积；
基于所述交叉面积，确定所述第二页面是否成功显示在所述交互界面上；
其中，基于所述交叉面积，确定所述第二页面是否成功显示在所述交互界面上，包括：获取所述第二页面在所述交互界面上允许渲染的最大显示面积；基于所述交叉面积在所述最大显示面积的占比，确定所述第二页面是否成功显示在所述交互界面上；其中，所述占比大于阈值，则确定所述第二页面已成功显示在所述交互界面中。
2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
通过调取绘制函数，来执行根据层级生成对应的图层操作，其中，所述图层操作包括：通过分离函数来执行隐藏所述第一页面，并通过贴附函数来执行加载所述第二页面。
3.根据权利要求1所述的方法，其特征在于，获取所述第一页面和所述第二页面在所述交互界面上显示过程中的交叉面积，包括：
在所述交互界面中隐藏所述第一页面时，实时采集所述第一页面在所述交互界面的窗口中的第一可视区域；
在所述交互界面中加载所述第二页面时，实时采集所述第二页面在所述交互界面的窗口中的第二可视区域；
获取所述第一可视区域与所述第二可视区域在所述交互界面中的交叉区域；
基于所述交叉区域的坐标信息，获取所述交叉区域的交叉面积。
4.根据权利要求1所述的方法，其特征在于，所述方法还包括：
累计所述第二页面成功显示在所述交互界面中的次数，统计得到所述第二页面在所述交互界面上的总显示次数；
基于所述第二页面的总显示次数，获取所述第二页面的操作行为的类型，其中，所述操作行为的类型包括如下至少之一：创建操作类型、浏览操作类型、评论操作类型、转发操作类型、更新操作类型和删除操作类型；
基于所述操作行为的类型，对所述第二页面添加对应的标签。
5.根据权利要求4所述的方法，其特征在于，所述方法还包括：
基于所述第二页面的标签，确定用户对所述第二页面的喜好级别；
基于所述喜好级别，对所述第二页面执行如下至少之一的操作：自动推荐所述第二页面至目标对象、将所述第二页面进行转换后置顶、分析所述第二页面中的显示内容以确定关键数据。
6.一种页面数据的处理装置，其特征在于，包括：
显示单元，用于在交互界面上显示第一页面，其中，所述交互界面是基于移动端开发框架确定的，所述第一页面为Widget；
加载单元，用于在所述交互界面感应到操作指令的情况下，隐藏所述第一页面，并加载第二页面；
获取单元，用于在隐藏所述第一页面且加载所述第二页面的过程中，获取所述第一页面和所述第二页面在所述交互界面上显示过程中的交叉面积；
确定单元，用于基于所述交叉面积，确定所述第二页面是否成功显示在所述交互界面上；
其中，所述确定单元用于通过如下步骤来基于所述交叉面积，确定所述第二页面是否成功显示在所述交互界面上：获取所述第二页面在所述交互界面上允许渲染的最大显示面积；基于所述交叉面积在所述最大显示面积的占比，确定所述第二页面是否成功显示在所述交互界面上；其中，所述占比大于阈值，则确定所述第二页面已成功显示在所述交互界面中。
7.根据权利要求6所述的装置，其特征在于，所述装置还包括：
执行单元，用于在隐藏所述第一页面，并加载第二页面之后，通过调取绘制函数，来执行根据层级生成对应的图层操作，其中，所述图层操作包括：通过分离函数来执行隐藏所述第一页面，并通过贴附函数来执行加载所述第二页面。
8.一种计算机可读的存储介质，其特征在于，所述计算机可读的存储介质包括存储的程序，其中，所述程序被处理器运行时执行上述权利要求1至5任一项中所述的方法。
9.一种电子装置，包括存储器和处理器，其特征在于，所述存储器中存储有计算机程序，所述处理器被设置为通过所述计算机程序执行所述权利要求1至5任一项中所述的方法。
CN202110715033.4A 2021-06-25 2021-06-25 页面数据的处理方法、装置、存储介质和电子装置 Active CN113485778B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110715033.4A CN113485778B (zh) 2021-06-25 2021-06-25 页面数据的处理方法、装置、存储介质和电子装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110715033.4A CN113485778B (zh) 2021-06-25 2021-06-25 页面数据的处理方法、装置、存储介质和电子装置

Publications (2)

Publication Number Publication Date
CN113485778A CN113485778A (zh) 2021-10-08
CN113485778B true CN113485778B (zh) 2023-06-13

Family

ID=77936321

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110715033.4A Active CN113485778B (zh) 2021-06-25 2021-06-25 页面数据的处理方法、装置、存储介质和电子装置

Country Status (1)

Country Link
CN (1) CN113485778B (zh)

Citations (26)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102750089A (zh) * 2012-06-06 2012-10-24 谢达 一种环绕屏幕边缘显示的用户界面的显示方法
CN103412751A (zh) * 2013-08-05 2013-11-27 北京奇虎科技有限公司 一种锁屏界面的信息展示方法和装置
CN103488389A (zh) * 2013-07-05 2014-01-01 贝壳网际（北京）安全技术有限公司 一种页面显示方法、装置和浏览器装置
CN103513869A (zh) * 2013-09-22 2014-01-15 东莞宇龙通信科技有限公司 终端锁屏界面、Widget小部件的显示方法及装置
CN104238910A (zh) * 2013-06-19 2014-12-24 柯尼卡美能达株式会社 电子显示终端、以及显示方法
CN104484104A (zh) * 2014-12-15 2015-04-01 北京国双科技有限公司 页面显示的方法及装置
CN107203381A (zh) * 2017-05-25 2017-09-26 深圳天珑无线科技有限公司 界面显示方法及装置
CN107908320A (zh) * 2017-10-27 2018-04-13 上海京颐科技股份有限公司 显示页面切换方法及装置、计算机可读存储介质
CN108319683A (zh) * 2018-01-31 2018-07-24 广东欧珀移动通信有限公司 网页显示方法、装置及终端
CN109240897A (zh) * 2018-09-25 2019-01-18 郑州云海信息技术有限公司 一种事件处理页面信息展示方法、装置、设备及存储介质
CN109284464A (zh) * 2018-08-29 2019-01-29 网宿科技股份有限公司 页面加载方法及终端、页面响应方法及服务器
CN109460233A (zh) * 2018-10-25 2019-03-12 北京字节跳动网络技术有限公司 页面的原生界面显示更新方法、装置、终端设备及介质
CN110083290A (zh) * 2019-03-29 2019-08-02 北京点众科技股份有限公司 一种处理翻页的方法和设备
CN110119296A (zh) * 2019-04-30 2019-08-13 华为技术有限公司 切换父页面和子页面的方法、相关装置
CN110196674A (zh) * 2019-05-07 2019-09-03 珠海格力电器股份有限公司 一种终端交互方法、装置、介质及终端
CN110457613A (zh) * 2019-05-24 2019-11-15 平安普惠企业管理有限公司 页面数据加载控制方法、装置、计算机设备及存储介质
CN110489682A (zh) * 2019-07-08 2019-11-22 北京三快在线科技有限公司 一种页面加载方法和装置
CN110569094A (zh) * 2019-07-29 2019-12-13 华为技术有限公司 一种显示方法及电子设备
CN110647274A (zh) * 2019-08-15 2020-01-03 华为技术有限公司 一种界面显示方法及设备
CN110888584A (zh) * 2018-09-11 2020-03-17 北京京东尚科信息技术有限公司 一种页面内容显示控制方法和装置
CN111142988A (zh) * 2019-12-03 2020-05-12 东软集团股份有限公司 页面测试方法、装置、存储介质及电子设备
CN111488185A (zh) * 2020-04-15 2020-08-04 北京字节跳动网络技术有限公司 页面数据处理方法、装置、电子设备和可读介质
CN111782324A (zh) * 2020-06-29 2020-10-16 平安普惠企业管理有限公司 应用界面跳转方法、装置、设备以及计算机可读存储介质
CN112131300A (zh) * 2020-08-07 2020-12-25 农业农村部农药检定所(国际食品法典农药残留委员会秘书处) 一种基于Flutter的跨平台数据制作方法和装置
US10902873B1 (en) * 2019-09-21 2021-01-26 International Business Machines Corporation Apparatus with multi-channel tape head module having controllable expansion elements
CN112905094A (zh) * 2021-03-19 2021-06-04 北京字节跳动网络技术有限公司 一种对象操作处理的方法、装置以及计算机存储介质

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
FR2986711A1 (fr) * 2012-02-15 2013-08-16 Fisher & Paykel Healthcare Ltd Systeme, appareil et procedes pour distribuer des gaz
US10580438B1 (en) * 2018-10-18 2020-03-03 International Business Machines Corporation Multichannel tape head module having thermal device for controlling span between transducers

Patent Citations (26)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102750089A (zh) * 2012-06-06 2012-10-24 谢达 一种环绕屏幕边缘显示的用户界面的显示方法
CN104238910A (zh) * 2013-06-19 2014-12-24 柯尼卡美能达株式会社 电子显示终端、以及显示方法
CN103488389A (zh) * 2013-07-05 2014-01-01 贝壳网际（北京）安全技术有限公司 一种页面显示方法、装置和浏览器装置
CN103412751A (zh) * 2013-08-05 2013-11-27 北京奇虎科技有限公司 一种锁屏界面的信息展示方法和装置
CN103513869A (zh) * 2013-09-22 2014-01-15 东莞宇龙通信科技有限公司 终端锁屏界面、Widget小部件的显示方法及装置
CN104484104A (zh) * 2014-12-15 2015-04-01 北京国双科技有限公司 页面显示的方法及装置
CN107203381A (zh) * 2017-05-25 2017-09-26 深圳天珑无线科技有限公司 界面显示方法及装置
CN107908320A (zh) * 2017-10-27 2018-04-13 上海京颐科技股份有限公司 显示页面切换方法及装置、计算机可读存储介质
CN108319683A (zh) * 2018-01-31 2018-07-24 广东欧珀移动通信有限公司 网页显示方法、装置及终端
CN109284464A (zh) * 2018-08-29 2019-01-29 网宿科技股份有限公司 页面加载方法及终端、页面响应方法及服务器
CN110888584A (zh) * 2018-09-11 2020-03-17 北京京东尚科信息技术有限公司 一种页面内容显示控制方法和装置
CN109240897A (zh) * 2018-09-25 2019-01-18 郑州云海信息技术有限公司 一种事件处理页面信息展示方法、装置、设备及存储介质
CN109460233A (zh) * 2018-10-25 2019-03-12 北京字节跳动网络技术有限公司 页面的原生界面显示更新方法、装置、终端设备及介质
CN110083290A (zh) * 2019-03-29 2019-08-02 北京点众科技股份有限公司 一种处理翻页的方法和设备
CN110119296A (zh) * 2019-04-30 2019-08-13 华为技术有限公司 切换父页面和子页面的方法、相关装置
CN110196674A (zh) * 2019-05-07 2019-09-03 珠海格力电器股份有限公司 一种终端交互方法、装置、介质及终端
CN110457613A (zh) * 2019-05-24 2019-11-15 平安普惠企业管理有限公司 页面数据加载控制方法、装置、计算机设备及存储介质
CN110489682A (zh) * 2019-07-08 2019-11-22 北京三快在线科技有限公司 一种页面加载方法和装置
CN110569094A (zh) * 2019-07-29 2019-12-13 华为技术有限公司 一种显示方法及电子设备
CN110647274A (zh) * 2019-08-15 2020-01-03 华为技术有限公司 一种界面显示方法及设备
US10902873B1 (en) * 2019-09-21 2021-01-26 International Business Machines Corporation Apparatus with multi-channel tape head module having controllable expansion elements
CN111142988A (zh) * 2019-12-03 2020-05-12 东软集团股份有限公司 页面测试方法、装置、存储介质及电子设备
CN111488185A (zh) * 2020-04-15 2020-08-04 北京字节跳动网络技术有限公司 页面数据处理方法、装置、电子设备和可读介质
CN111782324A (zh) * 2020-06-29 2020-10-16 平安普惠企业管理有限公司 应用界面跳转方法、装置、设备以及计算机可读存储介质
CN112131300A (zh) * 2020-08-07 2020-12-25 农业农村部农药检定所(国际食品法典农药残留委员会秘书处) 一种基于Flutter的跨平台数据制作方法和装置
CN112905094A (zh) * 2021-03-19 2021-06-04 北京字节跳动网络技术有限公司 一种对象操作处理的方法、装置以及计算机存储介质

Also Published As

Publication number Publication date
CN113485778A (zh) 2021-10-08

Similar Documents

Publication Publication Date Title
CN108874289B (zh) 应用历史记录查看方法、装置及电子设备
CN106533899B (zh) 一种信息显示处理的方法、装置及系统
KR20140091555A (ko) 웹 페이지 렌더링 시간 측정 기법
CN106789565A (zh) 社交内容分享方法及装置
CN104765746B (zh) 用于移动通讯终端浏览器的数据处理方法和装置
CN104503877A (zh) 一种对智能终端进行评测的方法和装置
CN104636142A (zh) 一种信息处理方法及电子设备
CN111130987A (zh) Awr报告自动获取方法、装置、电子设备及存储介质
CN107958050A (zh) 城市规划监控方法、装置及电子设备
CN113296649A (zh) 图标显示方法、装置及电子设备
CN106257507B (zh) 用户行为的风险评估方法及装置
CN107291805B (zh) 一种用于控制推送信息的方法与装置
CN109543168A (zh) 房产海报的待分享者信息添加方法、服务器以及存储介质
CN112148395A (zh) 页面显示方法、装置、设备及存储介质
CN113485778B (zh) 页面数据的处理方法、装置、存储介质和电子装置
CN110048937B (zh) 分屏显示聊天信息的方法、装置、用户终端及存储介质
CN111768241A (zh) 交互资格等级确定方法、装置、设备及存储介质
CN117009221A (zh) 产品测试的处理方法、装置、设备、存储介质及程序产品
CN111160738A (zh) 事件处理方法、装置、存储介质及电子装置
CN109933260A (zh) 识屏方法、装置、终端及存储介质
CN108572985B (zh) 一种页面显示方法及装置
CN111694477B (zh) 标签处理方法、装置及电子设备
CN115080824A (zh) 目标词的挖掘方法、装置、电子设备及存储介质
CN104750823B (zh) 推广情况数据的查询方法及装置
CN114169006A (zh) 隐私合规检测模型的训练方法、隐私合规检测方法及装置

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
GR01 Patent grant
GR01 Patent grant