一种用户界面的更新方法、装置及电子设备制造方法及图纸

本发明专利技术实施例提供了一种用户界面的更新方法、装置及电子设备，用户界面的更新方法包括利用渲染函数对响应数据源进行观察监听，其中，所述响应数据源用于存储用户页面的页面数据；当所述响应数据源中的数据发生变化时，利用所述渲染函数对所述用户页面进行渲染。本发明专利技术实施例可以提升用户界面的更新效率。

【技术实现步骤摘要】
一种用户界面的更新方法、装置及电子设备
本专利技术涉及计算机
，特别是涉及一种用户界面的更新方法、装置及电子设备。
技术介绍
随着计算机技术的不断发展，硬件性能的不断提高，这使得设计更加复杂的用户界面(UserInterface，UI)成为可能。开发者可以在用户界面的数据，例如用户头像或者用户积分等变化的情况下，修改数据源中对应的数据，以实现用户界面的更新。目前，对于游戏开发程序而言，如需在数据源变化时，更新客户端的用户界面，则需要开发者寻找修改的数据所属的UI节点，修改对应的UI节点，以通过UI节点对应的渲染函数对对应的用户界面区域重新渲染，从而更新用户界面。然而，在多人开发场景中，当前开发者修改的数据所对应的UI节点可能被其他开发者修改，开发者容易寻找到错误的UI节点，并对错误的用户界面区域进行渲染，导致更新用户界面时出错较多，从而更新用户界面的效率较低。
技术实现思路
本专利技术实施例的目的在于提供一种用户界面的更新方法、装置及电子设备，以解决现有的用户界面的更新效率较低的问题。具体技术方案如下：在本专利技术实施的第一方面，首先提供了一种用户界面的更新方法，包括：利用渲染函数对响应数据源进行观察监听，其中，所述响应数据源用于存储用户页面的页面数据；当所述响应数据源中的数据发生变化时，利用所述渲染函数对所述用户页面进行渲染。在本专利技术实施的第二方面，还提供了一种用户界面的更新装置，其特征在于，包括：监听模块，用于利用渲染函数对响应数据源进行观察监听，其中，所述响应数据源用于存储用户页面的页面数据；渲染模块，用于当所述响应数据源中的数据发生变化时，利用所述渲染函数对所述用户页面进行渲染。在本专利技术实施的又一方面，还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述任一所述的用户界面的更新方法。在本专利技术实施的又一方面，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述任一所述的用户界面的更新方法。本专利技术实施例提供的用户界面的更新方法，可以采用观察者模式实现自动监听响应数据源的数据变化，并调用相应的渲染函数，基于变化后的数据对用户页面重新进行渲染，生成更新后的用户界面。从而，在响应数据源变化时，无需开发者通过查找变化数据对应节点的方式，手动修改UI节点，再通过UI节点对应的渲染函数对用户界面进行更新渲染，进而减少了渲染出错的现象，提升了用户界面的更新效率。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。图1是本专利技术实施例中的用户界面的更新方法的流程图；图2是本专利技术实施例中的用户界面的一种可能的示意图；图3是本专利技术实施例中的场景实例图；图4是本专利技术实施例中的用户界面的更新装置的结构示意图；图5是本专利技术实施例中的电子设备的结构示意图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行描述。游戏开发软件中，开发者可以通过游戏开发软件快速生成代码、编辑资源和动画，最终输出适合于多个平台的游戏产品。然而如需在数据修改时，更新客户端的用户界面，则需要开发者寻找修改的数据所属的UI节点，修改对应的UI节点，以通过UI节点对应的渲染函数对对应的用户界面下的用户页面，或者用户页面中的区域重新渲染，从而更新用户界面。该方式容易由于节点变动导致渲染出错，基于此，本专利技术实施例提供了一种用户界面的更新方法。应理解，本专利技术实施例提供的用户界面的更新方法，可以应用但不限于任意游戏开发软件的开发过程中，以提升开发效率。示例性的，可以应用于cocos游戏开发过程中。在利用本专利技术实施例提供的方法进行开发的过程中，开发者只需对数据源中的相应数据重新赋值，即可自动更新与相应数据绑定的用户界面。当然，本专利技术实施例提供的用户界面的更新方法也可以应用于产品上线后的运营过程中，从而减少用户界面错误渲染的事件，提升用户侧的体验。示例性地，在一可选的实施例中，用户在客户端执行第一操作时，例如在执行修改头像或者昵称等操作时，向电子设备发送修改后的页面数据，开发者可以根据接收到的页面数据对数据源的相应数据进行修改，而后在电子设备上采用本专利技术实施例提供的用户界面的更新方法对用户界面进行更新。在另一可选的实施例中，服务端可以实时向电子设备发送当前的页面数据，电子设备可以截获当前的页面数据，并对数据源的相应数据进行修改，而后采用本专利技术实施例提供的用户界面的更新方法对用户界面进行更新。参见图1，图1是本专利技术实施例提供的一种用户界面的更新方法的流程图，如图1所示，包括以下步骤：步骤101、利用渲染函数对响应数据源进行观察监听，其中，所述响应数据源用于存储用户页面的页面数据。步骤102、当所述响应数据源中的数据发生变化时，利用所述渲染函数对所述用户页面进行渲染。在上述步骤101中，上述渲染函数对响应数据源的观察监听过程，可以基于观察者模式实现。通常地，在基于JavaScript(可简称为JS)语言的观察者模式中，多个观察者可以同时观察监听一个主题对象(也即被观察对象)，在被观察对象的状态发生变化时，会通知所有观察者，使所有观察者可以进行相应的变化，其流程通常为：通过Java或JavaScript等语言的程序代码定义主题对象(Subject)，即被观察对象，被观察对象可以存在预定义的属性状态，用于指向被观察对象中预设的数据，在预设的数据发生变化的情况下，上述被观察对象的属性状态发生变化，观察者可以通过监听被观察对象的属性状态，确定被观察对象中预设的数据是否发生变化。具体地，可以在被观察对象下创建观察者(Observer)，上述观察者(也可以称为观察对象)可以为代码语言中的函数方法，在上述被观察对象发生变化的情况下，上述被观察对象可以通过查找观察者名称等方式通知观察者，并执行观察者对应的函数方法。应理解，一个观察者也可以观察监听被观察对象下的部分数据，具体可以通过在被观察对象下创建观察者的监听对象列表实现，每一监听对象可以对应被观察对象中的部分数据，每一观察者可以观察监听被观察对象下的一个监听对象，多个观察者也可以对应被观察对象下的同一监听对象，具体可以根据实际需要进行设置。在本专利技术实施例中，上述渲染函数可以理解为上述观察者模式中的观察者，而响应数据源可以理解为观察者模式中的被观察对象。由于上述响应数据源中可以存储用户界面下至少一个用户页面的页面数据，页面数据下可以包括页面不同区域的数据，举例而言，用户的游戏界面中可以包括用户资料页面和物品栏页面等页面，用户资料页面可以包括用户的id、昵称、头像等数据，上述数据分别位于用户资料页面的不同区域内，因此可以分别用不同的字段进行存储，例如“{uid，XXXXX}”、“{nickname，XXXX}”和“{avatar，XXX}”等形式。当然本文档来自技高网...

【技术保护点】
1.一种用户界面的更新方法，其特征在于，包括：/n利用渲染函数对响应数据源进行观察监听，其中，所述响应数据源用于存储用户页面的页面数据；/n当所述响应数据源中的数据发生变化时，利用所述渲染函数对所述用户页面进行渲染。/n

【技术特征摘要】
1.一种用户界面的更新方法，其特征在于，包括：
利用渲染函数对响应数据源进行观察监听，其中，所述响应数据源用于存储用户页面的页面数据；
当所述响应数据源中的数据发生变化时，利用所述渲染函数对所述用户页面进行渲染。


2.根据权利要求1所述的用户界面的更新方法，其特征在于，所述渲染函数的数目为至少一个，且任意两个所述渲染函数观察监听页面数据不完全相同。


3.根据权利要求1所述的用户界面的更新方法，其特征在于，所述当所述响应数据源中的数据发生变化时，利用所述渲染函数对所述用户页面进行渲染的步骤，包括：
当所述响应数据源中的数据发生变化时，获取发生变化数据的数据源标识；
利用所述数据源标识所关联的所述渲染函数对所述用户页面进行渲染。


4.根据权利要求3所述的用户界面的更新方法，其特征在于，所述数据源标识包括以下至少一种：发生变化的数据所在页面的页面标识、发生变化的数据所在页面区域的区域标识、发生变化的数据所对应的字段标识。


5.根据权利要求3所述的用户界面的更新方法，其特征在于，当第一页面的第一区域中的第一字段的数据发生变化时，所述利用所述数据标识所关联的所述渲染函数对所述用户页面进行渲染的步骤，包括：
利用所述第一页面的页面标识，调用与所述第一页面标识相关联的第一渲染函数，并利用所述第一渲染函数对所述第一页面进行渲染；
或者，
利用所述第一区域的区域标识，调用与所述第一区域标识相关联的第二渲染函数，并利用所述第二渲染函数对所述第一区域进行渲染；
或者，
利用所述第一字段的字段标识，调用与所述第一字段标识相关联的第三渲染函数，并利用所述第三渲染函数对所述第一字段对应的区域进行渲染。


6.根据权利要求3所述的用户界面的更新方法，其特征在于，当第一页面的第一区域中的第一字段的数据发生变化，且所述第一页面的页面标识关联于多个渲染函数时，所述利用所述数据源标识所关联的所述渲染函数对所述用户页面进行渲染的步骤，包括：<...

【专利技术属性】
技术研发人员：刘凯，
申请(专利权)人：北京奇艺世纪科技有限公司，
类型：发明
国别省市：北京;11