UI控件集合的属性确定方法、装置及相关设备与流程

文档序号:33511719发布日期:2023-03-22 00:18阅读:62来源:国知局
UI控件集合的属性确定方法、装置及相关设备与流程
ui控件集合的属性确定方法、装置及相关设备
技术领域
1.本技术涉及计算机技术领域,具体涉及一种ui控件集合的属性确定方法、装置及相关设备。


背景技术:

2.在用户界面(user interface,ui)的控件管理中,会通过定义控件集合的方式实现对多个控件的统一管理,控件集合内的多个控件的样式固定,可被多次复用。
3.应用中发现,虽然控件集合的固定样式可适配大部分界面的设置需求,但对部分页面来说,存在对控件集合内的个别控件的样式进行调整的需求,为适配此类样式调整需求,需重新构建一个新的控件集合,随着页面需求的迭代,布局相似的控件集合的数量会越来越多,在对控件进行维护改造时,需要分别对原有的固定样式的控件集合和新构建的控件集合分别进行维护改造,这增大了控件集合的维护难度。


技术实现要素:

4.本技术实施例的目的在于提供一种ui控件集合的属性确定方法、装置及相关设备,用于解决用户界面中控件集合的维护难度较大的技术问题。
5.第一方面,本技术实施例提供了一种ui控件集合的属性确定方法,所述方法包括:
6.在所述ui控件集合包括个性化属性的情况下,根据所述个性化属性在对应所述ui控件集合的固定样式的多个默认属性中确定目标默认属性,其中,每一所述默认属性对应所述ui控件集合中一个ui控件的一种ui样式类型,所述目标默认属性对应的ui控件与所述个性化属性对应的ui控件不同,和/或,所述目标默认属性对应的ui样式类型与所述个性化属性对应的ui样式类型不同;
7.根据所述目标默认属性和所述个性化属性确定应用样式属性,所述应用样式属性用于实现所述ui控件集合的样式渲染。
8.第二方面,本技术实施例还提供了一种ui控件集合的属性确定装置。所述装置包括:
9.目标属性确认模块,用于在所述ui控件集合包括个性化属性的情况下,根据所述个性化属性在对应所述ui控件集合的固定样式的多个默认属性中确定目标默认属性,其中,每一所述默认属性对应所述ui控件集合中一个ui控件的一种ui样式类型,所述目标默认属性对应的ui控件与所述个性化属性对应的ui控件不同,和/或,所述目标默认属性对应的ui样式类型与所述个性化属性对应的ui样式类型不同;
10.应用属性确定模块,用于根据所述目标默认属性和所述个性化属性确定应用样式属性,所述应用样式属性用于实现所述ui控件集合的样式渲染。
11.第三方面,本技术实施例还提供一种电子设备,包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述计算机程序被所述处理器执行时实现上述的ui控件集合的属性确定方法的步骤。
12.第四方面,本技术实施例还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现上述的ui控件集合的属性确定方法的步骤。
13.在本技术实施例中,先基于多个默认属性作为ui控件集合的固定样式,以适配多数页面的通用性样式需求,再结合个性化属性对前述固定样式进行调整,来满足部分特殊页面的非常规样式需求,这能避免冗余的控件集合的产生,令用户界面中控件集合的维护难度降低。
附图说明
14.图1是本技术实施例提供的一种ui控件集合的属性确定方法的流程示意图;
15.图2是本技术实施例提供的一种ui控件集合set的默认样式的示意图;
16.图3是本技术实施例提供的一种ui控件集合set支持的个性化属性的示意图;
17.图4是本技术实施例提供的一种ui控件集合set在启用个性化属性后的示意图;
18.图5是本技术实施例提供的一种ui控件集合的属性确定装置的结构示意图;
19.图6是本技术实施例提供的一种电子设备的结构示意图。
具体实施方式
20.下面将结合本技术实施例中的附图,对本技术实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本技术一部分实施例,而不是全部的实施例。基于本技术中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本技术保护的范围。
21.本技术实施例提供一种ui控件集合的属性确定方法,参见图1,图1是本技术实施例提供的ui控件集合的属性确定方法的流程图,如图1所示,包括以下步骤:
22.步骤101、在所述ui控件集合包括个性化属性的情况下,根据所述个性化属性在对应所述ui控件集合的固定样式的多个默认属性中确定目标默认属性。
23.其中,每一所述默认属性对应所述ui控件集合中一个ui控件的一种ui样式类型,所述目标默认属性对应的ui控件与所述个性化属性对应的ui控件不同,和/或,所述目标默认属性对应的ui样式类型与所述个性化属性对应的ui样式类型不同。
24.ui控件集合包括两个或两个以上的ui控件,其中,ui控件集合中包括的不同控件的控件类型可以相同,也可以不同,本技术不以此为限。
25.举例来说,ui控件集合可以包括一个文本类型的控件以及一个图片类型的控件;也可以包括一个按钮类型的控件a以及一个按钮类型的控件b。需要说明的是,除了上述示例提及的文本类型、图片类型以及按钮类型外,前述控件类型还可以包括表格类型、超链接类型等,本技术不以此为限。
26.前述多个默认属性共同指示对应的ui控件集合在创建或定义时的默认样式,其中,ui控件集合内的每一ui控件至少对应一个默认属性。
27.举例来说,在ui控件集合包括一个按钮类型的控件c1以及一个文本类型的控件c2,且前述多个默认属性分别指示控件c1的形状为长方形,控件c2的字号为12,控件c2的字体无加粗的情况下,控件c1仅对应指示其形状的一个默认属性,控件c2则对应指示其字号
和字体粗细的两个默认属性。
28.前述ui样式类型除了包括形状、字体粗细、字号外,还可以包括颜色、边缘阴影等,本技术也不以此为限。
29.如上所述,对应ui控件集合的多个默认属性作为固定样式存在,可适配多数页面的通用性样式需求,在此基础上,应用个性化属性对前述多个默认属性中除目标默认属性外的其他默认属性进行对应替换,以对ui控件集合的固定样式进行调整,进而适配部分页面的非常规样式需求。
30.其中,应用个性化属性对前述多个默认属性中除目标默认属性外的其他默认属性进行对应替换的过程,可以理解为,应用个性化属性指示的样式覆盖默认属性指示的样式,例如,在默认属性指示某一按钮控件的形状为长方形,而个性化属性指示该按钮控件的形状为正方形的情况下,该按钮控件最终渲染出的样式则为正方形。
31.需要强调的是,个性化属性仅会替换与其对应同一ui控件且对应同一ui样式类型的默认属性。因此,前述确定的目标默认属性可理解为,多个默认属性中不会被个性化所替换的默认属性,举例来说,若多个默认属性包括默认属性a1、默认属性a2和默认属性a3,默认属性a1指示按钮类型的控件c1的形状为长方形,默认属性a2指示按钮类型的控件c1的颜色为红色,默认属性a3指示文本类型的控件c2的字号为12,个性化属性a4指示按钮类型的控件c1的形状为圆形,则默认属性a2和默认属性a3将会被确定为目标默认属性,而默认属性a1将被个性化属性a4所覆盖或替换。
32.步骤102、根据所述目标默认属性和所述个性化属性确定应用样式属性,所述应用样式属性用于实现所述ui控件集合的样式渲染。
33.如上,先基于多个默认属性作为ui控件集合的固定样式,以适配多数页面的通用性样式需求,再结合个性化属性对前述固定样式进行调整,来满足部分特殊页面的非常规样式需求,这能避免冗余的控件集合的产生,令用户界面中控件集合的维护难度降低。
34.仍以前述提及的默认属性a1、默认属性a2、默认属性a3以及个性化属性a4为例,此时,根据所述目标默认属性和所述个性化属性确定应用样式属性可理解为,将默认属性a2、默认属性a3以及个性化属性a4共同确定为所述应用样式属性,在该实施方式中,应用样式属性包括的属性个数与多个默认属性的总个数相同。
35.可选的,所述方法还包括:
36.在所述ui控件集合不包括所述个性化属性的情况下,根据所述ui控件集合的多个默认属性确定所述应用样式属性。
37.如上,在ui控件集合的应用过程中,个性化属性作为可选用的属性设置,也可不被选用或者不被设置,此时,ui控件集合的样式渲染将基于多个默认属性完成,也即是说,应用样式属性与多个默认属性完全相同。
38.举例来说,若ui控件集合包括一个按钮和一个文本,对应按钮的多个默认属性指示按钮的形状为长方形、颜色为红色;对应文本的多个默认属性指示文本的字号为12,对应按钮的个性化属性指示按钮的形状为圆形;在该ui控件集合没有设置个性化属性的情况下,页面内展示的ui控件集合最终显示为:一个红色的长方形按钮以及一个字号为12的文本。
39.可选的,至少一个所述个性化属性对应所述ui控件集合中一个ui控件的至少两种
ui样式类型。
40.如上所述,在一些实施方式中,相较于限定个性化属性对应一个ui控件的一种ui样式类型的方式,通过设置至少部分个性化属性对应所述ui控件集合中一个ui控件的至少两种ui样式类型的方式,能减少冗余的个性化属性的产生,令控件集合的维护难度进一步降低。
41.举例来说,可以设置对应按钮的个性化属性指示按钮的形状为圆形,颜色为绿色,在该示例中,相较于应用两个不同的个性化属性来分别指示同一按钮控件的形状和颜色,通过单一个性化属性指示同一按钮控件的形状和颜色的方案,可有效减少个性化属性的数目。
42.在一可选实施方式中,可以限定个性化属性与ui控件相对应,即一个个性化属性对应一个ui控件的全部ui样式类型,这能进一步减少个性化属性的数目,并提升ui控件集合的样式管理效果。
43.举例来说,在按钮类型的某ui控件仅包括颜色和形状两种ui样式类型时,可以设置一个性化属性指示该ui控件的颜色为红色,形状为圆形;另一个性化属性指示该ui控件的颜色为绿色,形状为正方形。
44.需要说明的是,在个性化属性对应所述ui控件集合中一个ui控件的至少两种ui样式类型的情况下,目标默认属性应理解为,与个性化属性对应的ui控件不同的默认属性,或者,与个性化属性对应的ui控件相同但对应的ui样式属性不同于个性化属性包括的任一ui样式类型的默认属性。
45.举例来说,若多个默认属性包括默认属性a1、默认属性a2,默认属性a1指示按钮类型的控件c1的形状为长方形,默认属性a2指示按钮类型的控件c1的颜色为红色,个性化属性a5指示按钮类型的控件c1的形状为圆形,且无阴影边缘,基于前述说明,此时默认属性a2将被为认定为目标默认属性。
46.需要指出的是,对应同一ui控件的至少两种ui样式类型的个性化属性以及对应一个ui控件的一种ui样式类型的个性化属性可以同时存在。
47.可选的,所述方法还包括:
48.在所述ui控件集合的集合标识包括第一标识和第二标识的情况下,确定所述ui控件集合包括所述个性化属性,其中,所述第一标识用于确定所述ui控件集合的多个默认属性,所述第二标识用于确定所述个性化属性,所述第一标识和所述第二标识之间设置有第一分隔符。
49.通过标识标记的方式,便捷完成默认属性和个性化属性的区分,提升ui控件集合的属性渲染效率。
50.需要说明的是,在ui控件集合包括有所述个性化属性的情况下,ui控件集合的集合标识由依次连接的第一标识、第一分隔符以及第二标识共同构成,因此,ui控件集合的集合标识包括第一标识和第二标识的情况也可理解为,ui控件集合的集合标识包括第一分隔符的情况,举例来说,第一分隔符可以为“.”、“/”、
“‑”
等,应用中可基于实际需求对第一分隔符进行适应选择,本技术对此并不加以限定。
51.而在ui控件集合的集合标识不包括第一分隔符和/或第二标识的情况下,则理解为ui控件集合未设置所述个性化属性。
52.需要指出的是,在ui控件集合的集合标识可以包括两个或两个以上的个性化属性时,两个或两个以上的个性化属性通过第二分隔符进行分隔。前述第一分隔符和第二分隔符可以相同,也可以不同,应用中优选设置第一分隔符和第二分隔符相同,以便于第一标识和至少两个第二标识的识别操作。
53.示例性的,若第一分隔符和第二分隔符相同,第一分隔符为
“‑”
,第一标识为q1,第二标识包括q2和q3,则ui控件集合的集合标识可以为“q1-q2-q3”或者“q1-q3-q2”,此时,通过
“‑”
对ui控件集合的集合标识进行分切,并将每次分切结果有序存入数组中得[q1、q2、q3]或[q1、q3、q2],该数组的第一位元素即为第一标识,该数组的第二位元素和第三位元素即为第二标识。在此情况下,可通过数组所包括元素数目的判定,来确定ui控件集合是否包括个性化属性,其中,数组的元素数目为1,则指示ui控件集合不包括个性化属性;数组的元素数目为大于1的整数,则指示ui控件集合包括个性化属性,将第一标识以及第二标识的识别操作与个性化属性存在判定操作相结合,可进一步简化ui控件集合的样式渲染流程,提升样式渲染效率。
[0054]
为方便理解,示例说明如下:
[0055]
设定ui控件集合set,其包括一个图片、一行文本以及一个按钮,该ui控件集合的默认样式如图2所示。
[0056]
如图3所示,对于该ui控件集合set,其内文本支持2两种变化t1和t2,其内按钮也支持两种比变化y1和y2,变化t1指示将文本的字号调整为18,变化t2指示将文本的字体加粗,变化y1指示将按钮的形状调整为正方形,变化y2指示将按钮的形状调整为圆形。
[0057]
若页面使用了ui控件集合set,且ui控件集合set启用了变化t1和变化y2,则页面最终展示的控件样式如图4所示。
[0058]
可选的,所述个性化属性对应的目标ui控件的ui样式类型为第一样式类型,所述目标ui控件的默认属性对应的ui样式类型为第二样式类型,所述第一样式类型与所述第二样式类型不同,所述目标ui控件为所述ui控件集合中的任一ui控件。
[0059]
通过限定第一样式类型和第二样式类型不同,使得个性化属性可对默认属性进行样式补充,此时,基于目标默认属性和所述个性化属性确定的应用样式属性包括的属性数目可以大于所述多个默认属性的总数目。
[0060]
举例来说,若当前的多个默认属性仅支持按钮控件的颜色、形状的样式选择,针对ui控件的ui样式类型不断增加的情况,通过上述设置,可基于个性化属性额外支持按钮控件的边缘阴影选择以及透明度等样式选择,以适配ui控件的ui样式类型随技术发展而逐渐丰富的情况,提升本技术所述方法在应用过程中的后期扩展性,进而提升本技术所述方案在复杂场景下的适用性。
[0061]
参见图5,图5是本技术实施例提供的一种ui控件集合的属性确定装置500的结构图。如图5所示,ui控件集合的属性确定装置500包括:
[0062]
目标属性确认模块501,用于在所述ui控件集合包括个性化属性的情况下,根据所述个性化属性在所述ui控件集合的多个默认属性中确定目标默认属性,其中,每一所述默认属性对应所述ui控件集合中一个ui控件的一种ui样式类型,所述目标默认属性对应的ui控件与所述个性化属性对应的ui控件不同,和/或,所述目标默认属性对应的ui样式类型与所述个性化属性对应的ui样式类型不同;
[0063]
应用属性确定模块502,用于根据所述目标默认属性和所述个性化属性确定应用样式属性,所述应用样式属性用于实现所述ui控件集合的样式渲染。
[0064]
可选的,所述个性化属性对应所述ui控件集合中一个ui控件的至少两种ui样式类型。
[0065]
可选的,所述装置500还包括:
[0066]
标识识别模块,用于在所述ui控件集合的集合标识包括第一标识和第二标识的情况下,确定所述ui控件集合包括所述个性化属性,其中,所述第一标识用于确定所述ui控件集合的多个默认属性,所述第二标识用于确定所述个性化属性,所述第一标识和所述第二标识之间设置有第一分隔符。
[0067]
可选的,所述个性化属性对应的目标ui控件的ui样式类型为第一样式类型,所述目标ui控件的默认属性对应的ui样式类型为第二样式类型,所述第一样式类型与所述第二样式类型不同,所述目标ui控件为所述ui控件集合中的任一ui控件。
[0068]
可选的,所述应用属性确定模块502还用于:
[0069]
在所述ui控件集合不包括所述个性化属性的情况下,根据所述ui控件集合的多个默认属性确定所述应用样式属性。
[0070]
本技术实施例提供的ui控件集合的属性确定装置500能够实现上述方法实施例中的各个过程,为避免重复,这里不再赘述。
[0071]
请参见图6,图6是本技术实施例提供的一种电子设备的结构示意图,如图6所示,电子设备包括:可以包括处理器601、存储器602及存储在存储器602上并可在处理器601上运行的程序6021。
[0072]
程序6021被处理器601执行时可实现图1对应的方法实施例中的任意步骤及达到相同的有益效果,此处不再赘述。
[0073]
本领域普通技术人员可以理解实现上述实施例方法的全部或者部分步骤是可以通过程序指令相关的硬件来完成,所述的程序可以存储于一可读取介质中。
[0074]
本技术实施例还提供一种可读存储介质,所述可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时可实现上述图1对应的方法实施例中的任意步骤,且能达到相同的技术效果,为避免重复,这里不再赘述。
[0075]
本技术实施例的计算机可读存储介质,可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
[0076]
计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可
读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
[0077]
存储介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、电线、光缆、rf等等,或者上述的任意合适的组合。
[0078]
可以以一种或多种程序设计语言或其组合来编写用于执行本技术操作的计算机程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如java、smalltalk、c++,还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或终端上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(lan)或广域网(wan)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
[0079]
以上所述是本技术实施例的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本技术所述原理的前提下,还可以作出若干改进和润饰,这些改进和润饰也应视为本技术的保护范围。
当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1