用户界面实现方法、装置、存储介质及电子设备制造方法及图纸

技术编号:23851219 阅读:33 留言:0更新日期:2020-04-18 08:45
本申请公开了一种用户界面实现方法、装置、存储介质及电子设备,涉及用户界面设计技术。具体方案包括:界面管理组件获取界面更新事件;所述界面更新事件携带有事件类型和界面参数;所述界面管理组件将所述事件类型和所述界面参数发送给事件处理组件,所述事件处理组件根据所述事件类型从数据库中获取预先实现的界面元素模板;所述事件处理组件基于所述界面参数和所述界面元素模板实现界面元素,显示组件根据所述界面元素实时更新用户界面。本申请对展示功能和界面元素定义功能进行解耦合,增加用户界面设计的可复用性,更有利于故障的调试。

User interface implementation method, device, storage medium and electronic equipment

【技术实现步骤摘要】
用户界面实现方法、装置、存储介质及电子设备
本申请涉及用户界面设计技术,特别是涉及一种用户界面实现方法、装置、存储介质及电子设备。
技术介绍
显示组件由各种各样的界面元素实现,并且,显示组件在获取到对界面元素的操作时,还需要更新显示组件以响应操作。现有的用户界面设计技术中,为了追求设计效率,通常在显示组件中实现展示功能和界面元素定义功能。这样,展示功能和界面元素定义功能产生了耦合,降低了用户界面设计的可复用性,不利于故障的调试。
技术实现思路
有鉴于此,本申请的主要目的在于提供一种用户界面实现方法,该方法可以对展示功能和界面元素定义功能进行解耦合,增加用户界面设计的可复用性,更有利于故障的调试。为了达到上述目的,本申请提出的技术方案为:第一方面,本申请实施例提供了一种用户界面实现方法,包括以下步骤:界面管理组件获取界面更新事件;所述界面更新事件携带有事件类型和界面参数;所述界面管理组件将所述事件类型和所述界面参数发送给事件处理组件,所述事件处理组件根据所述事件类型从数据库中获取预先实现的界面元素模板;所述事件处理组件基于所述界面参数和所述界面元素模板实现界面元素,显示组件根据所述界面元素实时更新用户界面。一种可能的实施方式中,所述显示组件根据所述界面元素实时更新用户界面的步骤包括:所述显示组件通过所述界面管理组件监听所述事件处理组件的执行状态属性;当所述执行状态属性为执行成功时,所述显示组件通过所述界面管理组件获取所述事件处理组件实现的所述界面元素;所述显示组件根据所述界面元素更新用户界面。一种可能的实施方式中,所述界面管理组件获取界面更新事件之前,所述方法还包括:在所述界面管理组件中实现元素模型;将所述界面管理组件的所述元素模型和所述显示组件的界面元素进行绑定。一种可能的实施方式中,所述将所述界面管理组件的所述元素模型和所述显示组件的界面元素进行绑定的步骤,包括:通过所述元素模型,设置与所述元素模型绑定的所述界面元素的元素属性。第二方面,本申请实施例还提供一种用户界面实现装置,包括:界面管理组件,用于获取界面更新事件;所述界面更新事件携带有事件类型和界面参数;还用于将所述事件类型和所述界面参数发送给事件处理组件;事件处理组件,用于根据所述事件类型从数据库中获取预先实现的界面元素模板;还用于基于所述界面参数和所述界面元素模板实现界面元素;显示组件,用于根据所述界面元素实时更新用户界面。一种可能的实施方式中,所述显示组件,包括:监听模块,用于通过所述界面管理组件监听所述事件处理组件的执行状态属性;获取模块,用于当所述执行状态属性为执行成功时,通过所述界面管理组件获取所述事件处理组件实现的界面元素;更新模块,用于根据所述界面元素更新用户界面。一种可能的实施方式中,所述界面管理组件中实现了元素模型;所述界面管理组件,还包括:绑定模块,用于将所述元素模型和所述显示组件的界面元素进行绑定。一种可能的实施方式中,所述界面管理组件,还包括:属性设置模块,用于通过所述元素模型,设置与所述元素模型绑定的所述界面元素的元素属性。第三方面,本申请实施例还提供一种计算机可读存储介质。具体方案为:一种计算机可读存储介质,存储有计算机指令,所述指令被处理器执行时可实现上述第一方面及第一方面中任一种可能的实施方式的步骤。第四方面,本申请实施例还提供一种电子设备。具体方案为:一种电子设备,该电子设备包括:处理器;用于存储所述处理器可执行指令的存储器;所述处理器,用于从所述存储器中读取所述可执行指令,并执行所述指令以实现上述第一方面及第一方面中任一种可能的实施方式的步骤。综上所述,本申请提出的一种用户界面实现方法、装置、存储介质及电子设备。本申请增加了界面管理组件和事件处理组件,使用界面管理组件获取界面更新事件,使用事件处理组件实现界面元素,最后使用显示组件更新用户界面。通过增加界面管理组件和事件处理组件,对展示功能和界面元素定义功能进行了解耦合。进一步的,使用事件处理组件实现界面元素,增加了用户界面设计的可复用性。通过加入界面管理组件和事件处理组件,将展示功能和界面元素定义功能的实现分立开,也更有利于故障的调试。附图说明为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。图1为本申请实施例提供的用户界面实现方法的流程示意图;图2为用户界面实现方法中时更新用户界面的步骤的流程示意图;图3为本申请实施例提供的一种用户界面实现装置的结构示意图;图4为用户界面实现装置中显示组件的结构示意图;图5为用户界面实现装置中界面管理组件的结构示意图;图6a为用户界面中的界面元素的示意图;图6b为界面管理组件中的元素模型的示意图;图7为本申请实施例提供的另一种用户界面实现装置的结构示意图;图8为本申请实施例提供的一种电子设备的结构示意图。具体实施方式下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例,例如能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含。例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其他步骤或单元。本申请的核心专利技术点在于:增加了界面管理组件和事件处理组件,使用界面管理组件获取界面更新事件,使用事件处理组件实现界面元素,最后使用显示组件更新用户界面。通过加入界面管理组件和事件处理组件,对展示功能和界面元素定义功能进行了解耦合。进一步的,使用事件处理组件实现界面元素,增加了用户界面设计的可复用性。通过加入界面管理组件和事件处理组件,将展示功能和界面元素定义功能的实现分立开,也更有利于故障的调试。本申请实施例提供的用户界面实现方法,可以在客户端实现,也可以在服务器端实现。无论在客户端实现,还是在服务器端实现,均获取客户端上的用户界面发来的界面更新事件,并通过本文档来自技高网...

【技术保护点】
1.一种用户界面实现方法,其特征在于,包括:/n界面管理组件获取界面更新事件;所述界面更新事件携带有事件类型和界面参数;/n所述界面管理组件将所述事件类型和所述界面参数发送给事件处理组件,所述事件处理组件根据所述事件类型从数据库中获取预先实现的界面元素模板;/n所述事件处理组件基于所述界面参数和所述界面元素模板实现界面元素,显示组件根据所述界面元素实时更新用户界面。/n

【技术特征摘要】
1.一种用户界面实现方法,其特征在于,包括:
界面管理组件获取界面更新事件;所述界面更新事件携带有事件类型和界面参数;
所述界面管理组件将所述事件类型和所述界面参数发送给事件处理组件,所述事件处理组件根据所述事件类型从数据库中获取预先实现的界面元素模板;
所述事件处理组件基于所述界面参数和所述界面元素模板实现界面元素,显示组件根据所述界面元素实时更新用户界面。


2.根据权利要求1所述的方法,其特征在于,所述显示组件根据所述界面元素实时更新用户界面的步骤包括:
所述显示组件通过所述界面管理组件监听所述事件处理组件的执行状态属性;
当所述执行状态属性为执行成功时,所述显示组件通过所述界面管理组件获取所述事件处理组件实现的所述界面元素;
所述显示组件根据所述界面元素更新用户界面。


3.根据权利要求1所述的方法,其特征在于,所述界面管理组件获取界面更新事件之前,所述方法还包括:
在所述界面管理组件中实现元素模型;
将所述界面管理组件的所述元素模型和所述显示组件的界面元素进行绑定。


4.根据权利要求3所述的方法,其特征在于,所述将所述界面管理组件的所述元素模型和所述显示组件的界面元素进行绑定的步骤,包括:
通过所述元素模型,设置与所述元素模型绑定的所述界面元素的元素属性。


5.一种用户界面实现装置,其特征在于,包括:
界面管理组件,用于获取界面更新事件;所述界面更新事件携带有事件类型和界面参数...

【专利技术属性】
技术研发人员:李超
申请(专利权)人:贝壳技术有限公司
类型:发明
国别省市:天津;12

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1