CN110069312A - 一种ui组件配置和生成ui组件库的方法及装置 - Google Patents
一种ui组件配置和生成ui组件库的方法及装置 Download PDFInfo
- Publication number
- CN110069312A CN110069312A CN201910343175.5A CN201910343175A CN110069312A CN 110069312 A CN110069312 A CN 110069312A CN 201910343175 A CN201910343175 A CN 201910343175A CN 110069312 A CN110069312 A CN 110069312A
- Authority
- CN
- China
- Prior art keywords
- component
- parameter
- configuration
- code
- object code
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 61
- 230000009466 transformation Effects 0.000 claims abstract description 28
- 238000012545 processing Methods 0.000 claims abstract description 24
- 230000006978 adaptation Effects 0.000 claims abstract description 22
- 238000004590 computer program Methods 0.000 claims description 14
- 238000005194 fractionation Methods 0.000 claims description 7
- 238000004364 calculation method Methods 0.000 claims description 2
- 239000000203 mixture Substances 0.000 claims description 2
- 238000011161 development Methods 0.000 abstract description 10
- 230000015572 biosynthetic process Effects 0.000 abstract description 5
- 238000010586 diagram Methods 0.000 description 16
- 230000006870 function Effects 0.000 description 13
- 230000008569 process Effects 0.000 description 6
- 230000004048 modification Effects 0.000 description 5
- 238000012986 modification Methods 0.000 description 5
- 241000208340 Araliaceae Species 0.000 description 4
- 235000005035 Panax pseudoginseng ssp. pseudoginseng Nutrition 0.000 description 4
- 235000003140 Panax quinquefolius Nutrition 0.000 description 4
- 230000000712 assembly Effects 0.000 description 4
- 238000000429 assembly Methods 0.000 description 4
- 235000008434 ginseng Nutrition 0.000 description 4
- 239000002245 particle Substances 0.000 description 4
- 230000003993 interaction Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000009471 action Effects 0.000 description 2
- 238000006243 chemical reaction Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 239000012141 concentrate Substances 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
本申请公开了一种UI组件配置和生成UI组件库的方法及装置,包括:在接收到用户输入的UI组件配置指令的情况下,根据所述UI组件配置指令中包含的组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件,并调用与所述UI组件配置指令中包含的UI组件所应用的操作***类型对应的目标代码;进而基于生成的配置文件,对所述目标代码进行适配处理。在对UI组件进行配置的时候,可以利用预设的转换规则生成组件配置参数对应的配置文件,并基于该配置文件对不同操作***类型对应的代码进行适配处理,有效地解决在开发应用于不同类型的操作***的具备相同功能的UI时存在开发配置繁琐的问题,提升UI组件配置的灵活性和扩展性。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种UI组件配置和生成UI组件库的方法及装置。
背景技术
用户界面(User Interface,UI)指用户的操作界面,用于实现人机交互。软件开发者可以利用UI开发平台,选择不同的用户界面组件,进而通过参数配置完成UI设计。
在实际应用中,由于用户设备所支持的操作***不同(例如:PC端使用Windows操作***;有些用户设备使用安卓操作***;还有些用户设备使用iOS操作***),软件开发者需要针对不同的操作***进行开发。
尤其对于同一款UI,软件开发者为了能够在不同操作***中使用该UI,需要针对不同的操作***分别开发,很难实现不同操作***的统一开发,一旦UI需要修改,软件开发者也需要分别针对不同的操作***进行修改。
发明内容
本申请实施例提供了一种UI组件配置和生成UI组件库的方法及装置,用于解决在开发应用于不同类型的操作***的具备相同功能的UI时存在开发配置繁琐的问题。
本申请实施例采用下述技术方案:
本申请实施例一种UI组件配置方法,所述方法包括:
接收用户输入的用户界面UI组件配置指令,所述UI组件配置指令中包含UI组件所应用的操作***类型和组件配置参数;
根据所述组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件;
调用与所述操作***类型对应的目标代码;
基于所述配置文件,对所述目标代码进行适配处理。
可选地,所述组件配置参数中包含待配置的组件标识、参数名、参数值;
根据所述组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件,具体包括:
根据所述组件标识,确定用于构成所述组件标识对应的组件的各元素;
根据所述各元素、参数名、参数值,生成配置文件。
可选地,所述组件配置参数中包含待配置的组件集标识、参数名、参数值;
根据所述组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件,具体包括:
根据所述组件集标识,确定所述组件集标识对应的组件集中包含的各组件;
针对所述组件集中包含的每个组件,确定用于构成该组件的各元素;
根据所述各元素、参数名、参数值,生成配置文件。
可选地,根据所述各元素、参数名、参数值,生成配置文件,具体包括:
针对各元素,在该元素不同维度的属性变量中,确定与所述参数名对应的属性变量,并根据所述参数值,确定与所述参数名对应的属性变量的变量值;
生成至少包含所述各元素的属性变量及其变量值的配置文件。
可选地,基于所述配置文件,对所述目标代码进行适配处理,具体包括:
针对所述各元素的属性变量,在所述目标代码中确定与该属性变量对应的代码变量,将该属性变量的变量值赋值给所述代码变量。
本申请实施例还提供了一种生成UI组件库的方法,所述方法包括:
确定用户界面UI所使用的组件;
针对所述组件所应用的每个操作***类型,确定用于在该操作***类型下实现所述组件的目标代码;
建立组件配置参数与所述目标代码中用于配置所述组件的代码变量之间的对应关系,以根据用户输入的组件配置参数配置所述组件;
生成至少包含所述组件、用于在各操作***类型下实现所述组件的目标代码、所述对应关系的组件库。
可选地,确定用于在该操作***类型下实现所述组件的目标代码,具体包括:
根据设定的拆分规则,将所述组件进行拆分,得到用于构成所述组件的各元素;
确定用于在该操作***类型下实现所述各元素的代码,以及采用所述各元素构成所述组件的组合方法对应的代码。
可选地,建立组件配置参数与所述目标代码中用于配置所述组件的代码变量之间的对应关系,具体包括:
针对所述各元素,为该元素定义不同维度的属性变量;
建立该元素的各属性变量与所述组件配置参数中各参数名之间的对应关系,以及该元素的各属性变量与用于配置所述组件的各代码变量之间的对应关系。
可选地,所述方法还包括:
确定用于构成组件集的各组件;
保存所述组件集与所述组件集中各组件之间的对应关系。
本申请实施例还提供了一种UI组件配置装置,所述装置包括:
接收模块,用于接收用户输入的用户界面UI组件配置指令,所述UI组件配置指令中包含UI组件所应用的操作***类型和组件配置参数;
生成模块,用于根据所述组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件;
调用模块,用于调用与所述操作***类型对应的目标代码;
适配模块,用于基于所述配置文件,对所述目标代码进行适配处理。
本申请实施例还提供了一种生成UI组件库的装置,所述装置包括:
组件确定模块,用于确定用户界面UI所使用的组件;
代码确定模块,针对所述组件所应用的每个操作***类型,确定用于在该操作***类型下实现所述组件的目标代码;
关系建立模块,建立组件配置参数与所述目标代码中用于配置所述组件的代码变量之间的对应关系,以根据用户输入的组件配置参数配置所述组件;
生成模块,生成至少包含所述组件、用于在各操作***类型下实现所述组件的目标代码、所述对应关系的组件库。
本申请实施例提供的一种计算机可读存储介质,所述存储介质存储有计算机程序,所述计算机程序被处理器执行时实现上述UI组件配置或者生成UI组件库的方法。
本申请实施例提供的一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现上述UI组件配置或者生成UI组件库的方法。
本申请实施例采用的上述至少一个技术方案能够达到以下有益效果:
本申请实施例提供的技术方案,在接收到用户输入的UI组件配置指令的情况下,根据所述UI组件配置指令中包含的组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件,并调用与所述UI组件配置指令中包含的UI组件所应用的操作***类型对应的目标代码;进而基于生成的配置文件,对所述目标代码进行适配处理。在对UI组件进行配置的时候,利用本申请提供的技术方案,可以利用预设的转换规则生成组件配置参数对应的配置文件,并基于该配置文件可以对不同操作***类型对应的代码进行适配处理,有效地解决了在开发应用于不同类型的操作***的具备相同功能的UI时存在开发配置繁琐的问题,提升了UI组件配置的灵活性和扩展性。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1为本申请实施例提供的一种UI组件配置方法的流程示意图;
图2为本申请实施例提供的一种生成UI组件库的方法的流程示意图;
图3为本申请实施例提供的一种UI组件配置装置的结构示意图;
图4为本申请实施例提供的一种生成UI组件库的装置的结构示意图;
图5为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,本申请实施例提供了一种UI组件配置和生成UI组件库的方法及装置,在接收到用户输入的UI组件配置指令的情况下,根据所述UI组件配置指令中包含的组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件,并调用与所述UI组件配置指令中包含的UI组件所应用的操作***类型对应的目标代码;进而基于生成的配置文件,对所述目标代码进行适配处理。在对UI组件进行配置的时候,利用本申请提供的技术方案,可以利用预设的转换规则生成组件配置参数对应的配置文件,并基于该配置文件可以对不同操作***类型对应的代码进行适配处理,有效地解决了在开发应用于不同类型的操作***的具备相同功能的UI时存在开发配置繁琐的问题,提升了UI组件配置的灵活性和扩展性。
下面结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于说明书中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
以下结合附图,详细说明本申请各实施例提供的技术方案。
图1为本申请实施例提供的一种UI组件配置方法的流程示意图。所述方法可以如下所示。
步骤101:接收用户输入的用户界面UI组件配置指令,所述UI组件配置指令中包含UI组件所应用的操作***类型和组件配置参数。
在本申请实施例中,提供人机交互界面,用户(例如:软件开发者)可以通过该人机交互界面输入UI配置指令。例如:在人机交互界面中选择UI组件所应用的操作***类型、组件配置参数等内容,点击“确定”或者“提交”控件。此时UI组件配置装置接收到该用户输入的UI组件配置指令。
步骤102:根据所述组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件。
本申请实施例中所记载的“预设的转换规则”用于生成配置指令中包含的配置参数对应的配置文件。配置参数不同生成的配置文件也不同。也就是说,预设的转换规则可以是规则的集合,也可以是配置参数的通用规则,这里不作具体限定。
具体地,若所述组件配置参数中包含待配置的组件标识、参数名、参数值,那么根据所述组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件,具体包括:
根据所述组件标识,确定用于构成所述组件标识对应的组件的各元素;
根据所述各元素、参数名、参数值,生成配置文件。
具体地,根据所述各元素、参数名、参数值,生成配置文件,具体包括:
针对各元素,在该元素不同维度的属性变量中,确定与所述参数名对应的属性变量,并根据所述参数值,确定与所述参数名对应的属性变量的变量值;
生成至少包含所述各元素的属性变量及其变量值的配置文件。
例如:用户输入的组件配置参数中包含的待配置的组件标识为A、参数名为背景颜色、参数值为红色(或者RBG=red),也就意味着用户需要的UI中组件标识为A的组件的背景颜色修改为红色,那么通过本申请实施例提供的技术方案,可以对不同操作类型的该UI进行修改,这里针对一种操作类型的修改进行说明。
具体地,可以按照预设的转换规则和组件标识,能够确定该组件标识A对应的组件为某一种圆形控件,而确定构成该圆形控件的元素包含样式、形状等,进一步根据每一种元素的不同维度的属性变量,确定与参数名对应的属性变量,例如:样式的不同维度的属性变量包含:字体(维度)的属性变量有字体大小、字体类型等;颜色(维度)的属性变量有边界颜色、背景颜色等;边框(维度)的属性变量有线条类型、线宽大小等。针对本实例,确定与参数名对应的变量参数为背景颜色;确定的背景颜色对应的变量值为红色(或者RBG=red)。那么生成的配置文件中包含圆形控件的样式、背景颜色、红色(或者RBG=red)。
若所述组件配置参数中包含待配置的组件集标识、参数名、参数值,那么根据所述组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件,具体包括:
根据所述组件集标识,确定所述组件集标识对应的组件集中包含的各组件;
针对所述组件集中包含的每个组件,确定用于构成该组件的各元素;
根据所述各元素、参数名、参数值,生成配置文件。
具体地,根据所述各元素、参数名、参数值,生成配置文件,具体包括:
针对各元素,在该元素不同维度的属性变量中,确定与所述参数名对应的属性变量,并根据所述参数值,确定与所述参数名对应的属性变量的变量值;
生成至少包含所述各元素的属性变量及其变量值的配置文件。
由于在实际应用中,对UI进行修改可能会涉及多个组件,即本申请实施例中记载的组件集,那么针对组件配置指令中包含的组件集标识,利用本申请实施例中记载的预设的转换规则,可以确定该组件集标识对应的组件集中包含的各组件,针对每一个组件可以按照上述记载的方式确定每一个组件对应的元素、参数名对应的属性变量以及该属性变量对应的变量值,进而生成该组件集对应的配置文件。
步骤103:调用与所述操作***类型对应的目标代码。
在本申请实施例中,通过设置的调用接口调用与UI组件配置指令中包含的操作***类型对应的代码,这里称之为目标代码。
步骤104:基于所述配置文件,对所述目标代码进行适配处理。
在本申请实施例中,针对所述各元素的属性变量,在所述目标代码中确定与该属性变量对应的代码变量,将该属性变量的变量值赋值给所述代码变量。
通过本申请实施例提供的技术方案,在接收到用户输入的UI组件配置指令的情况下,根据所述UI组件配置指令中包含的组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件,并调用与所述UI组件配置指令中包含的UI组件所应用的操作***类型对应的目标代码;进而基于生成的配置文件,对所述目标代码进行适配处理。在对UI组件进行配置的时候,利用本申请提供的技术方案,可以利用预设的转换规则生成组件配置参数对应的配置文件,并基于该配置文件可以对不同操作***类型对应的代码进行适配处理,有效地解决了在开发应用于不同类型的操作***的具备相同功能的UI时存在开发配置繁琐的问题,提升了UI组件配置的灵活性和扩展性。
基于同一个发明构思,图2为本申请实施例提供的一种生成UI组件库的方法的流程示意图。所述方法可以如下所示。
需要说明的是,在图1中所示的方法执行之前UI组件库已经生成,图1所示的方式可以基于已经生成的UI组件库进行,那么UI组件库可以视为图1中所记载的“预设的转换规则”的一种具体实现方式。对于图1中所记载的“预设的转换规则”可以是其他方式,本申请实施例中不做具体限定。
下面详细描述UI组件库的生成方法。
步骤201:确定用户界面UI所使用的组件。
在本申请实施例中,不同的UI所使用的组件可以不同也可以相同。这里以一种UI为进行说明。需要说明的是,本申请实施例可以针对不同的UI得到不同的UI组件库,也可以针对不同的UI得到一个UI组件库,这里不做具体限定。
步骤202:针对所述组件所应用的每个操作***类型,确定用于在该操作***类型下实现所述组件的目标代码。
在本申请实施例中,相同的UI运行在不同的操作***上,所使用的代码有差异。那么针对该UI所使用组件,在不同操作***类型下实现该组件的目标代码也不同。
针对步骤201中确定的组件,分别确定在不同操作***类型下实现该组件的代码。
例如:步骤201中确定的组件为a,那么分别确定在操作***类型1下实现该组件的代码D1;在操作***类型2下实现该组件的代码D2;在操作***类型3下实现该组件的代码D3。
具体地,首先,根据设定的拆分规则,将所述组件进行拆分,得到用于构成所述组件的各元素。
本申请实施例中记载的“设定的拆分规则”可以根据组件的组成规则进行确定,也可以根据实际确定的组件的拆分粒度确定,具体内容不做具体限定。
这里以组件构成的最小粒度确定拆分规则。即按照组件构成的最小粒度对组件进行拆分,以确定构成该组件的各元素。
例如:对于任意一个组件,按照最小粒度进行拆分,确定的该组件的各元素。这里的元素可以是构成该组件的最小单元。例如:线条、样式等等。
针对不同的元素,还可以确定该元素不同维度的属性。例如:线条这一元素,对应的维度可以包含线宽、形状、颜色等;再例如:样式这一元素,对应的维度可以包含字体、颜色、边框等。
较优地,UI所使用的组件可以是基础组件(即由元素组成的组件),也可以是复杂组件(即由基础组件进行组合构成,那么一个复杂组件可以称之为一个组件集)。
在对组件进行拆分时,可以是对基础组件进行拆分,也可以是对复杂组件进行拆分。那么在对复杂组件进行最小粒度拆分时,需要确定该复杂组件所包含的各组件(或者说用于构成该组件集的各组件),并保存所述组件集与所述组件集中各组件之间的对应关系。
其次,确定用于在该操作***类型下实现所述各元素的代码,以及采用所述各元素构成所述组件的组合方法对应的代码。
在本申请实施例中,由于组件由不同元素构成,那么对于某一种操作类型下实现该组件的代码,可以确定该代码中包含实现各不同元素的子代码以及采用所述各元素构成所述组件的组合方法对应的子代码。
针对确定的各元素,可以从实现该组件的代码中确定出用于实现任意一个元素的子代码。
通过分析该元素的子代码,可以进一步确定该元素不同维度的每一个属性对应的代码变量。
表1为构成组件a的多个元素不同维度的各属性对应在不同操作***类型的代码中的代码变量的示意表。
步骤203:建立组件配置参数与所述目标代码中用于配置所述组件的代码变量之间的对应关系,以根据用户输入的组件配置参数配置所述组件。
在本申请实施例中,首先,针对所述各元素,为该元素定义不同维度的属性变量。
其次,建立该元素的各属性变量与所述组件配置参数中各参数名之间的对应关系,以及该元素的各属性变量与用于配置所述组件的各代码变量之间的对应关系。
例如:针对在步骤202中确定的任意一个组件的任意一个元素的一个维度的属性,可以为该属性定义一个属性变量。
根据该属性对应在不同操作***类型的代码中代码变量,做统一化处理得到该属性对应的配置变量(这里可以称之为配置参数的参数名);
建立该元素的该属性变量与该属性对应的配置变量之间的对应关系,以及该元素的该属性变量与该属性对应在不同操作***类型的代码中的代码变量之间的对应关系。
步骤204:生成至少包含所述组件、用于在各操作***类型下实现所述组件的目标代码、所述对应关系的组件库。
通过本申请实施例提供的技术方案,确定不同UI所使用的组件,针对每个组件所应用的每个操作***类型,得到用于该操作***类型下实现所述组件的目标代码,进而建立组件配置参数与所述目标代码中用于配置所述组件的代码变量之间的对应关系,生成至少包含所述组件、用于在各操作***类型下实现所述组件的目标代码、所述对应关系的组件库,这样UI组件配置装置在开发应用于不同类型的操作***的具备相同功能的UI时能够基于该UI组件库进行灵活适配,快速实现UI组件对应的不同操作***的目标代码的修改,简化开发程序,提升了UI组件配置的灵活性和扩展性。
以上为本申请实施例提供的UI组件配置方法和生成UI组件库的方法。基于同样的思路,本申请实施例还提供了相应的UI组件配置装置,如图3所示。
图3为本申请实施例提供的一种UI组件配置装置的结构示意图,所述UI组件配置装置包括:接收模块301、生成模块302、调用模块303和适配模块304,其中:
所述接收模块301,用于接收用户输入的用户界面UI组件配置指令,所述UI组件配置指令中包含UI组件所应用的操作***类型和组件配置参数;
所述生成模块302,用于根据所述组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件;
所述调用模块303,用于调用与所述操作***类型对应的目标代码;
所述适配模块304,用于基于所述配置文件,对所述目标代码进行适配处理。
在本申请提供的另一个实施例中,所述组件配置参数中包含待配置的组件标识、参数名、参数值;
所述生成模块302根据所述组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件,具体包括:
根据所述组件标识,确定用于构成所述组件标识对应的组件的各元素;
根据所述各元素、参数名、参数值,生成配置文件。
在本申请提供的另一个实施例中,所述组件配置参数中包含待配置的组件集标识、参数名、参数值;
所述生成模块302根据所述组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件,具体包括:
根据所述组件集标识,确定所述组件集标识对应的组件集中包含的各组件;
针对所述组件集中包含的每个组件,确定用于构成该组件的各元素;
根据所述各元素、参数名、参数值,生成配置文件。
在本申请提供的另一个实施例中,所述生成模块302根据所述各元素、参数名、参数值,生成配置文件,具体包括:
针对各元素,在该元素不同维度的属性变量中,确定与所述参数名对应的属性变量,并根据所述参数值,确定与所述参数名对应的属性变量的变量值;
生成至少包含所述各元素的属性变量及其变量值的配置文件。
在本申请提供的另一个实施例中,所述适配模块304基于所述配置文件,对所述目标代码进行适配处理,具体包括:
针对所述各元素的属性变量,在所述目标代码中确定与该属性变量对应的代码变量,将该属性变量的变量值赋值给所述代码变量。
需要说明的是,本申请实施例提供的UI组件配置装置可以通过软件方式实现,也可以通过硬件方式实现,这里不做具体限定。UI组件配置装置在接收到用户输入的UI组件配置指令的情况下,根据所述UI组件配置指令中包含的组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件,并调用与所述UI组件配置指令中包含的UI组件所应用的操作***类型对应的目标代码;进而基于生成的配置文件,对所述目标代码进行适配处理。在对UI组件进行配置的时候,利用本申请提供的技术方案,可以利用预设的转换规则生成组件配置参数对应的配置文件,并基于该配置文件可以对不同操作***类型对应的代码进行适配处理,有效地解决了在开发应用于不同类型的操作***的具备相同功能的UI时存在开发配置繁琐的问题,提升了UI组件配置的灵活性和扩展性。
基于同样的思路,本申请实施例还提供了相应的生成UI组件库的装置,如图4所示。
图4为本申请实施例提供的一种生成UI组件库的装置的结构示意图。所述生成UI组件库的装置包括:组件确定模块401、代码确定模块402、关系建立模块403和生成模块404,其中:
组件确定模块401,用于确定用户界面UI所使用的组件;
代码确定模块402,用于针对所述组件所应用的每个操作***类型,确定用于在该操作***类型下实现所述组件的目标代码;
关系建立模块403,用于建立组件配置参数与所述目标代码中用于配置所述组件的代码变量之间的对应关系,以根据用户输入的组件配置参数配置所述组件;
生成模块404,用于生成至少包含所述组件、用于在各操作***类型下实现所述组件的目标代码、所述对应关系的组件库。
在本申请提供的另一个实施例中,所述组件确定模块401确定用于在该操作***类型下实现所述组件的目标代码,具体包括:
根据设定的拆分规则,将所述组件进行拆分,得到用于构成所述组件的各元素;
确定用于在该操作***类型下实现所述各元素的代码,以及采用所述各元素构成所述组件的组合方法对应的代码。
在本申请提供的另一个实施例中,所述关系建立模块403建立组件配置参数与所述目标代码中用于配置所述组件的代码变量之间的对应关系,具体包括:
针对所述各元素,为该元素定义不同维度的属性变量;
建立该元素的各属性变量与所述组件配置参数中各参数名之间的对应关系,以及该元素的各属性变量与用于配置所述组件的各代码变量之间的对应关系。
在本申请提供的另一个实施例中,所述装置还包括:存储模块405,其中:
所述存储模块405,用于确定用于构成组件集的各组件;保存所述组件集与所述组件集中各组件之间的对应关系。
需要说明的是,本申请实施例提供的生成UI组件库的装置可以通过软件方式实现,也可以通过硬件方式实现,这里不做具体限定。生成UI组件库的装置通过确定不同UI所使用的组件,针对每个组件所应用的每个操作***类型,得到用于该操作***类型下实现所述组件的目标代码,进而建立组件配置参数与所述目标代码中用于配置所述组件的代码变量之间的对应关系,生成至少包含所述组件、用于在各操作***类型下实现所述组件的目标代码、所述对应关系的组件库,这样UI组件配置装置在开发应用于不同类型的操作***的具备相同功能的UI时能够基于该UI组件库进行灵活适配,快速实现UI组件对应的不同操作***的目标代码的修改,简化开发程序,提升了UI组件配置的灵活性和扩展性。
本申请实施例还提供了一种计算机可读存储介质,该存储介质存储有计算机程序,计算机程序可用于执行上述图1提供的UI组件配置方式或图2提供的生成UI组件库的方法。
本申请实施例还提出了图5所示的电子设备的示意结构图。如图5,在硬件层面,该电子设备包括处理器、内部总线、网络接口、内存以及非易失性存储器,当然还可能包括其他业务所需要的硬件。处理器从非易失性存储器中读取对应的计算机程序到内存中然后运行,以实现上述图1所述的UI组件配置方式或图2所述的生成UI组件库的方法。当然,除了软件实现方式之外,本申请实施例并不排除其他实现方式,比如逻辑器件抑或软硬件结合的方式等等,也就是说以下处理流程的执行主体并不限定于各个逻辑单元,也可以是硬件或逻辑器件。
上述实施例阐明的***、装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的,计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本领域内的技术人员应明白,本发明的实施例可提供为方法、***、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、***或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本申请实施例中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于***实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (13)
1.一种UI组件配置方法,其特征在于,所述方法包括:
接收用户输入的用户界面UI组件配置指令,所述UI组件配置指令中包含UI组件所应用的操作***类型和组件配置参数;
根据所述组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件;
调用与所述操作***类型对应的目标代码;
基于所述配置文件,对所述目标代码进行适配处理。
2.如权利要求1所述的方法,其特征在于,所述组件配置参数中包含待配置的组件标识、参数名、参数值;
根据所述组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件,具体包括:
根据所述组件标识,确定用于构成所述组件标识对应的组件的各元素;
根据所述各元素、参数名、参数值,生成配置文件。
3.如权利要求1所述的理方法,其特征在于,所述组件配置参数中包含待配置的组件集标识、参数名、参数值;
根据所述组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件,具体包括:
根据所述组件集标识,确定所述组件集标识对应的组件集中包含的各组件;
针对所述组件集中包含的每个组件,确定用于构成该组件的各元素;
根据所述各元素、参数名、参数值,生成配置文件。
4.如权利要求2或3所述的方法,其特征在于,根据所述各元素、参数名、参数值,生成配置文件,具体包括:
针对各元素,在该元素不同维度的属性变量中,确定与所述参数名对应的属性变量,并根据所述参数值,确定与所述参数名对应的属性变量的变量值;
生成至少包含所述各元素的属性变量及其变量值的配置文件。
5.如权利要求4所述的方法,其特征在于,基于所述配置文件,对所述目标代码进行适配处理,具体包括:
针对所述各元素的属性变量,在所述目标代码中确定与该属性变量对应的代码变量,将该属性变量的变量值赋值给所述代码变量。
6.一种生成UI组件库的方法,其特征在于,所述方法包括:
确定用户界面UI所使用的组件;
针对所述组件所应用的每个操作***类型,确定用于在该操作***类型下实现所述组件的目标代码;
建立组件配置参数与所述目标代码中用于配置所述组件的代码变量之间的对应关系,以根据用户输入的组件配置参数配置所述组件;
生成至少包含所述组件、用于在各操作***类型下实现所述组件的目标代码、所述对应关系的组件库。
7.如权利要求6所述的方法,其特征在于,确定用于在该操作***类型下实现所述组件的目标代码,具体包括:
根据设定的拆分规则,将所述组件进行拆分,得到用于构成所述组件的各元素;
确定用于在该操作***类型下实现所述各元素的代码,以及采用所述各元素构成所述组件的组合方法对应的代码。
8.如权利要求7所述的方法,其特征在于,建立组件配置参数与所述目标代码中用于配置所述组件的代码变量之间的对应关系,具体包括:
针对所述各元素,为该元素定义不同维度的属性变量;
建立该元素的各属性变量与所述组件配置参数中各参数名之间的对应关系,以及该元素的各属性变量与用于配置所述组件的各代码变量之间的对应关系。
9.如权利要求6~8任一所述的方法,其特征在于,所述方法还包括:
确定用于构成组件集的各组件;
保存所述组件集与所述组件集中各组件之间的对应关系。
10.一种UI组件配置装置,其特征在于,所述装置包括:
接收模块,用于接收用户输入的用户界面UI组件配置指令,所述UI组件配置指令中包含UI组件所应用的操作***类型和组件配置参数;
生成模块,用于根据所述组件配置参数和预设的转换规则,生成所述组件配置参数对应的配置文件;
调用模块,用于调用与所述操作***类型对应的目标代码;
适配模块,用于基于所述配置文件,对所述目标代码进行适配处理。
11.一种生成UI组件库的装置,其特征在于,所述装置包括:
组件确定模块,用于确定用户界面UI所使用的组件;
代码确定模块,针对所述组件所应用的每个操作***类型,确定用于在该操作***类型下实现所述组件的目标代码;
关系建立模块,建立组件配置参数与所述目标代码中用于配置所述组件的代码变量之间的对应关系,以根据用户输入的组件配置参数配置所述组件;
生成模块,生成至少包含所述组件、用于在各操作***类型下实现所述组件的目标代码、所述对应关系的组件库。
12.一种计算机可读存储介质,其特征在于,所述存储介质存储有计算机程序,所述计算机程序被处理器执行时实现:上述权利要求1~5任一所述的方法,或者,上述权利要求6~9任一所述的方法。
13.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现:上述权利要求1~5任一所述的方法,或者,上述权利要求6~9任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910343175.5A CN110069312A (zh) | 2019-04-26 | 2019-04-26 | 一种ui组件配置和生成ui组件库的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910343175.5A CN110069312A (zh) | 2019-04-26 | 2019-04-26 | 一种ui组件配置和生成ui组件库的方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110069312A true CN110069312A (zh) | 2019-07-30 |
Family
ID=67369061
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910343175.5A Pending CN110069312A (zh) | 2019-04-26 | 2019-04-26 | 一种ui组件配置和生成ui组件库的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110069312A (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110618852A (zh) * | 2019-09-24 | 2019-12-27 | Oppo广东移动通信有限公司 | 视图处理方法、视图处理装置及终端设备 |
CN111158688A (zh) * | 2019-12-31 | 2020-05-15 | 智慧神州(北京)科技有限公司 | iOS通用组件库构建的方法、装置、存储介质与处理器 |
CN111796898A (zh) * | 2020-07-03 | 2020-10-20 | 北京三快在线科技有限公司 | 布局调整方法、装置、计算机设备及存储介质 |
CN111897529A (zh) * | 2020-06-08 | 2020-11-06 | 华人运通(江苏)技术有限公司 | 前端组件转换方法、装置、设备及可读存储介质 |
CN113110829A (zh) * | 2021-04-19 | 2021-07-13 | 中国工商银行股份有限公司 | 多ui组件库数据处理方法及装置 |
CN114528051A (zh) * | 2022-02-24 | 2022-05-24 | 山东浪潮通软信息科技有限公司 | 基于引擎平台处理业务流程的方法、***、设备及介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110173594A1 (en) * | 2010-01-14 | 2011-07-14 | Microsoft Corporation | Selective Loading of Code Elements for Code Analysis |
CN105511843A (zh) * | 2014-09-22 | 2016-04-20 | 普天信息技术有限公司 | 一种生成应用程序界面的方法和装置 |
CN108228288A (zh) * | 2016-12-22 | 2018-06-29 | 航天信息股份有限公司 | 一种组件***及其调用方法和装置 |
CN109388399A (zh) * | 2018-10-25 | 2019-02-26 | 北京字节跳动网络技术有限公司 | 页面和通用页面配置文件生成方法、装置、设备及介质 |
CN109460276A (zh) * | 2018-10-25 | 2019-03-12 | 北京字节跳动网络技术有限公司 | 页面和页面配置文件生成方法、装置、终端设备及介质 |
-
2019
- 2019-04-26 CN CN201910343175.5A patent/CN110069312A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110173594A1 (en) * | 2010-01-14 | 2011-07-14 | Microsoft Corporation | Selective Loading of Code Elements for Code Analysis |
CN105511843A (zh) * | 2014-09-22 | 2016-04-20 | 普天信息技术有限公司 | 一种生成应用程序界面的方法和装置 |
CN108228288A (zh) * | 2016-12-22 | 2018-06-29 | 航天信息股份有限公司 | 一种组件***及其调用方法和装置 |
CN109388399A (zh) * | 2018-10-25 | 2019-02-26 | 北京字节跳动网络技术有限公司 | 页面和通用页面配置文件生成方法、装置、设备及介质 |
CN109460276A (zh) * | 2018-10-25 | 2019-03-12 | 北京字节跳动网络技术有限公司 | 页面和页面配置文件生成方法、装置、终端设备及介质 |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110618852A (zh) * | 2019-09-24 | 2019-12-27 | Oppo广东移动通信有限公司 | 视图处理方法、视图处理装置及终端设备 |
CN110618852B (zh) * | 2019-09-24 | 2023-12-29 | Oppo广东移动通信有限公司 | 视图处理方法、视图处理装置及终端设备 |
CN111158688A (zh) * | 2019-12-31 | 2020-05-15 | 智慧神州(北京)科技有限公司 | iOS通用组件库构建的方法、装置、存储介质与处理器 |
CN111897529A (zh) * | 2020-06-08 | 2020-11-06 | 华人运通(江苏)技术有限公司 | 前端组件转换方法、装置、设备及可读存储介质 |
CN111897529B (zh) * | 2020-06-08 | 2023-11-14 | 华人运通(江苏)技术有限公司 | 前端组件转换方法、装置、设备及可读存储介质 |
CN111796898A (zh) * | 2020-07-03 | 2020-10-20 | 北京三快在线科技有限公司 | 布局调整方法、装置、计算机设备及存储介质 |
CN113110829A (zh) * | 2021-04-19 | 2021-07-13 | 中国工商银行股份有限公司 | 多ui组件库数据处理方法及装置 |
CN113110829B (zh) * | 2021-04-19 | 2024-02-20 | 中国工商银行股份有限公司 | 多ui组件库数据处理方法及装置 |
CN114528051A (zh) * | 2022-02-24 | 2022-05-24 | 山东浪潮通软信息科技有限公司 | 基于引擎平台处理业务流程的方法、***、设备及介质 |
CN114528051B (zh) * | 2022-02-24 | 2024-05-24 | 浪潮通用软件有限公司 | 基于引擎平台处理业务流程的方法、***、设备及介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110069312A (zh) | 一种ui组件配置和生成ui组件库的方法及装置 | |
CN105511873B (zh) | 用户界面控件展示方法及装置 | |
CN111290778B (zh) | Ai模型的包装方法、平台及电子设备 | |
CN106250104B (zh) | 一种针对服务器的远程操作***、方法及装置 | |
CN107450972A (zh) | 一种调度方法、装置以及电子设备 | |
US11526954B2 (en) | User interface and smart contract interaction model for generating user interface representations | |
CN107122175B (zh) | 界面生成方法及装置 | |
CN105335389B (zh) | 一种业务可视化方法及*** | |
CN109144511B (zh) | 数值模拟图形用户界面自动生成方法及*** | |
CN109032590B (zh) | 一种可视化开发环境的配置方法、装置、终端及存储介质 | |
CN109086126B (zh) | 任务调度处理方法、装置、服务器、客户端及电子设备 | |
CN106648666A (zh) | 一种用户界面生成方法及*** | |
CN107608675A (zh) | 基于虚拟文档对象模型的跨平台前端开发***及方法 | |
CN108170430A (zh) | 一种界面展示的方法及*** | |
CN111158650B (zh) | 报表模板、报表的生成方法、装置 | |
US9355481B2 (en) | Dynamic visualization for optimization processes | |
CN110097464B (zh) | 智能合约的生成方法、装置、电子设备与存储介质 | |
CN108255471A (zh) | 一种基于配置套件的***配置项配置装置、方法及设备 | |
CN104615422A (zh) | 一种应用软件界面流程自定义的方法 | |
CN106528115A (zh) | 界面的可视化开发方法及装置 | |
CN117389647A (zh) | 插件生成方法、应用程序开发方法、装置、设备及介质 | |
CN108536434A (zh) | 一种基于高级程序设计语言实现钩子函数的方法及装置 | |
CN107247594B (zh) | 逻辑***及其实现方法、计算设备及计算机可读存储介质 | |
CN109144624B (zh) | Ios中展示不等高列表的方法、存储介质、设备及*** | |
CN113835748B (zh) | 基于html5的应用程序的打包方法、***和可读介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190730 |
|
RJ01 | Rejection of invention patent application after publication |