CN108563487B - 用户界面的更新方法及装置 - Google Patents

Abstract

本公开是关于一种用户界面的更新方法及装置，方法包括：在监视器实例化的过程中生成监视器的唯一编码，并控制监视器记录其监视的内存中的数据对象的路径和更新数据以及将更新过程中调用的函数作为监视器监视的内存中的数据对象对应的回调函数。在检测到内存中被监视的各内存中的数据对象完成更新时，触发各内存中的数据对象对应的监视器回调操作，以根据监视器的唯一编码、内存中的数据对象的路径更新数据和回调函数更新各内存中的数据对象对应的界面节点。由此建立了由监视器监视内存中的数据对象更新的机制。通过监视器回调操作实现了由内存中的数据对象的更新驱动用户界面的更新，能够有效降低开发者对代码的开发和维护成本。

Description

用户界面的更新方法及装置

技术领域

本公开涉及用户界面(UI，User Interface)技术领域，尤其涉及一种用户界面的更新方法及装置。

背景技术

用户界面是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。随着电子技术的发展，用户界面技术广泛应用于电子产业，已经成为大多数电子产品不可或缺的技术。但是，当前PC(personal computer，个人计算机)端、移动端的开发平台以及操作系统众多，这增加了用户界面程序开发和维护的工作量，增加了开发者对代码的开发成本。

发明内容

为克服相关技术中存在的问题，本公开提供一种用户界面的更新方法及装置。

根据本公开的一方面，提供了一种用户界面的更新方法，包括：

在监视器实例化的过程中生成所述监视器的唯一编码，其中，按照各所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码依次变化；

在检测到被所述监视器监视的内存中的数据对象发生更新的情况下，控制所述监视器记录所述监视器监视的内存中的数据对象的路径和更新数据，并将所述监视器监视的内存中的数据对象在更新过程中调用的一个或多个函数作为所述监视器监视的内存中的数据对象对应的回调函数，其中，内存中的数据对象的路径为内存中的数据对象在用户界面的界面模板中绑定的位置；

在检测到内存中被监视的各内存中的数据对象完成更新的情况下，触发各所述内存中的数据对象对应的监视器回调操作，所述监视器回调操作用于根据各所述监视器的唯一编码、各所述内存中的数据对象的路径和更新数据以及各所述内存中的数据对象对应的回调函数，更新各所述内存中的数据对象对应的界面节点。

在一种可能的实现方式中，所述监视器回调操作包括以下操作：

根据各所述内存中的数据对象的路径，在用户界面中查找或创建与各所述内存中的数据对象相对应的界面节点；

根据各所述回调函数对应的监视器的唯一编码的大小对各所述回调函数进行排序；

根据各所述内存中的数据对象的更新数据，根据排序结果依次调用各所述内存中的数据对象对应的回调函数以更新各所述内存中的数据对象对应的界面节点。

在一种可能的实现方式中，

按照各所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码依次变化，包括：

按照所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码从小到大依次递增；

根据各所述回调函数对应的监视器的唯一编码的大小对各所述回调函数进行排序，包括：

根据各所述回调函数对应的监视器的唯一编码的从小到大的顺序对各所述回调函数进行排序。

在一种可能的实现方式中，根据各所述回调函数对应的监视器的唯一编码的从小到大的顺序对各所述回调函数进行排序，包括：在所述多个监视器中，如果第一监视器实例化的时间先于第二监视器实例化的时间，第四监视器实例化的时间先于第三监视器实例化的时间，并且，第一监视器对应的界面节点为第三监视器对应的界面节点的父节点，第二监视器对应的界面节点为第四监视器对应的界面节点的父节点，则第三监视器的唯一编码大于第四监视器的唯一编码，第三监视器对应的回调函数的排序顺序后于第四监视器对应的回调函数的排序顺序。

在一种可能的实现方式中，

按照各所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码依次变化，包括：

按照各所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码从大到小依次递减；

根据各所述回调函数对应的监视器的唯一编码的大小对各所述回调函数进行排序，包括：

根据各所述回调函数对应的监视器的唯一编码的从大到小的顺序对各所述回调函数进行排序。

在一种可能的实现方式中，根据各所述回调函数对应的监视器的唯一编码的从小到大的顺序对各所述回调函数进行排序，包括：在所述多个监视器中，如果第一监视器实例化的时间先于第二监视器实例化的时间，第四监视器实例化的时间先于第三监视器实例化的时间，并且，第一监视器对应的界面节点为第三监视器对应的界面节点的父节点，第二监视器对应的界面节点为第四监视器对应的界面节点的父节点，则第三监视器的唯一编码小于第四监视器的唯一编码，第三监视器对应的回调函数的排序顺序后于第四监视器对应的回调函数的排序顺序。

在一种可能的实现方式中，所述方法还包括：

根据各所述监视器对应的回调函数的类别确定实例化各所述监视器的顺序；

根据实例化各所述监视器的顺序依次实例化各所述监视器。

在一种可能的实现方式中，根据各所述监视器对应的回调函数的类别确定实例化各所述监视器的顺序，包括：

按照各所述监视器对应的回调函数的类别为for逻辑、if逻辑、slot逻辑、richtext逻辑和element逻辑的顺序，确定实例化各所述监视器的顺序。

根据本公开的另一方面，提供了一种用户界面的更新装置，包括：

生成模块，用于在监视器实例化的过程中生成所述监视器的唯一编码，其中，按照各所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码依次变化；

记录模块，用于在检测到被所述监视器监视的内存中的数据对象发生更新的情况下，控制所述监视器记录所述监视器监视的内存中的数据对象的路径和更新数据，并将所述监视器监视的内存中的数据对象在更新过程中调用的一个或多个函数作为所述监视器监视的内存中的数据对象对应的回调函数，其中，内存中的数据对象的路径为内存中的数据对象在用户界面的界面模板中绑定的位置；

触发模块，用于在检测到内存中被监视的各内存中的数据对象完成更新的情况下，触发各所述内存中的数据对象对应的监视器回调操作，所述监视器回调操作用于根据各所述监视器的唯一编码、各所述内存中的数据对象的路径和更新数据以及各所述内存中的数据对象对应的回调函数，更新各所述内存中的数据对象对应的界面节点。

在一种可能的实现方式中，所述触发模块包括：

查找子模块，用于根据各所述内存中的数据对象的路径，在用户界面中查找或创建与各所述内存中的数据对象相对应的界面节点；

排序子模块，用于根据各所述回调函数对应的监视器的唯一编码的大小对各所述回调函数进行排序；

更新子模块，用于根据各所述内存中的数据对象的更新数据，根据排序结果依次调用各所述内存中的数据对象对应的回调函数以更新各所述内存中的数据对象对应的界面节点。

在一种可能的实现方式中，

所述生成模块包括：

第一生成子模块，用于按照所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码从小到大依次递增；

所述排序子模块包括：

第一排序子模块，用于根据各所述回调函数对应的监视器的唯一编码的从小到大的顺序对各所述回调函数进行排序。

在一种可能的实现方式中，所述第一排序子模块包括：第一判断子模块，用于在所述多个监视器中，如果第一监视器实例化的时间先于第二监视器实例化的时间，第四监视器实例化的时间先于第三监视器实例化的时间，并且，第一监视器对应的界面节点为第三监视器对应的界面节点的父节点，第二监视器对应的界面节点为第四监视器对应的界面节点的父节点，则第三监视器的唯一编码大于第四监视器的唯一编码，第三监视器对应的回调函数的排序顺序后于第四监视器对应的回调函数的排序顺序。

在一种可能的实现方式中，

所述生成模块包括：

第二生成子模块，用于按照各所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码从大到小依次递减；

所述排序子模块包括：

第二排序子模块，用于根据各所述回调函数对应的监视器的唯一编码的从大到小的顺序对各所述回调函数进行排序。

在一种可能的实现方式中，所述第二排序子模块包括：第二判断子模块，用于在所述多个监视器中，如果第一监视器实例化的时间先于第二监视器实例化的时间，第四监视器实例化的时间先于第三监视器实例化的时间，并且，第一监视器对应的界面节点为第三监视器对应的界面节点的父节点，第二监视器对应的界面节点为第四监视器对应的界面节点的父节点，则第三监视器的唯一编码小于第四监视器的唯一编码，第三监视器对应的回调函数的排序顺序后于第四监视器对应的回调函数的排序顺序。

在一种可能的实现方式中，所述装置还包括：

确定模块，用于根据各所述监视器对应的回调函数的类别确定实例化各所述监视器的顺序；

实例化模块，用于根据实例化各所述监视器的顺序依次实例化各所述监视器。

在一种可能的实现方式中，所述确定模块包括：

确定子模块，用于按照各所述监视器对应的回调函数的类别为for逻辑、if逻辑、slot逻辑、richtext逻辑和element逻辑的顺序，确定实例化各所述监视器的顺序。

本公开的实施例提供的技术方案可以包括以下有益效果：本公开在监视器实例化的过程中生成所述监视器的唯一编码，并控制监视器记录其监视的内存中的数据对象的路径和更新数据以及将更新过程中调用的一个或多个函数作为所述监视器监视的内存中的数据对象对应的回调函数，由此建立了由监视器监视内存中的数据对象更新的机制。本公开在检测到内存中被监视的各内存中的数据对象完成更新的情况下，触发各所述内存中的数据对象对应的监视器回调操作，以根据监视器的唯一编码、内存中的数据对象的路径、更新数据和回调函数更新各所述内存中的数据对象对应的界面节点。由此通过监视器回调操作实现了由内存中的数据对象的更新驱动用户界面的更新，能够有效避免不必要的计算过程和计算时间，有利于降低开发者对代码的开发和维护成本。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。

图1是根据一示例性实施例示出的一种用户界面的更新方法的流程图。

图2是根据一示例性实施例示出的一种用户界面的更新方法中监视器回调的流程图。

图3是根据一示例性实施例示出的一种用户界面的更新方法的流程图。

图4是本公开应用示例中各界面节点的树状图。

图5是根据一示例性实施例示出的一种用户界面的更新装置的框图。

图6是根据一示例性实施例示出的一种用户界面的更新装置的框图。

图7是根据一示例性实施例示出的一种用户界面的更新装置的框图。

图8是根据一示例性实施例示出的一种用户界面的更新装置的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

图1是根据一示例性实施例示出的一种用户界面的更新方法的流程图。该方法可以应用于智能手机、平板电脑、笔记本电脑或台式电脑等终端中，在此不做限定。如图1所示，该方法包括：

步骤100，在监视器实例化的过程中生成所述监视器的唯一编码，其中，按照各所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码依次变化；

步骤101，在检测到被所述监视器监视的内存中的数据对象发生更新的情况下，控制所述监视器记录所述监视器监视的内存中的数据对象的路径和更新数据，并将所述监视器监视的内存中的数据对象在更新过程中调用的一个或多个函数作为所述监视器监视的内存中的数据对象对应的回调函数；

步骤102，在检测到内存中被监视的各内存中的数据对象完成更新的情况下，触发各所述内存中的数据对象对应的监视器回调操作，所述监视器回调操作用于根据各所述监视器的唯一编码、各所述内存中的数据对象的路径和更新数据以及各所述内存中的数据对象对应的回调函数，更新各所述内存中的数据对象对应的界面节点。

在本公开中，内存中的数据对象的路径可以表示为内存中的数据对象在用户界面的界面模板中绑定的位置。通常来讲，内存中的数据对象可以表示为是内存中的数据实体，它可以例如是一个常量、一个变量或常量的子对象。用户界面的界面模板可以表示为用户界面各指令模块所组成的架构。通过将内存中的数据对象绑定在用户界面的界面模板中的特定的位置可以实现内存中的数据对象与用户界面中界面节点的映射。

在一种可能的实现方式中，检测到内存中被监视的各内存中的数据对象完成更新，可以包括：检测到涉及内存中的数据对象更新的计算机程序指令模块被执行完毕。其中，内存中的数据对象的更新可以包括并不限于以下任意一项：内存中的数据对象的赋值发生变化、内存中的数据对象被创建和内存中的数据对象被删除等。

在一种可能的实现方式中，监视器可以由一段计算机程序指令组成，其中，监视器可以至少用来监视并记录该其监视的内存中的数据对象的路径、更新过程中产生的数据以及更新过程中调用的函数。计算机程序指令可以是汇编指令、指令集架构(ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码。

通常来讲，把用类创建对象的过程称为实例化，例如，实例化的格式可以表示为：类名对象名＝new类名(参数1，参数2...参数n)。在本公开中，监视器实例化可以表示为：为监视器开辟内存空间，或者为监视器建立一个临时对象。

作为本实施例的一个示例，可以预先设置监视器来监视内存中的数据对象，并在监视器实例化的过程中生成监视器的唯一编码。在检测到被监视的内存中的数据对象发生更新(例如，该内存中的数据对象的赋值发生变化)的情况下，控制监视器记录该内存中的数据对象的路径，以及该内存中的数据对象更新过程中产生的更新数据(例如，该内存中的数据对象更新之前的赋值以及该内存中的数据对象更新之后的赋值)。并将该节点更新过程中所调用的函数(例如，该节点在更新过程中调用的for逻辑)作为该内存中的数据对象对应的回调函数。在检测到内存中被监视的各内存中的数据对象完成更新的情况下，触发各内存中的数据对象对应的监视器回调操作，监视器回调操作用于根据各监视器的唯一编码、各内存中的数据对象的路径和更新数据以及各内存中的数据对象对应的回调函数，更新各内存中的数据对象对应的界面节点。

本公开在监视器实例化的过程中生成所述监视器的唯一编码，并控制监视器记录其监视的内存中的数据对象的路径和更新数据以及将更新过程中调用的一个或多个函数作为所述监视器监视的内存中的数据对象对应的回调函数，由此建立了由监视器监视内存中的数据对象更新的机制。本公开在检测到内存中被监视的各内存中的数据对象完成更新的情况下，触发各所述内存中的数据对象对应的监视器回调操作，以根据监视器的唯一编码、内存中的数据对象的路径、更新数据和回调函数更新各所述内存中的数据对象对应的界面节点。由此通过监视器回调操作实现了由内存中的数据对象的更新驱动用户界面的更新，能够有效避免不必要的计算过程和计算时间，有利于降低开发者对代码的开发和维护成本。

图2是根据一示例性实施例示出的一种用户界面的更新方法中监视器回调的流程图。如图2所示，所述监视器回调操作包括：

步骤1021，根据各所述内存中的数据对象的路径，在用户界面中查找或创建与各所述内存中的数据对象相对应的界面节点；

步骤1022，根据各所述回调函数对应的监视器的唯一编码的大小对各所述回调函数进行排序；

步骤1023，根据各所述内存中的数据对象的更新数据，根据排序结果依次调用各所述内存中的数据对象对应的回调函数以更新各所述内存中的数据对象对应的界面节点。

举例来讲，可以根据各内存中的数据对象的相对路径分别在用户界面中进行遍历查找。该查找过程可以包括以下操作：如果查找到与内存中的数据对象的相对路径相同的界面节点，则将该界面节点与该内存中的数据对象对应的回调函数进行绑定；如果查找不到与该内存中的数据对象的相对路径相同的界面节点，则创建一个与该内存中的数据对象的相对路径相同的界面节点，并将创建的界面节点与该内存中的数据对象对应的回调函数进行绑定。可以根据各回调函数对应的监视器的唯一编码的大小对各回调函数进行排序。进而根据各内存中的数据对象的更新数据，根据排序结果依次调用各内存中的数据对象对应的回调函数以更新各内存中的数据对象对应的界面节点。

本公开中，通常来讲，由于各内存中的数据对象绑定的监视器实例化的顺序与各内存中的数据对象的路径顺序保持一致，所以按照各监视器实例化顺序产生的唯一编码顺序与各监视器绑定的内存中的数据对象的路径顺序也保持一致，并且，界面节点的路径顺序与各内存中的数据对象的路径顺序同样一致，因此，根据各回调函数对应的监视器的唯一编码的大小对各回调函数进行排序，进而根据各内存中的数据对象的更新数据和排序结果依次调用各内存中的数据对象对应的回调函数以更新各内存中的数据对象对应的界面节点，可以在界面节点更新过程中按照界面节点的路径顺序对各界面节点进行跟新，无需对先创建的界面节点进行重复访问，减少了用户界面的界面布局的时间。由此能够有效避免不必要的计算过程和计算时间，进一步降低了开发者对代码的开发和维护成本。

作为本实施例的一个示例，在监视器实例化的过程中可以按照每个监视器实例化的时间从先到后的顺序依次生成每个监视器的唯一编码，并且，各个监视器的唯一编码依次变化。

作为本实施例的一个示例，按照各所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码依次变化，可以包括：按照所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码从小到大依次递增；

根据各所述回调函数对应的监视器的唯一编码的大小对各所述回调函数进行排序，可以包括：根据各所述回调函数对应的监视器的唯一编码的从小到大的顺序对各所述回调函数进行排序。

举例来讲，若监视器A、B、C的实例化的时间先后顺序为，监视器A、监视器B、监视器C，且监视器A、B、C对应的回调函数为分别为回调函数A、B、C。则监视器A的唯一编码可以为1，监视器B的唯一编码可以为2，监视器C的唯一编码可以为3，相应的，回调函数的排序顺序可以为回调函数A、回调函数B、回调函数C。

在一种示例中，根据各所述回调函数对应的监视器的唯一编码的从小到大的顺序对各所述回调函数进行排序，可以包括：在所述多个监视器中，如果第一监视器实例化的时间先于第二监视器实例化的时间，第四监视器实例化的时间先于第三监视器实例化的时间，并且，第一监视器对应的界面节点为第三监视器对应的界面节点的父节点，第二监视器对应的界面节点为第四监视器对应的界面节点的父节点，则第三监视器的唯一编码大于第四监视器的唯一编码，第三监视器对应的回调函数的排序顺序后于第四监视器对应的回调函数的排序顺序。

在另一种可能的实现方式中，按照各所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码依次变化，可以包括：按照各所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码从大到小依次递减；根据各所述回调函数对应的监视器的唯一编码的大小对各所述回调函数进行排序，可以包括：根据各所述回调函数对应的监视器的唯一编码的从大到小的顺序对各所述回调函数进行排序。

举例来讲，若监视器A、B、C的实例化的时间先后顺序为，监视器A、监视器B、监视器C，且监视器A、B、C对应的回调函数为分别为回调函数A、B、C。则监视器A的唯一编码可以为3，监视器B的唯一编码可以为2，监视器C的唯一编码可以为1，相应的，回调函数的排序顺序可以为回调函数A、回调函数B、回调函数C。

在一种示例中，根据各所述回调函数对应的监视器的唯一编码的从小到大的顺序对各所述回调函数进行排序，可以包括：在所述多个监视器中，如果第一监视器实例化的时间先于第二监视器实例化的时间，第四监视器实例化的时间先于第三监视器实例化的时间，并且，第一监视器对应的界面节点为第三监视器对应的界面节点的父节点，第二监视器对应的界面节点为第四监视器对应的界面节点的父节点，则第三监视器的唯一编码小于第四监视器的唯一编码，第三监视器对应的回调函数的排序顺序后于第四监视器对应的回调函数的排序顺序。

图3是根据一示例性实施例示出的一种用户界面的更新方法的流程图。图3与图1的区别在于，该用户界面的更新方法还可以包括：

步骤300，根据各所述监视器对应的回调函数的类别确定实例化各所述监视器的顺序；

步骤301，根据实例化各所述监视器的顺序依次实例化各所述监视器。

在一种可能的实现方式中，根据各所述监视器对应的回调函数的类别确定实例化各所述监视器的顺序，可以包括：按照各所述监视器对应的回调函数的类别为for逻辑、if逻辑、slot逻辑、richtext逻辑和element逻辑的顺序，确定实例化各所述监视器的顺序。

其中，for逻辑可以用于循环遍历数据。if逻辑可以用于条件控制。slot逻辑可以用于替换插入自定义组件的内容。richtext逻辑可以用于根据数据包含的文本等内容，实现动态加载组件的功能，比如：各种native组件。element逻辑可以用于控制隐藏显示id(地址)，class(类型)，value(赋值)等组件属性更新等操作。上述函数类型的顺序中，函数的作用域由大到小。按照上述函数类型的顺序依次实例化监视器，可以避免在后执行作用域较大的回调函数时导致在前执行的作用域较小的回调函数中变量出现重复更新的情况，这样，可以进一步有效避免产生不必要的计算过程和计算时间。

举例来讲，若监视器A对应的回调函数的类别为for逻辑、监视器B对应的回调函数的类别为if逻辑，监视器C对应的回调函数的类别为slot逻辑，则确定实例化监视器的顺序为，监视器A、监视器B、监视器C，并可以按照该实例化监视器的顺序依次实例化上述监视器。

在一种应用示例中，如图4所示，存在8个节点(界面节点的示例)。其中，节点的深度分为3层：深度为1的有节点1。深度为2的有节点2、3。深度为3的有节点4、5、6、7、8。在用户界面的更新过程中，渲染节点按照从上到下，从左到右的顺序。

假设节点1、2、3、4、5、6、7、8对应的内存中的数据对象都绑定了watcher(监视器)，通常来讲，由于各节点对应的内存中的数据对象绑定的watcher实例化的顺序与各节点的路径顺序保持一致，因此按照节点1、2、3、4、5、6、7、8对应的内存中的数据对象的路径顺序，将顺序产生各节点对应的内存中的数据对象绑定watcher的watcherId(唯一编码的示例)，例如，节点1、2、3、4、5、6、7、8对应的内存中的数据对象绑定的watcher的watcherId可以依次为1、2、3、4、5、6、7、8。

则在节点1、2、3、4、5、6、7、8对应的内存中的数据对象发生更新的过程中，这些内存中的数据对象绑定的监视器将记录这些内存中的数据对象的路径、更新过程中的更新数据以及更新过程中调用的函数，并将这些函数作为监视器对应的回调函数。在判断内存中的数据对象完成更新后，触发绑定在每个内存中的数据对象上的watcher回调(监视器回调的示例)。

watcher回调可以包括：根据watcherId对各内存中的数据对象对应的回调函数进行排序，这样，watcher回调处理顺序为：深度为1的节点1的回调函数逻辑执行，深度为2的节点2的的回调函数逻辑执行，深度为2的节点3的回调函数逻辑执行，再接着深度为3的节点4、5、6、7、8的的回调函数逻辑执行依次执行。这些watcher回调处理会体现在对用户界面中界面节点的更新，进而完成用户界面的更新。

这样的好处在于：由于各内存中的数据对象绑定的监视器实例化的顺序与各内存中的数据对象的路径顺序保持一致，所以按照各监视器实例化顺序产生的唯一编码顺序与各监视器绑定的内存中的数据对象的路径顺序也保持一致，并且，界面节点的路径顺序与各内存中的数据对象的路径顺序同样一致，因此，根据各回调函数对应的监视器的唯一编码的大小对各回调函数进行排序，进而根据各内存中的数据对象的更新数据和排序结果依次调用各内存中的数据对象对应的回调函数以更新各内存中的数据对象对应的界面节点，可以在界面节点更新过程中按照界面节点的路径顺序对各界面节点进行跟新，无需对先创建的界面节点进行重复访问，减少了用户界面的界面布局的时间。由此能够有效避免不必要的计算过程和计算时间，进一步降低了开发者对代码的开发和维护成本。

接上一应用示例，假设节点2上的回调逻辑为if逻辑，在针对8个节点的另一次户界面的更新过程中，最后更新的内容为节点2上对应的if指令由原来的false改为true，则会重新编译节点2的子节点，即重新编译节点4和节点5，即最后实例化节点4和节点5对应的watcher(第三监视器的示例)。因为watcherId自增，此时节点4和节点5新对应的watcherId(第三监视器对应的唯一编码时示例)就会大于其他节点对应的watcher(第四监视器的示例)的watcherId(第四监视器对应的唯一编码的示例)，例如，节点1、2、3、4、5、6、7、8绑定的watcher的watcherId可以依次为1、2、3、7、8、4、5、6。换言之，再次发生watcher回调逻辑时，按照watcherId的排序，节点4、5的更新是发生在节点3、6、7、8之后。

本公开的排序实现非常简单，易于实现，排序本身的计算耗时很少，由此能够有效避免不必要的计算过程和计算时间，进一步降低了开发者对代码的开发和维护成本。

图5是根据一示例性实施例示出的一种用户界面的更新装置的框图。如图5所示，该装置包括：

生成模块41，用于在监视器实例化的过程中生成所述监视器的唯一编码，其中，按照各所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码依次变化；

记录模块42，用于在检测到被所述监视器监视的内存中的数据对象发生更新的情况下，控制所述监视器记录所述监视器监视的内存中的数据对象的路径和更新数据，并将所述监视器监视的内存中的数据对象在更新过程中调用的一个或多个函数作为所述监视器监视的内存中的数据对象对应的回调函数，其中，内存中的数据对象的路径为内存中的数据对象在用户界面的界面模板中绑定的位置；

触发模块43，用于在检测到内存中被监视的各内存中的数据对象完成更新的情况下，触发各所述内存中的数据对象对应的监视器回调操作，所述监视器回调操作用于根据各所述监视器的唯一编码、各所述内存中的数据对象的路径和更新数据以及各所述内存中的数据对象对应的回调函数，更新各所述内存中的数据对象对应的界面节点。

本公开在监视器实例化的过程中生成所述监视器的唯一编码，并控制监视器记录其监视的内存中的数据对象的路径和更新数据以及将更新过程中调用的一个或多个函数作为所述监视器监视的内存中的数据对象对应的回调函数，由此建立了由监视器监视内存中的数据对象更新的机制。本公开在检测到内存中被监视的各内存中的数据对象完成更新的情况下，触发各所述内存中的数据对象对应的监视器回调操作，以根据监视器的唯一编码、内存中的数据对象的路径、更新数据和回调函数更新各所述内存中的数据对象对应的界面节点。由此通过监视器回调操作实现了由内存中的数据对象的更新驱动用户界面的更新，能够有效避免不必要的计算过程和计算时间，有利于降低开发者对代码的开发和维护成本。

图6是根据一示例性实施例示出的一种用户界面的更新装置的框图。为了便于说明，在图6中仅展示出了与本实施例相关的部分。图6中标号与图5相同的组件具有相同的功能，为了简明起见，省略对这些组件的详细说明。如图6所示：

在一种可能的实现方式中，所述触发模块43包括：

查找子模块431，用于根据各所述内存中的数据对象的路径，在用户界面中查找或创建与各所述内存中的数据对象相对应的界面节点；

排序子模块432，用于根据各所述回调函数对应的监视器的唯一编码的大小对各所述回调函数进行排序；

更新子模块433，用于根据各所述内存中的数据对象的更新数据，根据排序结果依次调用各所述内存中的数据对象对应的回调函数以更新各所述内存中的数据对象对应的界面节点。

在一种可能的实现方式中，所述生成模块41包括：第一生成子模块411，用于按照所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码从小到大依次递增；

所述排序子模块432包括：第一排序子模块，用于根据各所述回调函数对应的监视器的唯一编码的从小到大的顺序对各所述回调函数进行排序。

在一种可能的实现方式中，所述第一排序子模块包括：第一判断子模块，用于在所述多个监视器中，如果第一监视器实例化的时间先于第二监视器实例化的时间，第四监视器实例化的时间先于第三监视器实例化的时间，并且，第一监视器对应的界面节点为第三监视器对应的界面节点的父节点，第二监视器对应的界面节点为第四监视器对应的界面节点的父节点，则第三监视器的唯一编码大于第四监视器的唯一编码，第三监视器对应的回调函数的排序顺序后于第四监视器对应的回调函数的排序顺序。

在一种可能的实现方式中，所述生成模块41包括：第二生成子模块412，用于按照各所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码从大到小依次递减；

所述排序子模块432包括：第二排序子模块，用于根据各所述回调函数对应的监视器的唯一编码的从大到小的顺序对各所述回调函数进行排序。

在一种可能的实现方式中，所述第二排序子模块包括：第二判断子模块，用于在所述多个监视器中，如果第一监视器实例化的时间先于第二监视器实例化的时间，第四监视器实例化的时间先于第三监视器实例化的时间，并且，第一监视器对应的界面节点为第三监视器对应的界面节点的父节点，第二监视器对应的界面节点为第四监视器对应的界面节点的父节点，则第三监视器的唯一编码小于第四监视器的唯一编码，第三监视器对应的回调函数的排序顺序后于第四监视器对应的回调函数的排序顺序。

在一种可能的实现方式中，该装置还包括：

确定模块44，用于根据各所述监视器对应的回调函数的类别确定实例化各所述监视器的顺序；

实例化模块45，用于根据实例化各所述监视器的顺序依次实例化各所述监视器。

在一种可能的实现方式中，所述确定模块44包括：

确定子模块441，用于按照各所述监视器对应的回调函数的类别为for逻辑、if逻辑、slot逻辑、richtext逻辑和element逻辑的顺序，确定实例化各所述监视器的顺序。

由于各内存中的数据对象绑定的监视器实例化的顺序与各内存中的数据对象的路径顺序保持一致，所以按照各监视器实例化顺序产生的唯一编码顺序与各监视器绑定的内存中的数据对象的路径顺序也保持一致，并且，界面节点的路径顺序与各内存中的数据对象的路径顺序同样一致，因此，根据各回调函数对应的监视器的唯一编码的大小对各回调函数进行排序，进而根据各内存中的数据对象的更新数据和排序结果依次调用各内存中的数据对象对应的回调函数以更新各内存中的数据对象对应的界面节点，可以在界面节点更新过程中按照界面节点的路径顺序对各界面节点进行跟新，无需对先创建的界面节点进行重复访问，减少了用户界面的界面布局的时间。由此能够有效避免不必要的计算过程和计算时间，进一步降低了开发者对代码的开发和维护成本。

图7是根据一示例性实施例示出的一种用户界面的更新装置的框图。例如，装置800可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图7，装置800可以包括以下一个或多个组件：处理组件802，存储器804，电源组件806，多媒体组件808，音频组件810，输入/输出(I/O)的接口812，传感器组件814，以及通信组件816。

处理组件802通常控制装置800的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件802可以包括一个或多个模块，便于处理组件802和其他组件之间的交互。例如，处理组件802可以包括多媒体模块，以方便多媒体组件808和处理组件802之间的交互。

存储器804被配置为存储各种类型的数据以支持在装置800的操作。这些数据的示例包括用于在装置800上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件806为装置800的各种组件提供电力。电源组件806可以包括电源管理系统，一个或多个电源，及其他与为装置800生成、管理和分配电力相关联的组件。

多媒体组件808包括在所述装置800和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件808包括一个前置摄像头和/或后置摄像头。当装置800处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件810被配置为输出和/或输入音频信号。例如，音频组件810包括一个麦克风(MIC)，当装置800处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中，音频组件810还包括一个扬声器，用于输出音频信号。

I/O接口812为处理组件802和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件814包括一个或多个传感器，用于为装置800提供各个方面的状态评估。例如，传感器组件814可以检测到装置800的打开/关闭状态，组件的相对定位，例如所述组件为装置800的显示器和小键盘，传感器组件814还可以检测装置800或装置800一个组件的位置改变，用户与装置800接触的存在或不存在，装置800方位或加速/减速和装置800的温度变化。传感器组件814可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件814还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件816被配置为便于装置800和其他设备之间有线或无线方式的通信。装置800可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件816还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器804，上述指令可由装置800的处理器820执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

图8是根据一示例性实施例示出的一种用户界面的更新装置的框图。例如，装置1900可以被提供为一服务器。参照图8，装置1900包括处理组件1922，其进一步包括一个或多个处理器，以及由存储器1932所代表的存储器资源，用于存储可由处理组件1922的执行的指令，例如应用程序。存储器1932中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件1922被配置为执行指令，以执行上述方法。

装置1900还可以包括一个电源组件1926被配置为执行装置1900的电源管理，一个有线或无线网络接口1950被配置为将装置1900连接到网络，和一个输入输出(I/O)接口1958。装置1900可以操作基于存储在存储器1932的操作系统，例如Windows ServerTM，MacOS XTM，UnixTM,LinuxTM，FreeBSDTM或类似。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器1932，上述指令可由装置1900的处理组件1922执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (18)

1.一种用户界面的更新方法，其特征在于，包括：

在监视器实例化的过程中生成所述监视器的唯一编码，其中，按照各所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码依次变化；

在检测到被所述监视器监视的内存中的数据对象发生更新的情况下，控制所述监视器记录所述监视器监视的内存中的数据对象的路径和更新数据，并将所述监视器监视的内存中的数据对象在更新过程中调用的一个或多个函数作为所述监视器监视的内存中的数据对象对应的回调函数，其中，内存中的数据对象的路径为内存中的数据对象在用户界面的界面模板中绑定的位置；

在检测到内存中被监视的各内存中的数据对象完成更新的情况下，触发各所述内存中的数据对象对应的监视器回调操作，所述监视器回调操作用于根据各所述监视器的唯一编码、各所述内存中的数据对象的路径和更新数据以及各所述内存中的数据对象对应的回调函数，更新各所述内存中的数据对象对应的界面节点。

2.根据权利要求1所述的方法，其特征在于，所述监视器回调操作包括以下操作：

根据各所述内存中的数据对象的路径，在用户界面中查找或创建与各所述内存中的数据对象相对应的界面节点；

根据各所述回调函数对应的监视器的唯一编码的大小对各所述回调函数进行排序；

根据各所述内存中的数据对象的更新数据，根据排序结果依次调用各所述内存中的数据对象对应的回调函数以更新各所述内存中的数据对象对应的界面节点。

3.根据权利要求2所述的方法，其特征在于，

按照各所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码依次变化，包括：

按照所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码从小到大依次递增；

根据各所述回调函数对应的监视器的唯一编码的大小对各所述回调函数进行排序，包括：

根据各所述回调函数对应的监视器的唯一编码的从小到大的顺序对各所述回调函数进行排序。

4.根据权利要求3所述的方法，其特征在于，根据各所述回调函数对应的监视器的唯一编码的从小到大的顺序对各所述回调函数进行排序，包括：

在各所述监视器中，如果第一监视器实例化的时间先于第二监视器实例化的时间，第四监视器实例化的时间先于第三监视器实例化的时间，并且，第一监视器对应的界面节点为第三监视器对应的界面节点的父节点，第二监视器对应的界面节点为第四监视器对应的界面节点的父节点，则第三监视器的唯一编码大于第四监视器的唯一编码，第三监视器对应的回调函数的排序顺序后于第四监视器对应的回调函数的排序顺序。

5.根据权利要求2所述的方法，其特征在于，

按照各所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码从大到小依次递减；

根据各所述回调函数对应的监视器的唯一编码的从大到小的顺序对各所述回调函数进行排序。

6.根据权利要求5所述的方法，其特征在于，根据各所述回调函数对应的监视器的唯一编码的从小到大的顺序对各所述回调函数进行排序，包括：

在各所述监视器中，如果第一监视器实例化的时间先于第二监视器实例化的时间，第四监视器实例化的时间先于第三监视器实例化的时间，第一监视器对应的界面节点为第三监视器对应的界面节点的父节点，第二监视器对应的界面节点为第四监视器对应的界面节点的父节点，则第三监视器的唯一编码小于第四监视器的唯一编码，第三监视器对应的回调函数的排序顺序后于第四监视器对应的回调函数的排序顺序。

7.根据权利要求1至6中任意一项所述的方法，其特征在于，还包括：

根据各所述监视器对应的回调函数的类别确定实例化各所述监视器的顺序；

根据实例化各所述监视器的顺序依次实例化各所述监视器。

8.根据权利要求7所述的方法，其特征在于，根据各所述监视器对应的回调函数的类别确定实例化各所述监视器的顺序，包括：

按照各所述监视器对应的回调函数的类别为for逻辑、if逻辑、slot逻辑、richtext逻辑和element逻辑的顺序，确定实例化各所述监视器的顺序。

9.一种用户界面的更新装置，其特征在于，包括：

生成模块，用于在监视器实例化的过程中生成所述监视器的唯一编码，其中，按照各所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码依次变化；

记录模块，用于在检测到被所述监视器监视的内存中的数据对象发生更新的情况下，控制所述监视器记录所述监视器监视的内存中的数据对象的路径和更新数据，并将所述监视器监视的内存中的数据对象在更新过程中调用的一个或多个函数作为所述监视器监视的内存中的数据对象对应的回调函数，其中，内存中的数据对象的路径为内存中的数据对象在用户界面的界面模板中绑定的位置；

触发模块，用于在检测到内存中被监视的各内存中的数据对象完成更新的情况下，触发各所述内存中的数据对象对应的监视器回调操作，所述监视器回调操作用于根据各所述监视器的唯一编码、各所述内存中的数据对象的路径和更新数据以及各所述内存中的数据对象对应的回调函数，更新各所述内存中的数据对象对应的界面节点。

10.根据权利要求9所述的装置，其特征在于，所述触发模块包括：

查找子模块，用于根据各所述内存中的数据对象的路径，在用户界面中查找或创建与各所述内存中的数据对象相对应的界面节点；

排序子模块，用于根据各所述回调函数对应的监视器的唯一编码的大小对各所述回调函数进行排序；

更新子模块，用于根据各所述内存中的数据对象的更新数据，根据排序结果依次调用各所述内存中的数据对象对应的回调函数以更新各所述内存中的数据对象对应的界面节点。

11.根据权利要求10所述的装置，其特征在于，

所述生成模块包括：

第一生成子模块，用于按照所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码从小到大依次递增；

所述排序子模块包括：

第一排序子模块，用于根据各所述回调函数对应的监视器的唯一编码的从小到大的顺序对各所述回调函数进行排序。

12.根据权利要求11所述的装置，其特征在于，所述第一排序子模块包括：

第一判断子模块，用于在各所述监视器中，如果第一监视器实例化的时间先于第二监视器实例化的时间，第四监视器实例化的时间先于第三监视器实例化的时间，并且，第一监视器对应的界面节点为第三监视器对应的界面节点的父节点，第二监视器对应的界面节点为第四监视器对应的界面节点的父节点，则第三监视器的唯一编码大于第四监视器的唯一编码，第三监视器对应的回调函数的排序顺序后于第四监视器对应的回调函数的排序顺序。

13.根据权利要求10所述的装置，其特征在于，

第二生成子模块，用于按照各所述监视器实例化的时间从先到后的顺序，各所述监视器的唯一编码从大到小依次递减；

第二排序子模块，用于根据各所述回调函数对应的监视器的唯一编码的从大到小的顺序对各所述回调函数进行排序。

14.根据权利要求13所述的装置，其特征在于，所述第二排序子模块包括：

第二判断子模块，用于在各所述监视器中，如果第一监视器实例化的时间先于第二监视器实例化的时间，第四监视器实例化的时间先于第三监视器实例化的时间，并且，第一监视器对应的界面节点为第三监视器对应的界面节点的父节点，第二监视器对应的界面节点为第四监视器对应的界面节点的父节点，则第三监视器的唯一编码小于第四监视器的唯一编码，第三监视器对应的回调函数的排序顺序后于第四监视器对应的回调函数的排序顺序。

15.根据权利要求9至14中任意一项所述的装置，其特征在于，还包括：

确定模块，用于根据各所述监视器对应的回调函数的类别确定实例化各所述监视器的顺序；

实例化模块，用于根据实例化各所述监视器的顺序依次实例化各所述监视器。

16.根据权利要求15所述的装置，其特征在于，所述确定模块包括：

确定子模块，用于按照各所述监视器对应的回调函数的类别为for逻辑、if逻辑、slot逻辑、richtext逻辑和element逻辑的顺序，确定实例化各所述监视器的顺序。

17.一种户界面的更新装置，其特征在于，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

执行权利要求1至8中任意一项所述的方法。

18.一种非易失性计算机可读存储介质，其上存储有计算机程序指令，其特征在于，所述计算机程序指令被处理器执行时实现权利要求1至8中任意一项所述的方法。

Images