一种基于用户界面框架的处理方法、装置、设备及介质制造方法及图纸

本公开实施例涉及一种基于用户界面框架的处理方法、装置、设备及介质，其中该方法包括：基于用户界面框架获取目标组件的数据组，对数据组进行排版处理，得到目标组件的显示样式信息，基于预设的矢量绘图库将显示样式信息转换为绘制矢量，基于绘制矢量生成目标组件的渲染结果并显示。采用上述技术方案，在基于用户界面框架的处理程中数据组进行排版处理可以提高组件处理效率、以及基于矢量绘图库进行矢量描述处理，对用户界面表现的实现能够天然跨平台，并且能够满足更多视觉效果，最后基于绘制矢量描述生成目标组件的渲染结果，保证渲染结果的稳定性，进一步提升了用户界面框架场景下的组件展示效果。景下的组件展示效果。景下的组件展示效果。

【技术实现步骤摘要】
一种基于用户界面框架的处理方法、装置、设备及介质


[0001]本公开涉及图形用户界面
，尤其涉及一种基于用户界面框架的处理方法、装置、设备及介质。

技术介绍

[0002]通常，UI(用户界面)框架为一套计算机用户界面编程库，通过提供一系列数据结构和方法让程序员绘制出特定的图形用户界面，比如三维编辑器。
[0003]相关技术中的平台提供的UI框架中，对于UI组件样式处理，需要重新解析和编写、以及渲染结果显示不稳定，从而导致UI组件处理效率和成本比较高。

技术实现思路

[0004]为了解决上述技术问题或者至少部分地解决上述技术问题，本公开提供了一种基于用户界面框架的处理方法、装置、设备及介质。
[0005]本公开实施例提供了一种基于用户界面框架的处理方法，所述方法包括：
[0006]基于用户界面框架获取目标组件的数据组；
[0007]对所述数据组进行排版处理，得到所述目标组件的显示样式信息；
[0008]基于预设的矢量绘图库将所述显示样式信息转换为绘制矢量；
[0009]基于所述绘制矢量生成所述目标组件的渲染结果并显示。
[0010]本公开实施例还提供了一种基于用户界面框架的处理装置，所述装置包括：
[0011]获取数据模块，用于基于用户界面框架获取目标组件的数据组；
[0012]排版生成模块，用于对所述数据组进行排版处理，得到所述目标组件的显示样式信息；
[0013]转换描述模块，用于基于预设的矢量绘图库将所述显示样式信息转换为绘制矢量；
[0014]生成显示模块，用于基于所述绘制矢量生成所述目标组件的渲染结果并显示。
[0015]本公开实施例还提供了一种电子设备，所述电子设备包括：处理器；用于存储所述处理器可执行指令的存储器；所述处理器，用于从所述存储器中读取所述可执行指令，并执行所述指令以实现如本公开实施例提供的基于用户界面框架的处理方法。
[0016]本公开实施例还提供了一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序用于执行如本公开实施例提供的基于用户界面框架的处理方法。
[0017]本公开实施例提供的技术方案与现有技术相比具有如下优点：本公开实施例提供的基于用户界面框架的处理方案，基于用户界面框架获取目标组件的数据组，对数据组进行排版处理，得到目标组件的显示样式信息，基于预设的矢量绘图库将显示样式信息转换为绘制矢量，基于绘制矢量生成目标组件的渲染结果并显示。采用上述技术方案，在基于用户界面框架的处理程中数据组进行排版处理可以提高组件处理效率、以及基于矢量绘图库进行矢量描述处理，对用户界面表现的实现能够天然跨平台，并且能够满足更多视觉效果，
最后基于绘制矢量描述生成目标组件的渲染结果，保证渲染结果的稳定性，进一步提升了用户界面框架场景下的组件展示效果。
附图说明
[0018]结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。
[0019]图1为本公开实施例提供的一种基于用户界面框架的处理方法的流程示意图；
[0020]图2为本公开实施例提供的另一种基于用户界面框架的处理方法的流程示意图；
[0021]图3为本公开实施例提供的一种目标组件的渲染结果展示的示意图；
[0022]图4为本公开实施例提供的另一种目标组件的渲染结果展示的示意图；
[0023]图5为本公开实施例提供的再一种目标组件的渲染结果展示的示意图图；
[0024]图6为本公开实施例提供的一种基于用户界面框架的处理装置的结构示意图；
[0025]图7为本公开实施例提供的一种电子设备的结构示意图。
具体实施方式
[0026]下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
[0027]应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
[0028]本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
[0029]需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
[0030]需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
[0031]本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
[0032]图1为本公开实施例提供的一种基于用户界面框架的处理方法的流程示意图，该方法可以由基于用户界面框架的处理装置执行，其中该装置可以采用软件和/或硬件实现，一般可集成在电子设备中。如图1所示，该方法包括：
[0033]步骤101、基于用户界面框架获取目标组件的数据组。
[0034]其中，目标组件可以为任意一个按钮、菜单和弹窗等组件，本公开实施例对目标组件的形式不作限定，例如目标组件可以为块状按钮，也可以为普通按钮。数据组是指用于表
示与目标组件相关的多组数据，本公开实施例中是指用于表示与目标组件相关的排版内容、视觉描述、当前层级和当前逻辑等数据组，比如数据组为排版内容，包括宽的数值、高的数值等。
[0035]在一些实施方式中，基于用户界面框架获取目标组件的数据组，包括：基于用户在操作界面输入长、宽一组数据、以及基于用户在操作界面输入位置、颜色和偏移一组数据，获取目标组件的数据组。其中，操作界面是指提供用户进行操作的页面，操作界面可以包括组件的数据组输入选项。其中，用户界面框架可以基于业务开发的输入转化为产品，比如三维编辑器，能够提高编辑处理效率和视觉效果。
[0036]在另一些实施方式中，基于用户界面框架获取目标组件的数据组，包括：调用目标引擎从第三方数据库中获取的目标组件对应的数据组，也就是说，在没有接收到用户输入的目标组件的数据组的情况下，可以调用预先存储的数据组进行后续排版处理。以上两种实施方式仅为示例，本公开实施例不对基于用户界面框架获取目标组件的数据组的本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于用户界面框架的处理方法，其特征在于，包括：基于用户界面框架获取目标组件的数据组；对所述数据组进行排版处理，得到所述目标组件的显示样式信息；基于预设的矢量绘图库将所述显示样式信息转换为绘制矢量；基于所述绘制矢量生成所述目标组件的渲染结果并显示。2.根据权利要求1所述的基于用户界面框架的处理方法，其特征在于，所述对所述数据组进行排版处理，得到所述目标组件的显示样式信息，包括：按照预设的样式模型对所述数据组进行处理，得到数据结构描述；将所述数据结构描述映射到样式库函数中，得到所述目标组件的显示样式信息。3.根据权利要求1所述的基于用户界面框架的处理方法，其特征在于，所述基于预设的矢量绘图库将所述显示样式信息转换为绘制矢量，包括：基于所述显示样式信息在所述矢量绘图库进行转换，获取绘制样式、绘制路径和绘制形式；基于所述绘制样式、所述绘制路径和所述绘制形式生成所述绘制矢量。4.根据权利要求1所述的基于用户界面框架的处理方法，其特征在于，还包括：基于所述数据组获取所述目标组件的基本属性信息；基于所述基本属性信息进行结构渲染，得到所述目标组件的组件数据结构。5.根据权利要求4所述的基于用户界面框架的处理方法，其特征在于，还包括：获取所述目标组件的初始组件状态；基于目标接口获取目标事件；基于所述目标事件获取所述目标组件的当前组件状态；在所述初始组件状态和所述当前组件状态不一致的情况下，更新所述组件...

【专利技术属性】
技术研发人员：周天柱，
申请(专利权)人：北京字跳网络技术有限公司，
类型：发明
国别省市：