绘制组件的方法、装置、终端和存储介质.pdf

《绘制组件的方法、装置、终端和存储介质.pdf》由会员分享，可在线阅读，更多相关《绘制组件的方法、装置、终端和存储介质.pdf（18页完成版）》请在专利查询网上搜索。

1、(19)中华人民共和国国家知识产权局 (12)发明专利申请 (10)申请公布号 (43)申请公布日 (21)申请号 201910328879.5 (22)申请日 2019.04.23 (71)申请人 北京三快在线科技有限公司 地址 100190 北京市海淀区北四环西路9号 2106-030 (72)发明人 苏艳清张水杰李小强王冰艳 王立彬罗瑞东 (74)专利代理机构 北京三高永信知识产权代理 有限责任公司 11138 代理人 祝亚男 (51)Int.Cl. G06F 9/445(2018.01) G06F 9/451(2018.01) G06F 8/38(2018.01) (54)发明名称 绘。

2、制组件的方法、 装置、 终端和存储介质 (57)摘要 本公开实施例提供了一种绘制组件的方法、 装置、 终端和存储介质， 属于计算机技术领域。 所 述方法包括： 获取目标应用程序在多端对应的基 础配置文件， 其中， 所述基础配置文件包括所述 目标应用程序的用户界面UI中各组件分别对应 的基础属性， 对于所述多端中的目标端， 根据所 述基础配置文件， 生成所述各组件分别对应的基 础属性， 获取所述目标应用程序对应的自定义属 性， 根据所述各组件分别对应的基础属性和所述 自定义属性， 对所述各组件进行绘制处理。 采用 本公开， 可以节约开发时间。 权利要求书2页 说明书11页 附图4页 CN 110。

3、045999 A 2019.07.23 CN 110045999 A 1.一种绘制组件的方法， 其特征在于， 所述方法包括： 获取目标应用程序在多端对应的基础配置文件， 其中， 所述基础配置文件包括所述目 标应用程序的用户界面UI中各组件分别对应的基础属性； 对于所述多端中的目标端， 根据所述基础配置文件， 生成所述各组件分别对应的基础 属性， 获取所述目标应用程序对应的自定义属性； 根据所述各组件分别对应的基础属性和所述自定义属性， 对所述各组件进行绘制处 理。 2.根据权利要求1所述的方法， 其特征在于， 所述根据所述各组件分别对应的基础属性 和自定义属性， 对所述各组件进行绘制处理， 包。

4、括： 对于所述UI中的每个组件， 如果所述组件对应有自定义属性， 则确定所述组件对应的 基础属性与所述组件对应的自定义属性的交集属性； 在所述组件对应的自定义属性中确定所述交集属性的第一属性值， 并在所述组件对应 的基础属性中确定所述交集属性的第二属性值； 在所述组件对应的基础属性中， 使用所述第一属性值替换所述第二属性值， 得到所述 组件在绘制时对应的绘制属性； 使用所述各组件分别对应的绘制属性， 对所述各组件进行绘制处理。 3.根据权利要求2所述的方法， 其特征在于， 所述组件对应的自定义属性中的目标属性 不属于所述组件对应的基础属性； 所述方法还包括： 将所述目标属性添加为所述组件对应的。

5、绘制属性。 4.根据权利要求1所述的方法， 其特征在于， 所述根据所述各组件分别对应的基础属性 和自定义属性， 对所述各组件进行绘制处理， 包括： 对于所述UI中的每个组件， 将所述组件在绘制时对应的各绘制属性， 转换为按照目标 排列顺序进行排序的属性数组； 根据所述组件对应的各基础属性的属性值， 生成字典模型； 使用所述字典模型中各基础属性的属性值， 为所述属性数组中与所述组件对应的基础 属性相同的绘制属性赋值； 使用所述组件对应的所述自定义属性的属性值， 替换所述属性数组中与所述自定义属 性相同的绘制属性的属性值， 并使用所述组件对应的自定义属性的属性值， 为所述属性数 组中当前不存在属性。

6、值的绘制属性赋值， 得到所述组件对应的绘制属性； 使用所述各组件分别对应的绘制属性， 对所述各组件进行绘制处理。 5.根据权利要求2或4所述的方法， 其特征在于， 所述使用所述各组件分别对应的绘制 属性， 对所述各组件进行绘制处理， 包括： 使用所述各组件分别对应的绘制属性， 生成所述各组件在所述目标端的代码； 根据所述代码， 对所述各组件进行绘制处理。 6.根据权利要求5所述的方法， 其特征在于， 所述方法还包括： 根据所述自定义属性， 更新整体布局的位置； 所述根据所述代码， 对所述各组件进行绘制处理， 包括： 根据所述代码和更新后的位置， 对所述各组件进行绘制处理。 权利要求书 1/2 。

7、页 2 CN 110045999 A 2 7.根据权利要求1至4任一所述的方法， 其特征在于， 所述基础配置文件为json格式。 8.一种绘制组件的装置， 其特征在于， 所述装置包括： 获取模块， 用于： 获取目标应用程序在多端对应的基础配置文件， 其中， 所述基础配置文件包括所述目 标应用程序的用户界面UI中各组件分别对应的基础属性； 对于所述多端中的目标端， 根据所述基础配置文件， 生成所述各组件分别对应的基础 属性， 获取所述目标应用程序对应的自定义属性； 绘制模块， 用于根据所述各组件分别对应的基础属性和所述自定义属性， 对所述各组 件进行绘制处理。 9.一种终端， 其特征在于， 所述。

8、终端包括处理器和存储器， 所述存储器中存储有至少一 条指令， 所述指令由所述处理器加载并执行以实现如权利要求1至7任一所述的绘制组件的 方法。 10.一种计算机可读存储介质， 其特征在于， 所述存储介质中存储有至少一条指令， 所 述指令由处理器加载并执行以实现如权利要求1至7任一所述的绘制组件的方法。 权利要求书 2/2 页 3 CN 110045999 A 3 绘制组件的方法、 装置、 终端和存储介质 技术领域 0001 本公开涉及计算机技术领域， 特别涉及一种绘制组件的方法、 装置、 终端和存储介 质。 背景技术 0002 为了适配不同端的操作系统， 在开发一个应用程序时， 会对应不同端的。

9、操作系统 分别设置适配于该端的操作系统的应用程序。 0003 由于不同端的操作系统针对同一个应用程序进行分别的组件化实现， 所以针对同 一应用程序开发， 花费的开发时间较多。 发明内容 0004 为了解决开发时间较多的技术的问题， 本公开实施例提供了一种绘制组件的方 法、 装置、 终端和存储介质。 所述技术方案如下： 0005 第一方面， 提供了一种绘制组件的方法， 所述方法包括： 0006 获取目标应用程序在多端对应的基础配置文件， 其中， 所述基础配置文件包括所 述目标应用程序的用户界面UI中各组件分别对应的基础属性； 0007 对于所述多端中的目标端， 根据所述基础配置文件， 生成所述各。

10、组件分别对应的 基础属性， 获取所述目标应用程序对应的自定义属性； 0008 根据所述各组件分别对应的基础属性和所述自定义属性， 对所述各组件进行绘制 处理。 0009 可选的， 所述根据所述各组件分别对应的基础属性和自定义属性， 对所述各组件 进行绘制处理， 包括： 0010 对于所述UI中的每个组件， 如果所述组件对应有自定义属性， 则确定所述组件对 应的基础属性与所述组件对应的自定义属性的交集属性； 0011 在所述组件对应的自定义属性中确定所述交集属性的第一属性值， 并在所述组件 对应的基础属性中确定所述交集属性的第二属性值； 0012 在所述组件对应的基础属性中， 使用所述第一属性值。

11、替换所述第二属性值， 得到 所述组件在绘制时对应的绘制属性； 0013 使用所述各组件分别对应的绘制属性， 对所述各组件进行绘制处理。 0014 可选的， 所述组件对应的自定义属性中的目标属性不属于所述组件对应的基础属 性； 0015 所述方法还包括： 0016 将所述目标属性添加为所述组件对应的绘制属性。 0017 可选的， 所述根据所述各组件分别对应的基础属性和自定义属性， 对所述各组件 进行绘制处理， 包括： 0018 对于所述UI中的每个组件， 将所述组件在绘制时对应的各绘制属性， 转换为按照 说明书 1/11 页 4 CN 110045999 A 4 目标排列顺序进行排序的属性数组；。

12、 0019 根据所述组件对应的各基础属性的属性值， 生成字典模型； 0020 使用所述字典模型中各基础属性的属性值， 为所述属性数组中与所述组件对应的 基础属性相同的绘制属性赋值； 0021 使用所述组件对应的所述自定义属性的属性值， 替换所述属性数组中与所述自定 义属性相同的绘制属性的属性值， 并使用所述组件对应的自定义属性的属性值， 为所述属 性数组中当前不存在属性值的绘制属性赋值， 得到所述组件对应的绘制属性； 0022 使用所述各组件分别对应的绘制属性， 对所述各组件进行绘制处理。 0023 可选的， 所述使用所述各组件分别对应的绘制属性， 对所述各组件进行绘制处理， 包括： 0024。

13、 使用所述各组件分别对应的绘制属性， 生成所述各组件在所述目标端的代码； 0025 根据所述代码， 对所述各组件进行绘制处理。 0026 可选的， 所述方法还包括： 0027 根据所述自定义属性， 更新整体布局的位置； 0028 所述根据所述代码， 对所述各组件进行绘制处理， 包括： 0029 根据所述代码和更新后的位置， 对所述各组件进行绘制处理。 0030 可选的， 所述基础配置文件为json格式。 0031 第二方面， 提供了一种绘制组件的装置， 所述装置包括： 0032 获取模块， 用于： 0033 获取目标应用程序在多端对应的基础配置文件， 其中， 所述基础配置文件包括所 述目标应用。

14、程序的用户界面UI中各组件分别对应的基础属性； 0034 对于所述多端中的目标端， 根据所述基础配置文件， 生成所述各组件分别对应的 基础属性， 获取所述目标应用程序对应的自定义属性； 0035 绘制模块， 用于根据所述各组件分别对应的基础属性和所述自定义属性， 对所述 各组件进行绘制处理。 0036 可选的， 所述绘制模块， 用于： 0037 对于所述UI中的每个组件， 如果所述组件对应有自定义属性， 则确定所述组件对 应的基础属性与所述组件对应的自定义属性的交集属性； 0038 在所述组件对应的自定义属性中确定所述交集属性的第一属性值， 并在所述组件 对应的基础属性中确定所述交集属性的第二。

15、属性值； 0039 在所述组件对应的基础属性中， 使用所述第一属性值替换所述第二属性值， 得到 所述组件在绘制时对应的绘制属性； 0040 使用所述各组件分别对应的绘制属性， 对所述各组件进行绘制处理。 0041 可选的， 所述组件对应的自定义属性中的目标属性不属于所述组件对应的基础属 性； 0042 所述绘制模块， 还用于： 0043 将所述目标属性添加为所述组件对应的绘制属性。 0044 可选的， 所述绘制模块， 用于： 0045 对于所述UI中的每个组件， 将所述组件在绘制时对应的各绘制属性， 转换为按照 说明书 2/11 页 5 CN 110045999 A 5 目标排列顺序进行排序的。

16、属性数组； 0046 根据所述组件对应的各基础属性的属性值， 生成字典模型； 0047 使用所述字典模型中各基础属性的属性值， 为所述属性数组中与所述组件对应的 基础属性相同的绘制属性赋值； 0048 使用所述组件对应的所述自定义属性的属性值， 替换所述属性数组中与所述自定 义属性相同的绘制属性的属性值， 并使用所述组件对应的自定义属性的属性值， 为所述属 性数组中当前不存在属性值的绘制属性赋值， 得到所述组件对应的绘制属性； 0049 使用所述各组件分别对应的绘制属性， 对所述各组件进行绘制处理。 0050 可选的， 所述绘制模块， 用于： 0051 使用所述各组件分别对应的绘制属性， 生成。

17、所述各组件在所述目标端的代码； 0052 根据所述代码， 对所述各组件进行绘制处理。 0053 可选的， 所述绘制模块， 还用于： 0054 根据所述自定义属性， 更新整体布局的位置； 0055 所述绘制模块， 用于： 0056 根据所述代码和更新后的位置， 对所述各组件进行绘制处理。 0057 可选的， 所述基础配置文件为json格式。 0058 第三方面， 提供了一种终端， 所述终端包括处理器和存储器， 所述存储器中存储有 至少一条指令， 所述指令由所述处理器加载并执行以实现如上述第一方面所述的绘制组件 的方法。 0059 第四方面， 提供了一种计算机可读存储介质， 所述存储介质中存储有至。

18、少一条指 令， 所述指令由处理器加载并执行以实现如上述第一方面所述的绘制组件的方法。 0060 本公开实施例提供的技术方案带来的有益效果至少包括： 0061 本公开实施例中， 终端可以获取目标应用程序在多端对应的基础配置文件， 其中， 基础配置文件包括目标应用程序的用户界面UI中各组件分别对应的基础属性， 对于多端中 的目标端， 根据基础配置文件， 生成各组件分别对应的基础属性， 获取目标应用程序对应的 自定义属性， 根据各组件分别对应的基础属性和自定义属性， 对各组件进行绘制处理。 这 样， 由于多端有一套基础配置文件， 所以不同端的操作系统统一针对同一个应用程序进行 组件化处理， 所以针对。

19、同一应用程序开发时， 节约开发时间。 附图说明 0062 图1是本公开实施例提供的一种绘制组件的方法流程图； 0063 图2是本公开实施例提供的一种基础属性示意图； 0064 图3是本公开实施例提供的一种自定义属性的示意图； 0065 图4是本公开实施例提供的一种绘制属性的示意图； 0066 图5是本公开实施例提供的一种绘制组件的装置的结构示意图； 0067 图6是本公开实施例提供的一种终端的结构示意图。 具体实施方式 0068 为使本公开的目的、 技术方案和优点更加清楚， 下面将结合附图对本公开实施方 说明书 3/11 页 6 CN 110045999 A 6 式作进一步地详细描述。 006。

20、9 本公开实施例提供了一种绘制组件的方法， 该方法的执行主体可以是终端。 其中， 终端可以是电脑、 手机、 平板电脑。 0070 终端中可以设置有处理器、 存储器和收发器等， 处理器可以用于进行绘制组件的 过程的处理， 存储器可以用于存储绘制组件中需要的数据以及产生的数据， 收发器可以用 于接收以及发送数据。 0071 本实施例中以执行主体为电脑进行方案的详细描述， 其它情况与之类似， 本实施 例不再累述。 0072 在进行实施前， 首先介绍一下本公开实施例的应用场景以及有可能涉及的名词概 念： 0073 在开发一个应用程序时， 想要在多端的风格一致， 可以开发一套适配于多端基础 配置文件。 。

21、对于各端如果有区别于其他端的设置， 可以单独进行配置。 0074 多端， 包括安卓端、 ios端和web(网页)端。 0075 组件， 包括按钮、 表单、 标签、 提示弹窗等。 0076 本公开实施例提供了一种绘制组件的方法， 如图1所示， 该方法的执行流程可以如 下： 0077 步骤101， 获取目标应用程序在多端对应的基础配置文件。 0078 其中， 目标应用程序为任一应用程序， 基础配置文件可以对应于多端的目标应用 程序， 且包括目标应用程序的UI中各组件分别对应的基础属性， 基础属性可以包括文字尺 寸、 圆弧尺寸、 颜色、 边框尺寸等。 0079 在实施中， 用户想要使用目标应用程序，。

22、 可以在终端上安装目标应用程序， 然后操 作启动目标应用程序， 终端则会获取目标应用程序在多端对应的基础配置文件。 0080 需要说明的是， 在目标应用程序安装在终端上后， 基础配置文件随目标应用程序 一起存储在终端上。 0081 可选的， 基础配置文件为json格式。 0082 在实施中， 基础配置文件可以为json格式， 另外， 在满足使用的条件下， 也可以为 其他格式。 0083 步骤102， 对于多端中的目标端， 根据基础配置文件， 生成各组件分别对应的基础 属性， 获取目标应用程序对应的自定义属性。 0084 其中， 目标端可以是多端中的任意一端， 本公开实施例以目标端为ios端为例。

23、进行 方案的说明。 0085 在实施中， 如果终端的操作系统为ios系统， 则可以确定目标应用程序是属于目标 端的应用程序， 可以使用基础配置文件， 生成目标应用程序的各组件分别对应的基础属性。 例如， 如图2所示， 目标应用程序为A应用程序， 对于A应用程序中的A组件， 基础属性有文字 大小、 颜色、 圆弧大小、 边框大小等， 文字大小对应的属性值为大(34px(相对长度单位)， 颜 色对应的属性值为红色， 圆弧大小对应的属性值为4px， 边框大小对应的属性值为1px。 0086 终端还可以获取目标应用程序对应的自定义属性， 此处是： 如果目标应用程序的 某个组件对应有自定义属性， 则可以获。

24、取到该组件对应的自定义属性。 例如， 如图3所示， 目 标应用程序的A组件对应有自定义属性， 包括有边框大小的属性值为2px、 边框颜色的属性 说明书 4/11 页 7 CN 110045999 A 7 值为红色、 背景颜色的属性值为白色。 如果目标应用程序的某个组件未对应有自定义属性， 则获取不到该组件对应的自定义属性。 0087 需要说明的是， 目标应用程序对应的自定义属性中包括： 有自定义属性的组件与 其对应的自定义属性的对应关系。 0088 步骤103， 根据各组件分别对应的基础属性和自定义属性， 对各组件进行绘制处 理。 0089 在实施中， 终端获取到各组件分别对应的基础属性和目标。

25、应用程序的自定义属性 后， 可以使用各组件对应的基础属性和目标应用程序对应的自定义属性， 确定出各组件最 终绘制时使用的属性(即后面所提到的绘制属性)， 然后使用各组件分别对应的最终绘制时 使用的属性， 对各组件进行绘制处理。 0090 可选的， 在步骤103中， 使用各组件分别对应的基础属性和目标应用程序对应的自 定义属性绘制各组件时， 有多种处理方式， 以下给出两种可行的处理方式： 0091 方式一， 对于UI中的每个组件， 如果组件对应有自定义属性， 则确定组件对应的基 础属性与组件对应的自定义属性的交集属性， 在组件对应的自定义属性中确定交集属性的 第一属性值， 并在组件对应的基础属性。

26、中确定交集属性的第二属性值， 在组件对应的基础 属性中， 使用第一属性值替换第二属性值， 得到组件在绘制时对应的绘制属性， 使用各组件 分别对应的绘制属性， 对各组件进行绘制处理。 0092 其中， 绘制属性指组件在绘制时所使用的属性。 0093 在实施中， 对于目标应用程序的UI中的任一组件i， 可以进行如下处理： 0094 如果在目标应用程序对应的自定义属性中， 能找到组件i对应的自定义属性， 则确 定组件i对应有自定义属性。 然后可以确定组件i对应的基础属性与组件对应的自定义属性 的交集属性， 在组件i对应的自定义属性中， 确定交集属性的第一属性值， 并在组件对应的 基础属性中， 确定交。

27、集属性的第二属性值。 然后在组件i对应的基础属性中， 使用第一属性 值替换第二属性值， 得到组件i在绘制时对应的绘制属性。 例如， 组件i对应有自定义属性， 组件i对应的基础属性与组件对应的自定义属性的交集属性为文字大小， 文字大小在自定 义属性中的第一属性值为34px， 文字大小在基础属性中的第二属性值为28px， 那么组件i在 绘制时对应的绘制属性中文字大小为34px， 除文字大小之外的其他绘制属性与基础属性相 同。 0095 如果在目标应用程序对应的自定义属性中， 未能找到组件i对应的自定义属性， 则 确定组件i未对应有自定义属性， 可以直接将组件i对应的基础属性， 确定为组件i在绘制时。

28、 对应的绘制属性。 0096 这样， 依照与组件i相同的方式， 即可确定出目标应用程序的各组件在绘制时对应 的绘制属性。 0097 然后， 可以使用各组件在绘制时对应的绘制属性， 绘制各组件。 0098 可选的， 对于目标应用程序中的某个组件， 对应的自定义属性中的目标属性不属 于组件对应的基础属性。 例如， 目标应用程序的组件A， 对应的基础属性为文字大小、 边框大 小、 文字颜色， 组件A对应的自定义属性为文字大小、 背景颜色， 目标属性为背景颜色。 这种 情况下， 也将目标属性添加为对应的绘制属性， 处理过程可以如下： 0099 将目标属性添加为组件对应的绘制属性。 说明书 5/11 页。

29、 8 CN 110045999 A 8 0100 在实施中， 终端可以将目标属性添加为组件对应的绘制属性， 这样， 可以获取到组 件完整的绘制属性。 0101 方式二， 对于UI中的每个组件， 将组件在绘制时对应的各绘制属性， 转换为按照目 标排列顺序进行排序的属性数组， 根据组件对应的各基础属性的属性值， 生成字典模型， 使 用字典模型中各基础属性的属性值， 为属性数组中与组件对应的基础属性相同的绘制属性 赋值， 使用组件对应的自定义属性的属性值， 替换属性数组中与自定义属性相同的绘制属 性的属性值， 并使用组件对应的自定义属性的属性值， 为属性数组中当前不存在属性值的 绘制属性赋值， 得到。

30、组件对应的绘制属性， 使用各组件分别对应的绘制属性， 对各组件进行 绘制处理。 0102 在实施中， 对于目标应用程序的UI中的任一组件i， 可以进行如下处理： 0103 对于组件i， 可以将组件i在绘制时使用的绘制属性， 转换为按照目标排列属性进 行排序的属性数组。 并可以根据组件对应各基础属性的属性值， 生成字典模型， 在字典模型 中， 各基础属性对应有属性值。 例如， 目标应用程序的组件A， 目标排列顺序为字体大小、 圆 弧大小、 文字颜色、 背景颜色， 属性数组为字体大小、 圆弧大小、 文字颜色、 背景颜色 0104 然后使用字典模型中， 各基础属性对应的属性值， 为属性数组中与基础属。

31、性相同 的绘制属性赋值。 然后使用组件i对应的自定义属性的属性值， 替换属性数组中与自定义属 性相同的绘制属性的属性值， 并使用组件i对应的自定义属性在属性数组中， 确定当前不存 在属性值的绘制属性， 然后使用组件i对应的自定义属性， 为当前不存在属性值， 且与组件i 的自定义属性相同的绘制属性赋值。 例如， 如图4所示， 对于目标应用程序的组件A， 目标排 列顺序为字体大小、 圆弧大小、 文字颜色、 背景颜色， 组件A的基础属性中， 字体大小的属性 值为26px， 圆弧大小的属性值为4px， 文字颜色的属性值为红色， 组件A的自定义属性为： 字 体大小的属性值为32px， 圆弧大小的属性值为。

32、2px、 背景颜色的属性值为黄色， 组件A对应的 绘制属性为： 字体大小的属性值为32px， 圆弧大小的属性值为2px， 文字颜色的属性值为红 色， 文字颜色的属性值为红色， 背景颜色的属性值为黄色。 0105 这样， 依照与组件i相同的方式， 即可确定出目标应用程序的各组件在绘制时对应 的绘制属性。 0106 然后， 可以使用各组件在绘制时对应的绘制属性， 绘制各组件。 0107 可选的， 可以使用如下方式， 对各组件进行绘制处理： 0108 使用各组件分别对应的绘制属性， 生成各组件在目标端的代码； 根据代码， 对各组 件进行绘制处理。 0109 在实施中， 可以使用各组件分别对应的绘制属。

33、性， 生成各组件在目标端的代码， 然 后使用该代码， 对各组件进行绘制处理。 0110 可选的， 由于存在自定义属性， 有可能改变整体布局， 所以要进行整体布局的更 新， 处理过程可以如下： 0111 根据自定义属性， 更新整体布局的位置； 根据代码和更新后的位置， 对各组件进行 绘制处理。 0112 在实施中， 终端可以使用自定义属性， 更新整体布局的位置， 使其适配于目标端， 然后使用各组件在目标端的代码和更新后的位置， 对各组件进行绘制处理。 这样， 即使存在 自定义属性， 也可以适配于目标端。 说明书 6/11 页 9 CN 110045999 A 9 0113 本公开实施例中， 终端。

34、可以获取目标应用程序在多端对应的基础配置文件， 其中， 基础配置文件包括目标应用程序的用户界面UI中各组件分别对应的基础属性， 对于多端中 的目标端， 根据基础配置文件， 生成各组件分别对应的基础属性， 获取目标应用程序对应的 自定义属性， 根据各组件分别对应的基础属性和自定义属性， 对各组件进行绘制处理。 这 样， 由于多端有一套基础配置文件， 所以不同端的操作系统统一针对同一个应用程序进行 组件化处理， 所以针对同一应用程序开发时， 节约开发时间。 0114 基于相同的技术构思， 本公开实施例还提供了一种绘制组件的装置， 如图5所示， 该装置包括： 0115 获取模块510， 用于： 01。

35、16 获取目标应用程序在多端对应的基础配置文件， 其中， 所述基础配置文件包括所 述目标应用程序的用户界面UI中各组件分别对应的基础属性； 0117 对于所述多端中的目标端， 根据所述基础配置文件， 生成所述各组件分别对应的 基础属性， 获取所述目标应用程序对应的自定义属性； 0118 绘制模块520， 用于根据所述各组件分别对应的基础属性和所述自定义属性， 对所 述各组件进行绘制处理。 0119 可选的， 所述绘制模块520， 用于： 0120 对于所述UI中的每个组件， 如果所述组件对应有自定义属性， 则确定所述组件对 应的基础属性与所述组件对应的自定义属性的交集属性； 0121 在所述组。

36、件对应的自定义属性中确定所述交集属性的第一属性值， 并在所述组件 对应的基础属性中确定所述交集属性的第二属性值； 0122 在所述组件对应的基础属性中， 使用所述第一属性值替换所述第二属性值， 得到 所述组件在绘制时对应的绘制属性； 0123 使用所述各组件分别对应的绘制属性， 对所述各组件进行绘制处理。 0124 可选的， 所述组件对应的自定义属性中的目标属性不属于所述组件对应的基础属 性； 0125 所述绘制模块520， 还用于： 0126 将所述目标属性添加为所述组件对应的绘制属性。 0127 可选的， 所述绘制模块520， 用于： 0128 对于所述UI中的每个组件， 将所述组件在绘制。

37、时对应的各绘制属性， 转换为按照 目标排列顺序进行排序的属性数组； 0129 根据所述组件对应的各基础属性的属性值， 生成字典模型； 0130 使用所述字典模型中各基础属性的属性值， 为所述属性数组中与所述组件对应的 基础属性相同的绘制属性赋值； 0131 使用所述组件对应的所述自定义属性的属性值， 替换所述属性数组中与所述自定 义属性相同的绘制属性的属性值， 并使用所述组件对应的自定义属性的属性值， 为所述属 性数组中当前不存在属性值的绘制属性赋值， 得到所述组件对应的绘制属性； 0132 使用所述各组件分别对应的绘制属性， 对所述各组件进行绘制处理。 0133 可选的， 所述绘制模块520。

38、， 用于： 0134 使用所述各组件分别对应的绘制属性， 生成所述各组件在所述目标端的代码； 说明书 7/11 页 10 CN 110045999 A 10 0135 根据所述代码， 对所述各组件进行绘制处理。 0136 可选的， 所述绘制模块520， 还用于： 0137 根据所述自定义属性， 更新整体布局的位置； 0138 所述绘制模块520， 用于： 0139 根据所述代码和更新后的位置， 对所述各组件进行绘制处理。 0140 可选的， 所述基础配置文件为json格式。 0141 本公开实施例中， 终端可以获取目标应用程序在多端对应的基础配置文件， 其中， 基础配置文件包括目标应用程序的用。

39、户界面UI中各组件分别对应的基础属性， 对于多端中 的目标端， 根据基础配置文件， 生成各组件分别对应的基础属性， 获取目标应用程序对应的 自定义属性， 根据各组件分别对应的基础属性和自定义属性， 对各组件进行绘制处理。 这 样， 由于多端有一套基础配置文件， 所以不同端的操作系统统一针对同一个应用程序进行 组件化处理， 所以针对同一应用程序开发时， 节约开发时间。 0142 需要说明的是： 上述实施例提供的绘制组件的装置在绘制组件时， 仅以上述各功 能模块的划分进行举例说明， 实际应用中， 可以根据需要而将上述功能分配由不同的功能 模块完成， 即将装置的内部结构划分成不同的功能模块， 以完成。

40、以上描述的全部或者部分 功能。 另外， 上述实施例提供的绘制组件的装置与绘制组件的方法实施例属于同一构思， 其 具体实现过程详见方法实施例， 这里不再赘述。 0143 图6示出了本公开一个示例性实施例提供的终端600的结构框图。 该终端600可以 是： 智能手机、 平板电脑、 MP3播放器(Moving Picture Experts Group Audio Layer III， 动态影像专家压缩标准音频层面3)、 MP4(Moving Picture Experts Group Audio Layer IV， 动态影像专家压缩标准音频层面4)播放器、 笔记本电脑或台式电脑。 终端600还可能。

41、被 称为用户设备、 便携式终端、 膝上型终端、 台式终端等其他名称。 0144 通常， 终端600包括有： 处理器601和存储器602。 0145 处理器601可以包括一个或多个处理核心， 比如4核心处理器、 8核心处理器等。 处 理器601可以采用DSP(Digital Signal Processing， 数字信号处理)、 FPGA(Field Programmable Gate Array， 现场可编程门阵列)、 PLA(Programmable Logic Array， 可编程 逻辑阵列)中的至少一种硬件形式来实现。 处理器601也可以包括主处理器和协处理器， 主 处理器是用于对在唤醒。

42、状态下的数据进行处理的处理器， 也称CPU(Central Processing Unit， 中央处理器)； 协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。 在 一些实施例中， 处理器601可以在集成有GPU(Graphics Processing Unit， 图像处理器)， GPU用于负责显示屏所需要显示的内容的渲染和绘制。 一些实施例中， 处理器601还可以包 括AI(Artificial Intelligence， 人工智能)处理器， 该AI处理器用于处理有关机器学习的 计算操作。 0146 存储器602可以包括一个或多个计算机可读存储介质， 该计算机可读存储介质可 以是非暂。

43、态的。 存储器602还可包括高速随机存取存储器， 以及非易失性存储器， 比如一个 或多个磁盘存储设备、 闪存存储设备。 在一些实施例中， 存储器602中的非暂态的计算机可 读存储介质用于存储至少一个指令， 该至少一个指令用于被处理器601所执行以实现本申 请中方法实施例提供的绘制组件的方法。 0147 在一些实施例中， 终端600还可选包括有： 外围设备接口603和至少一个外围设备。 说明书 8/11 页 11 CN 110045999 A 11 处理器601、 存储器602和外围设备接口603之间可以通过总线或信号线相连。 各个外围设备 可以通过总线、 信号线或电路板与外围设备接口603相连。

44、。 具体地， 外围设备包括： 射频电路 604、 触摸显示屏605、 摄像头606、 音频电路607、 定位组件608和电源609中的至少一种。 0148 外围设备接口603可被用于将I/O(Input/Output， 输入/输出)相关的至少一个外 围设备连接到处理器601和存储器602。 在一些实施例中， 处理器601、 存储器602和外围设备 接口603被集成在同一芯片或电路板上； 在一些其他实施例中， 处理器601、 存储器602和外 围设备接口603中的任意一个或两个可以在单独的芯片或电路板上实现， 本实施例对此不 加以限定。 0149 射频电路604用于接收和发射RF(Radio F。

45、requency， 射频)信号， 也称电磁信号。 射 频电路604通过电磁信号与通信网络以及其他通信设备进行通信。 射频电路604将电信号转 换为电磁信号进行发送， 或者， 将接收到的电磁信号转换为电信号。 可选地， 射频电路604包 括： 天线系统、 RF收发器、 一个或多个放大器、 调谐器、 振荡器、 数字信号处理器、 编解码芯片 组、 用户身份模块卡等等。 射频电路604可以通过至少一种无线通信协议来与其它终端进行 通信。 该无线通信协议包括但不限于： 城域网、 各代移动通信网络(2G、 3G、 4G及5G)、 无线局 域网和/或WiFi(Wireless Fidelity， 无线保真)。

46、网络。 在一些实施例中， 射频电路604还可 以包括NFC(Near Field Communication， 近距离无线通信)有关的电路， 本申请对此不加以 限定。 0150 显示屏605用于显示UI(User Interface， 用户界面)。 该UI可以包括图形、 文本、 图 标、 视频及其它们的任意组合。 当显示屏605是触摸显示屏时， 显示屏605还具有采集在显示 屏605的表面或表面上方的触摸信号的能力。 该触摸信号可以作为控制信号输入至处理器 601进行处理。 此时， 显示屏605还可以用于提供虚拟按钮和/或虚拟键盘， 也称软按钮和/或 软键盘。 在一些实施例中， 显示屏605可。

47、以为一个， 设置终端600的前面板； 在另一些实施例 中， 显示屏605可以为至少两个， 分别设置在终端600的不同表面或呈折叠设计； 在再一些实 施例中， 显示屏605可以是柔性显示屏， 设置在终端600的弯曲表面上或折叠面上。 甚至， 显 示屏605还可以设置成非矩形的不规则图形， 也即异形屏。 显示屏605可以采用LCD(Liquid Crystal Display， 液晶显示屏)、 OLED(Organic Light-Emitting Diode,有机发光二极管) 等材质制备。 0151 摄像头组件606用于采集图像或视频。 可选地， 摄像头组件606包括前置摄像头和 后置摄像头。 。

48、通常， 前置摄像头设置在终端的前面板， 后置摄像头设置在终端的背面。 在一 些实施例中， 后置摄像头为至少两个， 分别为主摄像头、 景深摄像头、 广角摄像头、 长焦摄像 头中的任意一种， 以实现主摄像头和景深摄像头融合实现背景虚化功能、 主摄像头和广角 摄像头融合实现全景拍摄以及VR(Virtual Reality， 虚拟现实)拍摄功能或者其它融合拍 摄功能。 在一些实施例中， 摄像头组件606还可以包括闪光灯。 闪光灯可以是单色温闪光灯， 也可以是双色温闪光灯。 双色温闪光灯是指暖光闪光灯和冷光闪光灯的组合， 可以用于不 同色温下的光线补偿。 0152 音频电路607可以包括麦克风和扬声器。。

49、 麦克风用于采集用户及环境的声波， 并将 声波转换为电信号输入至处理器601进行处理， 或者输入至射频电路604以实现语音通信。 出于立体声采集或降噪的目的， 麦克风可以为多个， 分别设置在终端600的不同部位。 麦克 风还可以是阵列麦克风或全向采集型麦克风。 扬声器则用于将来自处理器601或射频电路 说明书 9/11 页 12 CN 110045999 A 12 604的电信号转换为声波。 扬声器可以是传统的薄膜扬声器， 也可以是压电陶瓷扬声器。 当 扬声器是压电陶瓷扬声器时， 不仅可以将电信号转换为人类可听见的声波， 也可以将电信 号转换为人类听不见的声波以进行测距等用途。 在一些实施例中。

50、， 音频电路607还可以包括 耳机插孔。 0153 定位组件608用于定位终端600的当前地理位置， 以实现导航或LBS(Location Based Service， 基于位置的服务)。 定位组件608可以是基于美国的GPS(Global Positioning System， 全球定位系统)、 中国的北斗系统、 俄罗斯的格雷纳斯系统或欧盟的 伽利略系统的定位组件。 0154 电源609用于为终端600中的各个组件进行供电。 电源609可以是交流电、 直流电、 一次性电池或可充电电池。 当电源609包括可充电电池时， 该可充电电池可以支持有线充电 或无线充电。 该可充电电池还可以用于支持快充。