CN110837368A - 一种数据处理的方法、装置及电子设备 - Google Patents

Abstract

本申请提供了一种数据处理的方法、装置及电子设备，所述方法包括：当检测到指定事件被触发时，确定当前渲染的多个UI；其中，所述多个UI对应的子容器嵌套于同一滚动容器中；分别确定所述多个UI对应的属性信息；基于所述属性信息，确定当前曝光的目标UI，并调用所述目标UI对应的埋点，生成埋点数据。通过本申请，实现了针对滚动容器的曝光埋点，且从渲染的多个UI中确定曝光的UI，保证了埋点数据的准确性。

Description

一种数据处理的方法、装置及电子设备

技术领域

本申请涉及互联网技术领域，特别是涉及一种数据处理的方法、装置及电子设备。

背景技术

目前，部分客户端通过在滚动容器中嵌套多个子容器，将页面设计为多个UI(UserInterface，用户界面)滚动的方式，提升了用户体验。

当需要加载某个页面时，IOS(Iphone Operating System)通常会将页面对应的滚动容器中嵌套的多个子容器提前渲染，以保证UI滚动的流畅性。

然而，子容器的提前渲染导致现有的曝光埋点方法误以为提前渲染的UI均已曝光，进而采集埋点数据，而实际上，屏幕通常仅能曝光一个UI，部分UI虽然已经提前渲染却未曝光，导致采集的埋点数据并不准确。

发明内容

鉴于上述问题，提出了本申请以便提供克服上述问题或者至少部分地解决上述问题的一种数据处理的方法、装置及电子设备，包括：

一种数据处理的方法，其特征在于，所述方法包括：

当检测到指定事件被触发时，确定当前渲染的多个UI；其中，所述多个UI对应的子容器嵌套于同一滚动容器中；

分别确定所述多个UI对应的属性信息；

基于所述属性信息，确定当前曝光的目标UI，并调用所述目标UI对应的埋点，生成埋点数据。

可选地，所述属性信息包括第一坐标信息，所述基于所述属性信息，确定当前曝光的目标UI的步骤包括：

针对每个UI，将所述第一坐标信息转换为第二坐标信息；

根据所述第二坐标信息，确定显示在当前屏幕内的UI；

将所述显示在当前屏幕内的UI，确定为当前曝光的目标UI；

其中，所述第一坐标信息为所述滚动容器对应的第一坐标系中的坐标信息，所述第二坐标信息为所述当前屏幕对应的第二坐标系中的坐标信息。

可选地，所述属性信息还包括第一尺寸信息，所述根据所述第二坐标信息，确定显示在当前屏幕内的UI的步骤包括：

确定当前屏幕对应的第二尺寸信息；

根据所述第一尺寸信息、所述第二尺寸信息，以及所述第二坐标信息，确定显示在当前屏幕内的UI。

可选地，所述根据所述第一尺寸信息、所述第二尺寸信息，以及所述第二坐标信息，确定显示在当前屏幕内的UI的步骤包括：

确定所述第二坐标信息中的横坐标与纵坐标；

当所述横坐标与所述纵坐标均大于或等于0，且所述第二尺寸信息包含所述第一尺寸信息时，确定对应的UI显示在当前屏幕内。

可选地，所述第一坐标系以所述滚动容器对应的滚动UI的左上角为坐标原点，所述第二坐标系以所述当前屏幕中目标视图的左上角为坐标原点。

可选地，所述目标视图包括所述当前屏幕的根视图，或，所述根视图与所述滚动UI之间的任一层视图。

可选地，所述调用所述目标UI对应的埋点，生成埋点数据的步骤包括：

确定所述目标UI中当前曝光一个或多个UI控件；

调用所述目标UI对应的埋点，采集所述一个或多个UI控件对应的的埋点数据，以发送至服务端。

一种数据处理的装置，所述装置包括：

UI确定模块，用于当检测到指定事件被触发时，确定当前渲染的多个UI；其中，所述多个UI对应的子容器嵌套于同一滚动容器中；

属性信息确定模块，用于分别确定所述多个UI对应的属性信息；

埋点数据生成模块，用于基于所述属性信息，确定当前曝光的目标UI，并调用所述目标UI对应的埋点，生成埋点数据。

可选地，所述属性信息包括第一坐标信息，所述埋点数据生成模块包括：

坐标转换子模块，用于针对每个UI，将所述第一坐标信息转换为第二坐标信息；

屏幕显示确定子模块，用于根据所述第二坐标信息，确定显示在当前屏幕内的UI；

目标UI确定子模块，用于将所述显示在当前屏幕内的UI，确定为当前曝光的目标UI；

其中，所述第一坐标信息为所述滚动容器对应的第一坐标系中的坐标信息，所述第二坐标信息为所述当前屏幕对应的第二坐标系中的坐标信息。

可选地，所述属性信息还包括第一尺寸信息，所述屏幕显示确定子模块包括：

第二尺寸信息确定单元，用于确定当前屏幕对应的第二尺寸信息；

尺寸坐标分析单元，用于根据所述第一尺寸信息、所述第二尺寸信息，以及所述第二坐标信息，确定显示在当前屏幕内的UI。

可选地，所述尺寸坐标分析单元包括：

坐标确定子单元，用于确定所述第二坐标信息中的横坐标与纵坐标；

坐标尺寸判断子单元，用于当所述横坐标与所述纵坐标均大于或等于0，且所述第二尺寸信息包含所述第一尺寸信息时，确定对应的UI显示在当前屏幕内。

可选地，所述第一坐标系以所述滚动容器对应的滚动UI的左上角为坐标原点，所述第二坐标系以所述当前屏幕中目标视图的左上角为坐标原点。

可选地，所述目标视图包括所述当前屏幕的根视图，或，所述根视图与所述滚动UI之间的任一层视图。

可选地，所述埋点数据生成模块包括：

UI控件确定子模块，用于确定所述目标UI中当前曝光一个或多个UI控件；

埋点数据采集子模块，用于调用所述目标UI对应的埋点，采集所述一个或多个UI控件对应的的埋点数据，以发送至服务端。

一种电子设备，包括处理器、存储器及存储在所述存储器上并能够在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如上所述的数据处理的方法的步骤。

一种计算机可读存储介质，所述计算机可读存储介质上存储计算机程序，所述计算机程序被处理器执行时实现如上所述的数据处理的方法的步骤。

本申请具有以下优点：

在本申请中，通过在检测到指定事件被触发时，确定当前渲染的多个UI，多个UI对应的子容器嵌套于同一滚动容器中，然后分别确定多个UI对应的属性信息，基于属性信息，确定当前曝光的目标UI，并调用目标UI对应的埋点，生成埋点数据，实现了针对滚动容器的曝光埋点，且从渲染的多个UI中确定曝光的UI，保证了埋点数据的准确性。

附图说明

为了更清楚地说明本申请的技术方案，下面将对本申请的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本申请一实施例提供的一种数据处理的方法的步骤流程图；

图2是本申请一实施例提供的一种UI的示意图；

图3是本申请一实施例提供的另一种数据处理的方法的步骤流程图；

图4是本申请一实施例提供的一种数据处理的装置的结构框图。

具体实施方式

为使本申请的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本申请作进一步详细的说明。显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

参照图1，示出了本申请一实施例提供的一种数据处理的方法的步骤流程图，应用于客户端，该客户端可以安装于IOS的移动终端中。

具体的，可以包括如下步骤：

步骤102，当检测到指定事件被触发时，确定当前渲染的多个UI；其中，多个UI对应的子容器嵌套于同一滚动容器中；

作为一示例，滚动容器可以为具有滚动属性的UI控件，如ScrollView，其可以包括横向滚动容器、纵向滚动容器，以及其他子容器嵌套的滚动容器，

在一优选示例中，子容器也可以为滚动容器，如子容器为纵向滚动容器，多个子容器嵌套的滚动容器为横向滚动容器。

在本实施例中，滚动容器作为父容器，其可以嵌套多个子容器，当检测到页面加载操作时，如开启客户端后加载首页，则可以确定对应的滚动容器，然后可以对滚动容器中嵌套的多个子容器进行渲染，得到多个UI，如图2中A、B、C为当前渲染的多个UI。

步骤104，分别确定多个UI对应的属性信息；

针对每个UI，可以调用RECT对象，获取UI对应的属性信息，如当UI为矩形框时，属性信息可以包括矩形框的左上角坐标、宽度和高度。

步骤106，基于属性信息，确定当前曝光的目标UI，并调用目标UI对应的埋点，生成埋点数据。

在确定属性信息后，可以根据属性信息判断UI是否显示曝光，即显示在移动终端的屏幕内，若是，则确定为当前曝光的目标UI，并调用预先设置的埋点，生成埋点数据，若否，则不进行处理。

在本申请一实施例中，调用目标UI对应的埋点，生成埋点数据的步骤可以包括如下子步骤：

确定目标UI中当前曝光一个或多个UI控件；调用目标UI对应的埋点，采集一个或多个UI控件对应的的埋点数据，以发送至服务端。

在具体实现中，每个UI对应的子容器内可以具有多个UI控件，每个UI控件可以对应一项业务，通过采用遍历或递归遍历的方式，从目标UI的所有UI控件中，确定当前曝光的UI控件。

在确定UI控件后，可以调用埋点采集对应的埋点数据，然后将埋点数据发送至服务端，服务端可以通过分析埋点数据，并结合点击和成交数据，建立数据模型，以生成个性化的业务推荐策略，以提升业务的成交率。

在本申请中，通过在检测到指定事件被触发时，确定当前渲染的多个UI，多个UI对应的子容器嵌套于同一滚动容器中，然后分别确定多个UI对应的属性信息，基于属性信息，确定当前曝光的目标UI，并调用目标UI对应的埋点，生成埋点数据，实现了针对滚动容器的曝光埋点，且从渲染的多个UI中确定曝光的UI，保证了埋点数据的准确性。

参照图3，示出了本申请一实施例提供的另一种数据处理的方法的步骤流程图，具体可以包括如下步骤：

步骤302，当检测到指定事件被触发时，确定当前渲染的多个UI；

其中，多个UI对应的子容器可以嵌套于同一滚动容器中。

在本实施例中，当检测到页面加载操作时，如开启客户端后加载首页，则可以确定页面加载操作对应的滚动容器，然后可以对滚动容器中嵌套的多个子容器进行渲染，得到多个UI。

步骤304，分别确定多个UI对应的属性信息；其中，属性信息包括第一坐标信息；

其中，第一坐标信息可以为滚动容器对应的第一坐标系中的坐标信息，第一坐标系可以以滚动容器对应的滚动UI的左上角为坐标原点。

在实际应用中，可以对滚动容器进行渲染，得到滚动UI，滚动UI可以嵌套各个子容器渲染得到的UI，以滚动容器对应的滚动UI的左上角为坐标原点，可以建立滚动容器对应的第一坐标系，得到第一坐标信息。

需要说明的是，当用户通过滑动操作在当前渲染的多个UI之间进行UI切换时，每个UI对应的第一坐标信息中也会发生变化，则可以重新确定多个UI对应的第一坐标信息。

步骤306，针对每个UI，将第一坐标信息转换为第二坐标信息；

其中，第二坐标信息为当前屏幕对应的第二坐标系中的坐标信息，第二坐标系可以以当前屏幕中目标视图的左上角为坐标原点。

作为一示例，目标视图可以包括当前屏幕的根视图，或，根视图与滚动UI之间的任一层视图。

其中，根视图为客户端启动时创建的视图，可以用于承载客户端内的所有UI控件，其可以与屏幕的大小相近。

在具体实现中，可以以当前屏幕中目标视频的左上角为坐标原点，建立第二坐标系，然后可以采用第二坐标系，对第一坐标信息进行坐标转换，得到第二坐标信息，即相对于当前屏幕的真实位置。

步骤308，根据第二坐标信息，确定显示在当前屏幕内的UI；

针对每个UI，在确定第二坐标信息后，可以直接根据第二坐标信息，确定UI所处的位置，以确定显示在当前屏幕内的UI。

在本实施例中，通过转标转换来确定UI是否在显示屏幕内，无需服务端的支持和额外的开发，避免了造成计算、内存开销，侵入性小，成本低。

在本申请一实施例中，属性信息还可以包括第一尺寸信息，第一尺寸信息可以包括UI的宽度和高度，则步骤208可以包括如下子步骤：

确定当前屏幕对应的第二尺寸信息；根据第一尺寸信息、第二尺寸信息，以及第二坐标信息，确定显示在当前屏幕内的UI。

在实际应用中，可以确定当前屏幕对应的第二尺寸信息，第二尺寸信息可以包括当前屏幕的宽度和高度，然后可以结合第一尺寸信息、第二尺寸信息，以及第二坐标信息，确定显示在当前屏幕内的UI。

具体的，根据第一尺寸信息、第二尺寸信息，以及第二坐标信息，确定显示在当前屏幕内的UI的步骤可以包括如下子步骤：

确定第二坐标信息中的横坐标与纵坐标；当横坐标与纵坐标均大于或等于0，且第二尺寸信息包含第一尺寸信息时，确定对应的UI显示在当前屏幕内。

在IOS中，横坐标向右为正方向，纵坐标向下为正方向，可以从第二坐标信息中提取出横坐标与纵坐标，当横坐标和纵坐标均大于或等于0，且第二尺寸信息包含第一尺寸信息时，则判定对应的UI显示在当前屏幕内。

实际上，当横坐标大于或等于0，则表征UI的左侧显示在当前屏幕内，当第一尺寸信息中宽度小于第二尺寸信息中宽度，则表征UI的右侧显示在当前屏幕内，当纵坐标大于或等于0，则表征UI的顶部显示在当前屏幕内，当第一尺寸信息中高度小于第二尺寸信息中高度，则表征UI的底部显示在当前屏幕内。

步骤310，将显示在当前屏幕内的UI，确定为当前曝光的目标UI；

在确定显示在当前屏幕内的UI后，可以将显示在当前屏幕内的UI，确定为当前曝光的目标UI，对于未显示在屏幕内的UI则不进行处理。

步骤312，调用目标UI对应的埋点，生成埋点数据。

在确定目标UI后，可以调用预先设置的埋点，采集目标UI对应的埋点数据，以实现对显示在屏幕内的UI进行曝光埋点。

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请实施例并不受所描述的动作顺序的限制，因为依据本申请实施例，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作并不一定是本申请实施例所必须的。

参照图4，示出了本申请一实施例提供的一种数据处理的装置的结构框图，具体可以包括如下模块：

UI确定模块402，用于当检测到指定事件被触发时，确定当前渲染的多个UI；其中，多个UI对应的子容器嵌套于同一滚动容器中；

属性信息确定模块404，用于分别确定多个UI对应的属性信息；

埋点数据生成模块406，用于基于属性信息，确定当前曝光的目标UI，并调用目标UI对应的埋点，生成埋点数据。

在本申请一实施例中，属性信息包括第一坐标信息，埋点数据生成模块406包括：

坐标转换子模块，用于针对每个UI，将第一坐标信息转换为第二坐标信息；

屏幕显示确定子模块，用于根据第二坐标信息，确定显示在当前屏幕内的UI；

目标UI确定子模块，用于将显示在当前屏幕内的UI，确定为当前曝光的目标UI；

其中，第一坐标信息为滚动容器对应的第一坐标系中的坐标信息，第二坐标信息为当前屏幕对应的第二坐标系中的坐标信息。

在本申请一实施例中，属性信息还包括第一尺寸信息，屏幕显示确定子模块包括：

第二尺寸信息确定单元，用于确定当前屏幕对应的第二尺寸信息；

尺寸坐标分析单元，用于根据第一尺寸信息、第二尺寸信息，以及第二坐标信息，确定显示在当前屏幕内的UI。

在本申请一实施例中，尺寸坐标分析单元包括：

坐标确定子单元，用于确定第二坐标信息中的横坐标与纵坐标；

坐标尺寸判断子单元，用于当横坐标与纵坐标均大于或等于0，且第二尺寸信息包含第一尺寸信息时，确定对应的UI显示在当前屏幕内。

在本申请一实施例中，第一坐标系以滚动容器对应的滚动UI的左上角为坐标原点，第二坐标系以当前屏幕中目标视图的左上角为坐标原点。

在本申请一实施例中，目标视图包括当前屏幕的根视图，或，根视图与滚动UI之间的任一层视图。

在本申请一实施例中，埋点数据生成模块406包括：

UI控件确定子模块，用于确定目标UI中当前曝光一个或多个UI控件；

埋点数据采集子模块，用于调用目标UI对应的埋点，采集一个或多个UI控件对应的的埋点数据，以发送至服务端。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本申请一实施例还提供了电子设备，可以包括处理器、存储器及存储在存储器上并能够在处理器上运行的计算机程序，计算机程序被处理器执行时实现如上数据处理的方法的步骤。

本申请一实施例还提供了计算机可读存储介质，计算机可读存储介质上存储计算机程序，计算机程序被处理器执行时实现如上数据处理的方法的步骤。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

本领域内的技术人员应明白，本申请实施例的实施例可提供为方法、装置、或计算机程序产品。因此，本申请实施例可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请实施例可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请实施例是参照根据本申请实施例的方法、终端设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理终端设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理终端设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理终端设备上，使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本申请实施例的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请实施例范围的所有变更和修改。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。

以上对本申请所提供的一种数据处理的方法、装置及电子设备，进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (10)

1.一种数据处理的方法，其特征在于，所述方法包括：

当检测到指定事件被触发时，确定当前渲染的多个UI；其中，所述多个UI对应的子容器嵌套于同一滚动容器中；

分别确定所述多个UI对应的属性信息；

基于所述属性信息，确定当前曝光的目标UI，并调用所述目标UI对应的埋点，生成埋点数据。

2.根据权利要求1所述的方法，其特征在于，所述属性信息包括第一坐标信息，所述基于所述属性信息，确定当前曝光的目标UI的步骤包括：

针对每个UI，将所述第一坐标信息转换为第二坐标信息；

根据所述第二坐标信息，确定显示在当前屏幕内的UI；

将所述显示在当前屏幕内的UI，确定为当前曝光的目标UI；

其中，所述第一坐标信息为所述滚动容器对应的第一坐标系中的坐标信息，所述第二坐标信息为所述当前屏幕对应的第二坐标系中的坐标信息。

3.根据权利要求2所述的方法，其特征在于，所述属性信息还包括第一尺寸信息，所述根据所述第二坐标信息，确定显示在当前屏幕内的UI的步骤包括：

确定当前屏幕对应的第二尺寸信息；

根据所述第一尺寸信息、所述第二尺寸信息，以及所述第二坐标信息，确定显示在当前屏幕内的UI。

4.根据权利要求3所述的方法，其特征在于，所述根据所述第一尺寸信息、所述第二尺寸信息，以及所述第二坐标信息，确定显示在当前屏幕内的UI的步骤包括：

确定所述第二坐标信息中的横坐标与纵坐标；

当所述横坐标与所述纵坐标均大于或等于0，且所述第二尺寸信息包含所述第一尺寸信息时，确定对应的UI显示在当前屏幕内。

5.根据权利要求2或3或4所述的方法，其特征在于，所述第一坐标系以所述滚动容器对应的滚动UI的左上角为坐标原点，所述第二坐标系以所述当前屏幕中目标视图的左上角为坐标原点。

6.根据权利要求5所述的方法，其特征在于，所述目标视图包括所述当前屏幕的根视图，或，所述根视图与所述滚动UI之间的任一层视图。

7.根据权利要求1所述的方法，其特征在于，所述调用所述目标UI对应的埋点，生成埋点数据的步骤包括：

确定所述目标UI中当前曝光一个或多个UI控件；

调用所述目标UI对应的埋点，采集所述一个或多个UI控件对应的的埋点数据，以发送至服务端。

8.一种数据处理的装置，其特征在于，所述装置包括：

UI确定模块，用于当检测到指定事件被触发时，确定当前渲染的多个UI；其中，所述多个UI对应的子容器嵌套于同一滚动容器中；

属性信息确定模块，用于分别确定所述多个UI对应的属性信息；

埋点数据生成模块，用于基于所述属性信息，确定当前曝光的目标UI，并调用所述目标UI对应的埋点，生成埋点数据。

9.根据权利要求8所述的装置，其特征在于，所述属性信息包括第一坐标信息，所述埋点数据生成模块包括：

坐标转换子模块，用于针对每个UI，将所述第一坐标信息转换为第二坐标信息；

屏幕显示确定子模块，用于根据所述第二坐标信息，确定显示在当前屏幕内的UI；

目标UI确定子模块，用于将所述显示在当前屏幕内的UI，确定为当前曝光的目标UI；

其中，所述第一坐标信息为所述滚动容器对应的第一坐标系中的坐标信息，所述第二坐标信息为所述当前屏幕对应的第二坐标系中的坐标信息。

10.根据权利要求9所述的装置，其特征在于，所述属性信息还包括第一尺寸信息，所述屏幕显示确定子模块包括：

第二尺寸信息确定单元，用于确定当前屏幕对应的第二尺寸信息；

尺寸坐标分析单元，用于根据所述第一尺寸信息、所述第二尺寸信息，以及所述第二坐标信息，确定显示在当前屏幕内的UI。

Images