CN109343903A - 一种更新用户界面的方法及终端 - Google Patents
一种更新用户界面的方法及终端 Download PDFInfo
- Publication number
- CN109343903A CN109343903A CN201811122211.7A CN201811122211A CN109343903A CN 109343903 A CN109343903 A CN 109343903A CN 201811122211 A CN201811122211 A CN 201811122211A CN 109343903 A CN109343903 A CN 109343903A
- Authority
- CN
- China
- Prior art keywords
- user interface
- interface
- target
- components
- layout
- 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
Links
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
- 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/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
Abstract
本发明适用于计算机技术领域，提供了一种更新用户界面的方法及终端，该方法包括：获取界面更新指令；根据所述界面更新指令中包含的目标界面的界面标识，获取目标界面的布局信息；基于当前界面的布局信息以及所述目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件；基于所述目标界面的布局信息加载所述目标用户界面组件对应的界面布局数据，并创建所述增量用户界面组件以及加载所述增量用户界面组件对应的界面布局数据，生成所述目标界面。本发明实施例，在更新目标页面时，通过复用相同的目标用户界面组件，避免在加载用户界面时重复创建并销毁目标用户界面组件，从而减少资源浪费的目标，提升界面加载速率。
Description
技术领域
本发明属于计算机技术领域，尤其涉及一种更新用户界面的方法及终端。
背景技术
流量平台是一种广告展示渠道，即广告曝光平台，例如通讯工具的聊天窗口、网站的网页页面、手机应用程序的界面等。目前，运行于终端内的流量平台应用一般只能显示一个窗口，进而通过附属于窗口的页面显示该页面对应的内容，例如广告数据，一个界面可以显示多条广告，每个广告界面对应有相应的布局数据，该布局数据用于形成该广告界面。
由于流量平台的界面布局数据是动态变化的，无法确定界面布局数据的唯一身份标识(例如，布局数据的ID)，当终端需要更新当前页面显示的部分广告时，终端需要创建新的广告界面，并销毁当前显示的界面从而显示新的广告界面；由于创建界面和销毁界面均需要消耗系统资源，当界面中具有部分或全部界面布局相同(例如，界面中的部分视图view相同)时，更新显示界面会导致系统资源浪费。
发明内容
有鉴于此，本发明实施例提供了一种更新用户界面的方法及终端，以解决现有技术中，由于流量平台的布局数据是动态变化，当界面中具有部分或全部界面布局相同时，更新显示界面会导致系统资源浪费的问题。
本发明实施例的第一方面提供了一种更新用户界面的方法，包括：
获取界面更新指令；所述界面更新指令包括待显示的目标界面的界面标识；
根据所述界面更新指令中包含的目标界面的界面标识，获取目标界面的布局信息；所述布局信息至少包括用户界面包含的用户界面组件的组件信息以及每个所述用户界面组件各自对应的位置信息；
基于当前界面的布局信息以及所述目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件；
基于所述目标界面的布局信息加载所述目标用户界面组件对应的界面布局数据，并创建所述增量用户界面组件以及加载所述增量用户界面组件对应的界面布局数据，生成所述目标界面。
本发明实施例的第二方面提供了一种终端，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现以下步骤：
获取界面更新指令；所述界面更新指令包括待显示的目标界面的界面标识；
根据所述界面更新指令中包含的目标界面的界面标识，获取目标界面的布局信息；所述布局信息至少包括用户界面包含的用户界面组件的组件信息以及每个所述用户界面组件各自对应的位置信息；
基于当前界面的布局信息以及所述目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件；
基于所述目标界面的布局信息加载所述目标用户界面组件对应的界面布局数据，并创建所述增量用户界面组件以及加载所述增量用户界面组件对应的界面布局数据，生成所述目标界面。
本发明实施例的第三方面提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：
获取界面更新指令；所述界面更新指令包括待显示的目标界面的界面标识；
根据所述界面更新指令中包含的目标界面的界面标识，获取目标界面的布局信息；所述布局信息至少包括用户界面包含的用户界面组件的组件信息以及每个所述用户界面组件各自对应的位置信息；
基于当前界面的布局信息以及所述目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件；
基于所述目标界面的布局信息加载所述目标用户界面组件对应的界面布局数据，并创建所述增量用户界面组件以及加载所述增量用户界面组件对应的界面布局数据，生成所述目标界面。
实施本发明实施例提供的一种更新用户界面的方法及终端具有以下有益效果：
本发明实施例，终端基于当前界面的布局信息以及待加载的目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件；基于目标界面的布局信息加载所述目标用户界面组件对应的界面布局数据，并创建所述增量用户界面组件以及加载所述增量用户界面组件对应的界面布局数据，生成所述目标界面。终端通过复用相同的目标用户界面组件，避免在加载用户界面时重复创建并销毁目标用户界面组件，从而节省因重复创建及销毁目标用户界面组件所消耗的资源，达到减少资源浪费的目的，提升数据处理效率，进而提升界面加载速率。
附图说明
为了更清楚地说明本发明实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1是本发明一实施例提供的一种更新用户界面的方法的实现流程图；
图2是本发明另一实施例提供的一种更新用户界面的方法的实现流程图；
图3是本发明一实施例提供的一种终端的示意图；
图4是本发明另一实施例提供的一种终端的示意图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
请参见图1，图1是本发明实施例提供的一种更新用户界面的方法的实现流程图。本实施例中更新用户界面的方法的执行主体为终端。终端包括但不限于智能手机、平板电脑、可穿戴设备等移动终端，还可以是台式电脑等。如图所示的更新用户界面的方法可包括：
S101：获取界面更新指令；所述界面更新指令包括待显示的目标界面的界面标识。
请求显示的目标界面包括但不限于流量平台的任意用户界面，还可以是其他界面布局数据动态变化的用户界面。下面以请求显示流量平台的用户界面为例进行说明。
例如，当用户需要浏览流量平台的交互界面时，用户可触发终端与流量平台对应的服务器建立通信连接，获取并显示流量平台的交互界面。
流量平台的用户界面可以按预设的时间间隔进行更新，此时终端在检测到当前时时间到达预设的时间间隔对应的结束时刻时触发界面更新指令；流量平台的用户界面也可以根据用户在终端显示的流量平台的交互界面输入的触摸手势所触发的界面更新指令进行更新。触摸手势例如，向左滑动、向右滑动等。
例如，用户在需要更新交互界面时，可以在终端的触摸屏上输入触摸手势(例如，向左滑动、向右滑动等)触发界面更新指令，也可以通过流量平台的交互界面中的相应选项触发界面更新指令。界面更新指令包括待显示的目标界面的界面标识，该界面标识为唯一标识，可以是目标界面的名称或编号。
终端获取界面更新指令。当界面更新指令通过触摸手势触发时，可以根据触摸手势对应的控制指令、当前显示的交互界面、以及预设的页面加载顺序，确定待加载的目标界面。
例如，当检测到的触摸手势为向左滑动时，向左滑动对应的控制指令为加载与当前页面相邻的下一个页面；当检测到的触摸手势为向右滑动时，向右滑动对应的控制指令为加载与当前页面相邻的上一个页面；此时，终端可根据当前的页面以及预设的页面加载顺序，确定待加载的目标页面。
当界面更新指令是基于用户界面中的图标(该图标可以对应某功能选项)触发时，根据功能选项的标识与用户界面之间的关联关系，获取与该图标对应的功能选项的标识匹配的目标界面。
S102：根据所述界面更新指令中包含的目标界面的界面标识，获取目标界面的布局信息；所述布局信息至少包括用户界面包含的用户界面组件的组件信息以及每个所述用户界面组件各自对应的位置信息。
终端内预先建立并存储有用户界面的界面标识与布局信息之间的预设对应关系，用户界面与布局一一对应，不同的用户界面对应的布局信息可以相同，也可以不同。
终端根据用户界面的标识与布局之间的预设对应关系，获取与目标界面的标识(名称或编号)相匹配的目标布局信息，得到目标界面的布局信息。
布局信息包括用户界面包含的用户界面组件(user interface module，UI)的组件信息、每个用户界面组件在用户界面中的位置信息(例如，X坐标、Y坐标)。用户界面组件的组件信息包括组件标识。用户界面组件的组件信息还可以包括该用户界面对应的用户界面组件列表。
用户界面组件包括但不限于以下用户界面元素：窗口、视图、视图控制器以及导航控制器。
其中，窗口和视图是最基本的类，创建任何类型的用户界面都要用到。窗口表示屏幕上的一块几何区域，而视图类则用其自身的功能将这片空白填满。更小型的UI组件，如导航栏(navigation bar)、按钮和文本框等，都是附着在视图类之上的，而一个视图则链接到一个窗口。
视图控制器是一种控制器类，对视图进行封装与控制。控制器对视图进行管理，控制视图如何在屏幕上呈现。这为视图增添了额外的功能，比如内建的对旋转屏幕、转场(transition)以及其他屏幕事件的支持。
视图包括文本视图(text view)、表格视图。文本视图是专门用于呈现编辑器窗口、对文字进行查看或编辑的视图类。记事本应用程序就是一个很好的简单文本视图的例子。表格视图是一种列表，你可以用它来显示文件、消息或者其他类型的成组信息。它常用来在一种类似列表的形式中选择一个或多个项目。
导航栏经常被用来作为一种视觉上的提醒，让用户可以"翻回"到前一个视图，它可以提供一些按钮来修改当前屏幕页面上的元素，也可以用来显示多个控件，如分段控件和工具栏等。
导航控制器则可以管理多个视图控制器之间的切换，管理方式是在一个视图栈中压入和弹出视图控制器，而一切关于导航栏变化的工作则交给了视图控制器。每个视图控制器都有一组自己的导航栏属性，当该视图成为活动视图时，会由导航控制器将这些属性显示出来。
窗口转场效果，当应用程序在画面之间进行切换时，用户看到的效果就像翻书一样。在实现这种从一个视图到另一个视图之间的视觉转换时，使用了动画效果，而不是简单地闪动到下一幅画面。
S103：基于当前界面的布局信息以及所述目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件。
终端基于当前界面的布局信息获取当前界面包含的用户界面组件的组件标识；基于目标界面的布局信息获取目标界面包含的用户界面组件的组件标识，并比较当前界面包含的用户界面组件的组件标识以及目标界面包含的用户界面组件的组件标识，获取当前界面以及目标界面中组件标识相同的目标用户界面组件，以及获取目标界面相对于当前界面新增加的增量用户界面组件。
S104：基于所述目标界面的布局信息加载所述目标用户界面组件对应的界面布局数据，并绘制所述增量用户界面组件以及加载所述增量用户界面组件对应的界面布局数据，生成所述目标界面。
终端预先建立并存储有每个用户界面的界面标识、每个用户界面包含的用户界面组件的组件标识、用户界面组件对应的待加载的界面布局数据，三者之间的预设对应关系，通过这种方式，终端将每个用户界面中的每个用户界面组件与用户界面组件对应的待加载的界面布局数据关联起来。由于用户界面组件的组件标识是唯一的，在确定用户界面组件时，即可获取并加载该用户界面组件对应的界面布局数据。在相邻加载的两个用户界面中包括相同的用户界面组件时，不需要重新创建用户界面组件，只需更换其对应的界面布局数据即可，节省了重新创建用户界面组件所消耗的资源。或者，当相邻加载的两个用户界面中的相同的用户界面组件的位置发生变化时，根据布局信息中包含的用户界面组件各自对应的位置信息进行调整，并更换其对应的界面布局数据。
具体地，终端基于每个用户界面的界面标识、每个用户界面包含的用户界面组件的组件标识、用户界面组件的待加载的布局数据，三者之间的预设对应关系，获取目标界面中目标用户界面组件对应的第一界面布局数据，以及获取增量用户界面组件对应的第二界面布局数据。第一界面布局数据用于形成目标用户界面组件对应的UI界面，第二界面布局数据用于形成增量用户界面组件对应的UI界面。
在另一实施方式中，鉴于布局信息至少包括用户界面包含的用户界面组件的组件信息，终端可以预先建立并存储了每个用户界面组件的组件标识与待加载的界面布局数据之间的预设对应关系。终端基于每个用户界面组件的组件标识与待加载的界面布局数据之间的预设对应关系，获取目标界面的布局信息所包含的用户界面组件各自对应的界面布局数据，得到目标界面中目标用户界面组件对应的第一界面布局数据，以及得到增量用户界面组件对应的第二界面布局数据。
终端销毁当前界面中除目标用户界面组件之外的所有用户界面组件，基于目标用户界面组件在目标界面中各自对应的位置信息将目标用户界面组件移动至该位置信息对应的位置，并将目标界面中目标用户界面组件对应的第一界面布局数据加载至目标用户界面组件中，以替换其原来的布局数据；基于增量用户界面组件在目标界面中各自对应的位置信息，根据增量用户界面组件的属性信息在相应的位置创建增量用户界面组件，并将目标界面中增量用户界面组件对应的第二界面布局数据加载至增量用户界面组件中，从而得到目标界面。增量用户界面组件的属性信息包括增量用户界面组件包含的用户界面元素类型、每个界面元素所处的信息、每个界面元素的尺寸信息等。
可以理解的是，在生成目标界面的过程中，终端销毁当前界面中除目标用户界面组件之外的所有用户界面组件，以保留目标用户界面组件，从而能够在目标界面中复用目标用户界面组件；终端清空当前界面中目标用户界面组件的界面布局数据，以加载目标界面中目标用户界面组件对应的界面布局数据。
本发明实施例，终端基于当前界面的布局信息以及待加载的目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件；基于目标界面的布局信息加载所述目标用户界面组件对应的界面布局数据，并创建所述增量用户界面组件以及加载所述增量用户界面组件对应的界面布局数据，生成所述目标界面。终端通过复用相同的目标用户界面组件，避免在加载用户界面时重复创建并销毁目标用户界面组件，从而节省因重复创建及销毁目标用户界面组件所消耗的资源，达到减少资源浪费的目的，提升数据处理效率，进而提升界面加载速率。
请参见图2，图2是本发明另一实施例提供的一种更新用户界面的方法的实现流程图。本实施例中更新用户界面的方法的执行主体为终端。终端包括但不限于智能手机、平板电脑、可穿戴设备等移动终端，还可以是台式电脑等。本实施例中更新用户界面的方法的执行主体为终端。如图所示的更新用户界面的方法可包括：
S201：建立并存储界面元素布局类型、用户界面组件列表以及所述用户界面组件列表包含的用户界面组件对应的待加载的界面布局数据之间的预设对应关系。
界面元素布局类型与用户界面组件列表一一对应，用户界面组件列表用于标识用户界面组件列表包含的用户界面组件的显示顺序。界面元素布局类型以及用户界面组件列表用于共同确定目标界面的用户界面组件。
为了防止因目标界面的界面元素布局类型与当前加载的用户界面对应的界面元素布局类型不匹配导致重复创建用户界面组件的情况发生，终端预先建立并存储界面元素布局类型、用户界面组件列表以及用户界面组件列表包含的用户界面各自对应的待加载的界面布局数据之间的预设对应关系。
界面元素布局类型用于标识布局容器的各用户界面组件的布局分布。其中，组件即将一段或几段完成各自功能的代码段封装为一个或几个独立的部分。UI组件包含了这样一个或几个具有各自功能的代码段，最终完成了用户界面的表示。
界面元素布局类型包括：线性布局(LinearLayout)、框架布局(FrameLayout)、表格布局(TableLayout)、相对布局(RelativeLayout)、绝对布局(AbsoluteLayout)和网格布局(GridLayout)。
不同的界面元素布局类型所包括的用户界面组件至少部分相同。同一类界面元素布局类型包括多个界面元素布局，界面元素布局中包含的多个用户界面组件可按照用户界面组件列表中标识的显示顺序动态变化，终端可通过界面元素布局类型、用户界面组件列表标识的显示顺序共同确定待显示的目标界面包含的用户界面组件。
例如，当界面元素布局类型为线性布局时，终端第一时刻在用户界面中显示用户界面组件列表中的第1-5个用户界面组件，且第1-5个用户界面组件呈线性分布；第二时刻在用户界面中显示用户界面组件列表中的第6-8个用户界面组件，且第6-8个用户界面组件呈线性分布。
S202：获取界面更新指令；所述界面更新指令包括待显示的目标界面的界面标识。
本实施例中S202与上一实施例中的S101相同，具体请参阅上一实施例中S101的相关描述，此处不赘述。
S203：根据所述界面更新指令中包含的目标界面的界面标识，获取目标界面的布局信息；所述布局信息至少包括界面包含的用户界面组件的组件信息以及每个所述用户界面组件各自对应的位置信息。
本实施例中S203与上一实施例中的S102相同，具体请参阅上一实施例中S102的相关描述，此处不赘述。
进一步地，布局信息还可以包括界面元素布局类型。
此时，每个用户界面组件各自对应的位置信息可以通过界面元素布局类型所包含每个用户界面组件区域的区域标识进行表示。
例如，某个用户界面中的用户界面组件呈线性分布，该用户界面包括3个用户界面组件区域A、B、C，用户界面组件1分布在用户界面组件区域A，用户界面组件2分布在用户界面组件区域B，用户界面组件3分布在用户界面组件区域C。
S204：基于当前界面的布局信息以及所述目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件。
本实施例中S204与上一实施例中的S103相同，具体请参阅上一实施例中S103的相关描述，此处不赘述。
进一步地，当布局信息还可以包括界面元素布局类型时，S204具体可以包括S2041～S2042，具体如下：
S2041：基于所述目标界面的界面元素布局类型，所述界面元素布局类型、用户界面组件列表以及所述用户界面组件列表包含的用户界面组件对应的待加载的界面布局数据之间的预设对应关系，确定所述目标用户界面包含的用户界面组件。
由于界面元素布局类型与用户界面组件列表一一对应，用户界面组件列表用于标识用户界面组件列表包含的用户界面组件的显示顺序；界面元素布局类型以及用户界面组件列表用于共同确定目标界面的用户界面组件，因此，终端可基于界面元素布局类型、用户界面组件列表以及用户界面组件列表包含的用户界面组件对应的待加载的界面布局数据之间的预设对应关系，获取与目标界面的界面元素布局类型相匹配的目标用户界面组件列表。终端基于用户界面组件列表所标识的用户界面组件列表包含的用户界面组件的显示顺序，确定目标界面包含的用户界面组件。如此，终端可通过界面元素布局类型以及用户界面组件列表共同确定目标界面所包含的用户界面组件。
S2042：基于当前界面的布局信息以及所述目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件。
终端基于目标界面的布局信息获取目标界面包含的用户界面组件的组件标识，并比较当前界面包含的用户界面组件的组件标识以及目标界面包含的用户界面组件的组件标识，从而筛选出当前界面与目标界面中组件标识相同的目标用户界面组件，以及获取目标界面相对于当前界面新增加的增量用户界面组件。
S205：基于所述目标界面的布局信息加载所述目标用户界面组件对应的界面布局数据，并创建所述增量用户界面组件以及加载所述增量用户界面组件对应的界面布局数据，生成所述目标界面。
鉴于布局信息至少包括用户界面包含的用户界面组件的组件信息，终端可以预先建立并存储了每个用户界面组件的组件标识与待加载的界面布局数据之间的预设对应关系，通过这种方式，终端将每个用户界面组件与用户界面组件对应的待加载的界面布局数据关联起来。由于用户界面组件的组件标识是唯一的，在确定用户界面组件时，即可获取并加载该用户界面组件对应的界面布局数据。在相邻加载的两个用户界面中包括相同的用户界面组件时，不需要重新创建用户界面组件，只需更换其对应的界面布局数据即可，节省了重新创建用户界面组件所消耗的资源。或者，当相邻加载的两个用户界面中的相同的用户界面组件的位置发生变化时，根据布局信息中包含的用户界面组件各自对应的位置信息进行调整，并更换其对应的界面布局数据。
具体地，终端基于每个用户界面组件的组件标识与待加载的界面布局数据之间的预设对应关系，获取目标界面的布局信息所包含的用户界面组件各自对应的界面布局数据，得到目标界面中目标用户界面组件对应的第一界面布局数据，以及得到增量用户界面组件对应的第二界面布局数据。
终端销毁当前界面中除目标用户界面组件之外的所有用户界面组件，基于目标用户界面组件在目标界面中各自对应的位置信息将目标用户界面组件移动至该位置信息对应的位置，将目标用户界面组件对应的第一界面布局数据加载至目标用户界面组件中；基于增量用户界面组件在目标界面中各自对应的位置信息，根据增量用户界面组件的属性信息在相应的位置创建增量用户界面组件，并将增量用户界面组件对应的第二界面布局数据加载至增量用户界面组件中，从而得到目标界面。增量用户界面组件的属性信息包括增量用户界面组件包含的用户界面元素类型、每个界面元素所处的信息、每个界面元素的尺寸信息等。
进一步地，当目标界面的布局数据还包含界面元素布局类型时，S205包括：基于目标界面的布局信息、所述界面元素布局类型、用户界面组件列表以及所述用户界面组件列表包含的用户界面组件的待加载的界面布局数据之间的预设对应关系，加载所述目标用户界面组件，并创建所述增量用户界面组件以及加载所述增量用户界面组件各自对应的布局数据。
终端基于界面元素布局类型、用户界面组件列表以及用户界面组件列表包含的用户界面组件对应的待加载的界面布局数据之间的预设对应关系，获取与目标界面的布局信息中包含的界面元素布局类型相匹配的目标用户界面组件列表以及目标用户界面组件列表包含的用户界面组件各自对应的待加载的界面布局数据。
终端基于目标用户界面组件列表包含的用户界面组件各自对应的待加载的界面布局数据，获取目标界面中目标用户界面组件对应的第一界面布局数据，以及获取增量用户界面组件对应的第二界面布局数据。第一界面布局数据用于形成目标用户界面组件对应的UI界面，第二界面布局数据用于形成增量用户界面组件对应的UI界面。
基于目标用户界面组件在目标界面中各自对应的位置信息将目标用户界面组件移动至该位置信息对应的位置，并将目标用户界面组件对应的第一界面布局数据加载至目标用户界面组件中；基于增量用户界面组件在目标界面中各自对应的位置信息，根据增量用户界面组件的属性信息在相应的位置创建增量用户界面组件，并将增量用户界面组件对应的第二界面布局数据加载至增量用户界面组件中，从而得到目标界面。
可选地，当布局信息中包含的每个用户界面组件各自对应的位置信息可以通过界面元素布局类型所包含每个用户界面组件区域的区域标识进行表示时，终端可以基于目标界面的界面元素布局类型所包含每个用户界面组件区域的位置信息确定每个用户界面组件的位置信息。
进一步地，在一实施方式中，当用户界面组件对应的待加载的布局数据固定不变时，终端根据用户界面组件列表包含的用户界面组件对应的待加载的布局数据，获取目标界面中目标用户界面组件对应的第一布局数据，以及获取增量用户界面组件对应的第二布局数据。
进一步地，在另一实施方式中，当用户界面组件对应的待加载的布局数据随着时间推移动态变化时，终端根据当前时刻所属的目标时间段，界面元素布局类型、用户界面组件列表、用户界面组件列表包含的用户界面组件在各时间段对应的待加载的布局数据，三者之间的预设对应关系，确定用户界面组件列表包含的用户界面组件在目标时间段对应的待加载的布局数据，并从中获取目标界面中目标用户界面组件对应的第一布局数据，以及获取增量用户界面组件对应的第二布局数据。
当待加载的目标界面中的目标用户界面组件与当前加载的用户界面中的目标用户界面组件的位置发生变化时，终端基于目标用户界面组件在目标界面中各自对应的第一位置信息将目标用户界面组件移动至第一位置信息对应的位置，并将目标用户界面组件对应的第一布局数据加载至目标用户界面组件；基于增量用户界面组件在目标界面中各自对应的第二位置信息，根据增量用户界面组件的属性信息在相应的位置创建增量用户界面组件，并将增量用户界面组件对应的第二界面布局数据加载至增量用户界面组件中，从而得到目标界面。
可以理解的是，在生成目标界面的过程中，终端销毁当前界面中除目标用户界面组件之外的所有用户界面组件，以保留目标用户界面组件，从而能够在目标界面中复用目标用户界面组件；终端清空当前界面中目标用户界面组件的界面布局数据，以加载目标界面中目标用户界面组件对应的界面布局数据。
可选地，为了统计流量平台所投放的广告需要收取的费用，在S205之后还可以包括S206～S207。具体地，
S206：统计用户浏览的用户界面中所投放的每条广告的曝光量；所述曝光量包括广告点击次数、曝光次数、显示时长中的至少一项。
终端可以按预设的统计周期统计用户浏览的用户界面中所投放的每条广告的曝光量。预设的统计周期可以设置为1天、1周、1个月等，但并不限于此，具体可根据实际需要进行设置，此处不做限制。
广告点击次数是指用户点击该广告进行查看的次数，终端可以基于预设的统计周期内的每条广告的广告点击次数，计算每条广告的广告点击率，基于每条广告的广告点击率筛选出终端用户感兴趣的广告。其中，某条广告的广告点击率等于预设的统计周期内该广告的点击次数与该统计周期内所有广告的总点击次数之间的商。广告点击率越高标识终端用户越感兴趣。
曝光次数是指用户浏览的用户界面中所投放的广告的显示次数。
显示时长是指显示以广告素材为图片的广告的时长或实际播放以广告素材为视频的广告的时长。
S207：基于预设的广告计费策略以及所述曝光量计算每条广告的广告费。
预设的广告计费策略用于标识计算每条广告待收取的广告费的计算方式，广告计费策略与曝光量包含的指标相对应。
例如，当广告的曝光率包括广告点击次数、曝光次数、显示时长中的任一项指标时，预设的广告计费策略标识按广告点击次数、曝光次数或广告显示时长进行计费。其中，当广告的曝光率包括广告点击次数时，预设的广告计费策略标识按广告点击次数进行计费；当广告的曝光率包括曝光次数时，预设的广告计费策略标识按曝光次数进行计费。
具体地，终端可以预先为曝光量(上述提及的每个指标)设置多个预设区间，并为每个预设区间设置相应的广告费用，即预设区间与广告费用一一对应。预设区间的值越大，其对应的广告费用越多。
终端在获取到每条广告的曝光量时，确定该曝光量所属的目标预设区间，基于预设区间与广告费用之间的预设对应关系，获取目标预设区间对应的目标广告费用，得到每条广告待收取的广告费用。
例如，用户浏览的用户界面中包含广告1，终端在获取到预设统计周期内广告1的广告点击次数时，确定广告点击次数所属的目标点击次数区间，根据点击次数区间与广告费用之间的预设对应关系，获取目标点击次数区间对应的目标广告费用，从而得到广告1对应的待收取的广告费用。
当广告的曝光率包括广告点击次数、曝光次数、显示时长中的至少两项指标时，终端可以按上述方法计算每条广告的每种指标各自对应的广告费用，并从中取最高的广告费用做为该广告待收取的广告费用；或者，终端在按上述方法计算出每条广告的每种指标各自对应的广告费用时，计算每条广告的每种指标各自对应的广告费用的总和，并将每条广告的每种指标各自对应的广告费用的总和作为该广告最终的待收取的广告费用。
本发明实施例，终端基于当前界面的布局信息以及待加载的目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件；基于目标界面的布局信息加载所述目标用户界面组件对应的界面布局数据，并创建所述增量用户界面组件以及加载所述增量用户界面组件对应的界面布局数据，生成所述目标界面。终端通过复用相同的目标用户界面组件，避免在加载用户界面时重复创建并销毁目标用户界面组件，从而节省因重复创建及销毁目标用户界面组件所消耗的资源，达到减少资源浪费的目的，提升数据处理效率，进而提升界面加载速率。
终端预先建立并存储界面元素布局类型、用户界面组件列表以及用户界面组件列表包含的用户界面组件对应的待加载的界面布局数据之间的预设对应关系，通过界面元素布局类型、用户界面组件列表标识的显示顺序共同确定待显示的目标界面包含的用户界面组件，以防止因目标界面的界面元素布局类型与当前加载的用户界面对应的界面元素布局类型不匹配导致重复创建用户界面组件的情况发生。
应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限定。
请参阅图3，图3是本发明一实施例提供的一种终端的示意图。终端包括的各单元用于执行图1～图2对应的实施例中的各步骤。具体请参阅图1～图2各自对应的实施例中的相关描述。为了便于说明，仅示出了与本实施例相关的部分。参见图3，终端3包括：
指令获取单元310，用于获取界面更新指令；所述界面更新指令包括待显示的目标界面的界面标识；
布局信息获取单元320，用于根据所述界面更新指令中包含的目标界面的界面标识，获取目标界面的布局信息；所述布局信息至少包括用户界面包含的用户界面组件的组件信息以及每个所述用户界面组件各自对应的位置信息；
确定单元330，用于基于当前界面的布局信息以及所述目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件；
页面更新单元340，用于基于目标界面的布局信息加载所述目标用户界面组件对应的界面布局数据，并创建所述增量用户界面组件以及加载所述增量用户界面组件对应的界面布局数据，生成所述目标界面。
进一步地，所述布局信息还包括界面元素布局类型；终端还可以包括：
建立单元300，用于建立并存储界面元素布局类型、用户界面组件列表以及所述用户界面组件列表包含的用户界面组件对应的待加载的界面布局数据之间的预设对应关系；所述用户界面组件列表用于标识所述用户界面组件列表包含的用户界面组件的显示顺序。
可选地，确定单元330具体用于：
基于所述目标界面的界面元素布局类型，所述界面元素布局类型、用户界面组件列表以及所述用户界面组件列表包含的用户界面组件对应的待加载的界面布局数据之间的预设对应关系，确定所述目标用户界面包含的用户界面组件；
基于当前界面的布局信息以及所述目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件。
可选地，页面更新单元340具体用于：基于目标界面的布局信息、所述界面元素布局类型、用户界面组件列表以及所述用户界面组件列表包含的用户界面组件的待加载的界面布局数据之间的预设对应关系，加载所述目标用户界面组件，并创建所述增量用户界面组件以及加载所述增量用户界面组件各自对应的布局数据。
进一步地，终端还可以包括：
统计单元350，用于统计用户浏览的用户界面中所投放的每条广告的曝光量；所述曝光量包括广告点击次数、曝光次数、显示时长中的至少一项；
计算单元360，用于基于预设的广告计费策略以及所述曝光量计算每条广告的广告费。
图4是本发明另一实施例提供的一种终端的示意图。如图4所示，该实施例的终端4包括：处理器40、存储器41以及存储在所述存储器41中并可在所述处理器40上运行的计算机程序42。所述处理器40执行所述计算机程序42时实现上述各个终端的更新用户界面的方法实施例中的步骤，例如图1所示的S101至S104。或者，所述处理器40执行所述计算机程序42时实现上述各终端实施例中各单元的功能，例如图3所示单元310至340功能。
示例性的，所述计算机程序42可以被分割成一个或多个单元，所述一个或者多个单元被存储在所述存储器41中，并由所述处理器40执行，以完成本发明。所述一个或多个单元可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述所述计算机程序42在所述终端4中的执行过程。例如，所述计算机程序42可以被分割成指令获取单元、布局信息获取单元、确定单元以及页面更新单元，各单元具体功能如上所述。
所述终端可包括，但不仅限于，处理器40、存储器41。本领域技术人员可以理解，图4仅仅是终端4的示例，并不构成对终端4的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述终端还可以包括输入输出终端、网络接入终端、总线等。
所称处理器40可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
所述存储器41可以是所述终端4的内部存储单元，例如终端4的硬盘或内存。所述存储器41也可以是所述终端4的外部存储终端，例如所述终端4上配备的插接式硬盘，智能存储卡(Smart Media Card，SMC)，安全数字(Secure Digital，SD)卡，闪存卡(Flash Card)等。进一步地，所述存储器41还可以既包括所述终端4的内部存储单元也包括外部存储终端。所述存储器41用于存储所述计算机程序以及所述终端所需的其他程序和数据。所述存储器41还可以用于暂时地存储已经输出或者将要输出的数据。
以上所述实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围，均应包含在本发明的保护范围之内。
Claims (10)
1.一种更新用户界面的方法，其特征在于，包括：
获取界面更新指令；所述界面更新指令包括待显示的目标界面的界面标识；
根据所述界面更新指令中包含的目标界面的界面标识，获取目标界面的布局信息；所述布局信息至少包括用户界面包含的用户界面组件的组件信息以及每个所述用户界面组件各自对应的位置信息；
基于当前界面的布局信息以及所述目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件；
基于所述目标界面的布局信息加载所述目标用户界面组件对应的界面布局数据，并创建所述增量用户界面组件以及加载所述增量用户界面组件对应的界面布局数据，生成所述目标界面。
2.根据权利要求1所述的方法，其特征在于，所述布局信息还包括界面元素布局类型；所述获取界面更新指令之前，还包括：
建立并存储界面元素布局类型、用户界面组件列表以及所述用户界面组件列表包含的用户界面组件对应的待加载的界面布局数据之间的预设对应关系；所述用户界面组件列表用于标识所述用户界面组件列表包含的用户界面组件的显示顺序。
3.根据权利要求2所述的方法，其特征在于，所述基于当前界面的布局信息以及所述目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件，包括：
基于所述目标界面的界面元素布局类型，所述界面元素布局类型、用户界面组件列表以及所述用户界面组件列表包含的用户界面组件对应的待加载的界面布局数据之间的预设对应关系，确定所述目标用户界面包含的用户界面组件；
基于当前界面的布局信息以及所述目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件。
4.根据权利要求2或3所述的方法，其特征在于，所述基于所述目标界面的布局信息加载所述目标用户界面组件对应的界面布局数据，并创建所述增量用户界面组件以及加载所述增量用户界面组件对应的界面布局数据，生成所述目标界面，包括：
基于所述目标界面的布局信息、所述界面元素布局类型、用户界面组件列表以及所述用户界面组件列表包含的用户界面组件的待加载的界面布局数据之间的预设对应关系，加载所述目标用户界面组件，并创建所述增量用户界面组件以及加载所述增量用户界面组件各自对应的布局数据。
5.根据权利要求1、2或3所述的方法，其特征在于，所述基于目标界面的布局信息加载目标界面中的目标用户界面组件以及增量用户界面组件各自对应的界面布局数据，生成所述目标界面之后，还包括：
统计用户浏览的用户界面中所投放的每条广告的曝光量；所述曝光量包括广告点击次数、曝光次数、显示时长中的至少一项；
基于预设的广告计费策略以及所述曝光量计算每条广告的广告费。
6.一种终端，其特征在于，所述终端包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如下步骤：
获取界面更新指令；所述界面更新指令包括待显示的目标界面的界面标识；
根据所述界面更新指令中包含的目标界面的界面标识，获取目标界面的布局信息；所述布局信息至少包括用户界面包含的用户界面组件的组件信息以及每个所述用户界面组件各自对应的位置信息；
基于当前界面的布局信息以及所述目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件；
基于所述目标界面的布局信息加载所述目标用户界面组件对应的界面布局数据，并创建所述增量用户界面组件以及加载所述增量用户界面组件对应的界面布局数据，生成所述目标界面。
7.根据权利要求6所述的终端，其特征在于，所述布局信息还包括界面元素布局类型；所述获取界面更新指令之前，所述处理器执行所述计算机程序时还实现如下步骤：
建立并存储界面元素布局类型、用户界面组件列表以及所述用户界面组件列表包含的用户界面组件对应的待加载的界面布局数据之间的预设对应关系；所述用户界面组件列表用于标识所述用户界面组件列表包含的用户界面组件的显示顺序。
8.根据权利要求7所述的终端，其特征在于，所述基于当前界面的布局信息以及所述目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件，包括：
基于所述目标界面的界面元素布局类型，所述界面元素布局类型、用户界面组件列表以及所述用户界面组件列表包含的用户界面组件对应的待加载的界面布局数据之间的预设对应关系，确定所述目标用户界面包含的用户界面组件；
基于当前界面的布局信息以及所述目标界面的布局信息，确定相同的目标用户界面组件以及增量用户界面组件。
9.根据权利要求7或8所述的终端，其特征在于，所述基于所述目标界面的布局信息加载所述目标用户界面组件对应的界面布局数据，并创建所述增量用户界面组件以及加载所述增量用户界面组件对应的界面布局数据，生成所述目标界面，包括：
基于所述目标界面的布局信息、所述界面元素布局类型、用户界面组件列表以及所述用户界面组件列表包含的用户界面组件的待加载的界面布局数据之间的预设对应关系，加载所述目标用户界面组件，并创建所述增量用户界面组件以及加载所述增量用户界面组件各自对应的布局数据。
10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至5任一项所述方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811122211.7A CN109343903A (zh) | 2018-09-26 | 2018-09-26 | 一种更新用户界面的方法及终端 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811122211.7A CN109343903A (zh) | 2018-09-26 | 2018-09-26 | 一种更新用户界面的方法及终端 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109343903A true CN109343903A (zh) | 2019-02-15 |
Family
ID=65306497
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811122211.7A Pending CN109343903A (zh) | 2018-09-26 | 2018-09-26 | 一种更新用户界面的方法及终端 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109343903A (zh) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110083417A (zh) * | 2019-04-04 | 2019-08-02 | 天津字节跳动科技有限公司 | 用户界面响应方法和装置 |
| CN110175020A (zh) * | 2019-04-10 | 2019-08-27 | 阿里巴巴集团控股有限公司 | 框架属性信息扩展方法和装置、框架加载方法和装置 |
| CN110928397A (zh) * | 2019-11-21 | 2020-03-27 | 腾讯科技（深圳）有限公司 | 用户界面刷新方法、装置、存储介质及电子装置 |
| CN111124544A (zh) * | 2019-12-25 | 2020-05-08 | 北京奇艺世纪科技有限公司 | 界面显示方法、装置、电子设备及存储介质 |
| CN111159610A (zh) * | 2019-12-24 | 2020-05-15 | 深圳市易售科技有限公司 | 广告布局自定义的方法及系统 |
| CN114173148A (zh) * | 2021-12-21 | 2022-03-11 | 杭州当虹科技股份有限公司 | 一种基于h5播放器的实时计费系统 |
| CN114253650A (zh) * | 2021-12-27 | 2022-03-29 | 中国农业银行股份有限公司 | 一种展示组件过渡方法、装置、设备及存储介质 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120188572A1 (en) * | 2011-01-20 | 2012-07-26 | Canon Kabushiki Kaisha | Systems and methods for updating a user interface for a printing device |
| CN108572819A (zh) * | 2017-12-21 | 2018-09-25 | 北京金山云网络技术有限公司 | 页面更新方法、装置、终端及计算机可读存储介质 |
-
2018
- 2018-09-26 CN CN201811122211.7A patent/CN109343903A/zh active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120188572A1 (en) * | 2011-01-20 | 2012-07-26 | Canon Kabushiki Kaisha | Systems and methods for updating a user interface for a printing device |
| CN108572819A (zh) * | 2017-12-21 | 2018-09-25 | 北京金山云网络技术有限公司 | 页面更新方法、装置、终端及计算机可读存储介质 |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110083417A (zh) * | 2019-04-04 | 2019-08-02 | 天津字节跳动科技有限公司 | 用户界面响应方法和装置 |
| CN110175020A (zh) * | 2019-04-10 | 2019-08-27 | 阿里巴巴集团控股有限公司 | 框架属性信息扩展方法和装置、框架加载方法和装置 |
| CN110175020B (zh) * | 2019-04-10 | 2023-08-22 | 创新先进技术有限公司 | 框架属性信息扩展方法和装置、框架加载方法和装置 |
| CN110928397A (zh) * | 2019-11-21 | 2020-03-27 | 腾讯科技（深圳）有限公司 | 用户界面刷新方法、装置、存储介质及电子装置 |
| CN110928397B (zh) * | 2019-11-21 | 2021-06-11 | 腾讯科技（深圳）有限公司 | 用户界面刷新方法、装置、存储介质及电子装置 |
| CN111159610A (zh) * | 2019-12-24 | 2020-05-15 | 深圳市易售科技有限公司 | 广告布局自定义的方法及系统 |
| CN111124544A (zh) * | 2019-12-25 | 2020-05-08 | 北京奇艺世纪科技有限公司 | 界面显示方法、装置、电子设备及存储介质 |
| CN114173148A (zh) * | 2021-12-21 | 2022-03-11 | 杭州当虹科技股份有限公司 | 一种基于h5播放器的实时计费系统 |
| CN114173148B (zh) * | 2021-12-21 | 2023-08-22 | 杭州当虹科技股份有限公司 | 一种基于h5播放器的实时计费系统 |
| CN114253650A (zh) * | 2021-12-27 | 2022-03-29 | 中国农业银行股份有限公司 | 一种展示组件过渡方法、装置、设备及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109343903A (zh) | 一种更新用户界面的方法及终端 | |
| DE102012011157B4 (de) | Informationsanzeigeverfahren und elektronische Vorrichtung | |
| CN110457615A (zh) | 个性化页面的展示处理方法、装置、设备及可读存储介质 | |
| CN107015721A (zh) | 一种应用界面的管理方法和装置 | |
| CN106951140A (zh) | 应用程序的图标更换方法以及电子设备 | |
| CN107193440A (zh) | 一种界面展示方法及装置、计算机装置和可读存储介质 | |
| CN108121485A (zh) | 一种图标整理方法、终端及计算机可读存储介质 | |
| CN109032720A (zh) | 文件夹图标显示方法、系统、可读存储介质及终端 | |
| CN107728878A (zh) | 应用图标的显示方法、终端及计算机可读存储介质 | |
| CN106952114A (zh) | 一种广告编辑定制方法、装置和广告编辑器 | |
| CN106250520A (zh) | 基于时间轴的地理轨迹查询显示方法及装置 | |
| CN108829393A (zh) | 一种用于实现界面布局的皮肤文件生成方法、装置及设备 | |
| CN106685851A (zh) | 一种数据流量控制方法及终端 | |
| CN107908604A (zh) | 报表图形生成方法、装置、计算机设备和存储介质 | |
| CN110020912A (zh) | 页面展示方法、装置及设备 | |
| CN107678744A (zh) | 应用控件样式自定义方法、装置以及计算机可读存储介质 | |
| CN113835580A (zh) | 应用图标的显示方法、装置、电子设备及存储介质 | |
| CN102541544B (zh) | 树形控件的处理方法、装置及系统 | |
| CN108446062A (zh) | 一种对象固定方法、装置、终端设备及存储介质 | |
| CN110543450A (zh) | 电子文档生成方法、装置、计算机设备及存储介质 | |
| CN106201549A (zh) | 应用程序中信息的控制方法、装置以及终端设备 | |
| CN104853045A (zh) | 一种个性化定制通话界面的方法及装置 | |
| CN113536755A (zh) | 用于生成海报的方法、装置、电子设备、存储介质及产品 | |
| CN106775894A (zh) | 一种应用程序的运行方法及终端 | |
| CN111831932A (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 | ||
| WD01 | Invention patent application deemed withdrawn after publication | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20190215 |