(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210039308.1 (22)申请日 2022.01.13 (71)申请人 阿里巴巴 （中国） 有限公司 地址 310052 浙江省杭州市滨江区长河街 道网商路69 9号4号楼5楼5 08室 (72)发明人 吴子骄　 (74)专利代理 机构 北京成创同维知识产权代理 有限公司 1 1449 专利代理师 刘静 (51)Int.Cl. G06F 9/451(2018.01) G06F 3/0488(2022.01) G06F 3/0483(2013.01) (54)发明名称 UI界面的控制方法及控制系统以及UI软件 开发工具包 (57)摘要 公开一种UI界面的控制方法及系统。 该UI界 面的控制方法包括： 接收通知； 将通知转发给多 个UI组件； 其中， 多个U I组件处于监听状态， 并在 接收到通知时执行对应操作。 本公开实施例将监 听和处理逻辑都收归到U I组件， 由U I组件根据监 听到的通知采 取合适的处理逻辑的做法， 更有利 于组件扩展并且更适用于用户根据自身需求设 计个性化的U I界面， 尤其适合那些自身就有大量 的UI定制需求的客户。 权利要求书1页 说明书8页 附图7页 CN 114461320 A 2022.05.10 CN 114461320 A 1.一种UI界面的控制方法， 包括： 接收通知； 将所述通知转发给多个UI组件； 其中， 所述多个UI组件处于监听状态， 并在接收到所述 通知时执 行对应操作。 2.根据权利要求1所述的控制方法， 其中， 所述通知为UI界面发生指定状态变化或执行 了指定操作， 所述对应操作为从服务器端获取数据和/或基于获取到的数据进行组件渲染 和展示。 3.根据权利要求1所述的控制方法， 还包括： 采用可配置的界面布局文件限定所述多个 UI组件以及所述多个UI组件在UI界面上的相对位置关系。 4.根据权利要求1所述的控制方法， 其中， 所述多个UI组件中的第一UI组件在自身状态 发生变化和/或进 行特定操作时， 向所述多个UI组件中的第二UI组件发送事件， 所述第二UI 组件在接收到所述事 件时， 更新自身状态。 5.根据权利要求4所述的控制方法， 其中， 所述第一UI组件向所述第 二UI用户发送用户 操作事件， 所述第二UI组件基于所述用户操作事 件计算数据并重新 渲染和展示组件。 6.根据权利要求1所述的控制方法， 其中， 采用配置信息管理各种通知和各种 UI组件之 间的对应关系。 7.一种UI软件开发工具包， 包括： 多个UI组件； 组件管理器， 用于管理所述多个UI组件， 并在接收到通知时， 将所述通知转发给所述多 个UI组件； 其中， 所述多个组件处于监听状态， 在接收到所述 通知时执 行对应操作。 8.根据权利要求7所述的UI软件开发工具包， 还包括： 事件管理器， 用于实现所述多个 UI组件之间发送和接收事 件。 9.根据权利要求7所述的UI软件开发工具包， 其中， 所述通知为UI界面发生指定状态变 化或执行了指定操作的通知， 所述对应操作为从服务器端获取数据和/或基于获取到的数 据进行组件渲染和展示。 10.根据权利要求7所述的UI软件开发工具包， 其中， 所述组件管理器根据可配置的界 面布局文件限定所述多个UI组件以及所述多个UI组件在UI界面上的相对位置关系。 11.一种UI界面的控制方法， 包括： 构建UI界面,并根据可配置的界面布局文件控制多个UI组件在所述UI界面上的相对位 置关系； 向所述多个UI组件发送通知， 所述多个UI组件处于监听状态， 并在监听到通知时执行 对应操作。 12.根据权利要求1 1所述的控制方法， 通过Andro id Activity构建UI界面。 13.一种UI界面的控制系统， 包括： 根据权利要求7至10任一项所述的UI软件开发工具包； 界面控制模块， 用于构建UI界面,并向所述组件管理器发送所述 通知。权　利　要　求　书 1/1 页 2 CN 114461320 A 2UI界面的控制方 法及控制系统以及UI软件开发工具包 技术领域 [0001]本公开涉及前端UI设计领域， 具体而言， 涉及一种UI界面的控制方法及控制系统 以及UI软件开发工具包。 背景技术 [0002]现今， 基于众多企业都有UI(User  Interface)界面的设计需求， 因此有软件商研 发并提供U I软件开发工 具包(SDK， Software  Development  Kit)并提供给有需求的企业。 U I 工具包封装了各种形态的视觉元素以及视觉元素背后的处理逻辑。 研发人员可在自家应用 产品中加载并调用相应功能单元以实现UI界面。 这种方式能够极大程度降低UI界面的开 发 成本并提高开发效率。 [0003]为了应对不同企业 的UI界面的设计需求， UI工具包通常采用的策略是， 尽可能在 工具包内穷举可能会被拓展的各种视觉元素以及实现各种视觉元素所需的功能模块， 以支 持企业内部的开发人员进行选择性的使用。 例如， 针对直播界面的标题区域， A企业希望将 标题区域设置在界面的左上角， B企业希望将标题区域设置在右上角， A公司对于字体、 颜色 有A要求， B公司对字体、 颜色有B要求， 对此， UI工具包集成所有实现这些 可能的代码文件。 [0004]但这种策略的缺点在于， 企业的UI设计需求千差万别， 在UI工具包设计开发阶段， 研发人员很难逐一穷举出来， 并且无论如何也做不到 。 因此有必要重新设计和规划工具包。 发明内容 [0005]有鉴于此， 本公开的目的是提供一种UI界面的控制方法及控制系统以及UI软件开 发工具包， 以解决现有问题。 [0006]根据本公开的第一方面， 提供一种UI界面的控制方法， 包括： [0007]接收通知； [0008]将所述通知转发给多个UI组件； [0009]其中， 所述多个UI组件处于监听状态， 并在接收到所述 通知时执 行对应操作。 [0010]在一些实施例中， 所述通知为UI界面发生指定状态变化或执行了指定操作的通 知， 所述对应操作为从服 务器端获取 数据和/或基于获取到的数据进行组件渲染和展示。 [0011]在一些实施例中， 所述界面布局文件还用于限定所述多个UI组件在UI界面上的相 对位置关系。 [0012]在一些实施例中， 所述多个UI组件中的第一UI组件在自身状态发生变化和/或进 行特定操作时， 向所述多个UI组件中的第二UI组件发送事件， 所述第二UI组件在接收到所 述事件时， 更新自身状态。 [0013]在一些实施例中， 所述第一UI组件向所述第二UI用户发送用户操作事件， 所述第 二UI组件基于所述用户操作事 件计算数据并重新 渲染和展示组件。 [0014]在一些实施例中， 采用配置信息管理各种通知和各种UI组件之间的对应关系。 [0015]根据本公开的第二方面， 提供一种UI软件开发工具包， 包括：说　明　书 1/8 页 3 CN 114461320 A 3