CN109508221B - 一种块组件的渲染方法、装置、设备及存储介质 - Google Patents
一种块组件的渲染方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN109508221B CN109508221B CN201811367207.7A CN201811367207A CN109508221B CN 109508221 B CN109508221 B CN 109508221B CN 201811367207 A CN201811367207 A CN 201811367207A CN 109508221 B CN109508221 B CN 109508221B
- Authority
- CN
- China
- Prior art keywords
- block assembly
- assembly
- event
- layer
- dragging
- 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.)
- Active
Links
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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
Abstract
本发明实施例公开了一种块组件的渲染方法、装置、设备及存储介质,包括:层组件在检测到拖拽关联事件时,获取与拖拽关联事件匹配的目标块组件集合;层组件确定与目标块组件集合中至少一个目标块组件对应的显示属性参数;层组件通过回调函数将显示属性参数发送至目标块组件集合中对应的目标块组件,以使目标块组件中的业务组件根据显示属性参数对目标块组件进行渲染显示。本发明实施例的技术方案实现了降低业务耦合性,提高代码扩展维护性,减少性能损耗的效果。
Description
技术领域
本发明实施例涉及图像处理技术,尤其涉及一种块组件的渲染方法、装置、设备及存储介质。
背景技术
随着智能设备的应用领域越来越广泛,提高智能设备的响应速度,尤其是提高智能设备中组件的渲染速度,成为优化智能设备性能以及增强用户体验的重要途经。
现有技术中,对组件的渲染方法是:根据组件拖拽移动的位置,确定组件的位移,进而销毁原有的渲染树后,基于新的组件位移重新建立新的渲染树,并根据新的渲染树,将新的组件渲染至屏幕中。
现有的对组件渲染的方法对智能设备的性能损耗较大,代码冗余度高,扩展维护性差,对开发人员的专业技术能力要求较高。
发明内容
本发明实施例提供一种块组件的渲染方法、装置、设备及存储介质,以实现降低业务耦合性,提高代码扩展维护性,减少性能损耗。
第一方面,本发明实施例提供了一种块组件的渲染方法,包括:
层组件在检测到拖拽关联事件时,获取与所述拖拽关联事件匹配的目标块组件集合;
其中,在层组件内部预先添加有多个块组件,所述层组件通过回调函数与内部的各块组件进行数据交互;在块组件内部预先添加有关联的业务组件,所述业务组件用于完成对关联的块组件的渲染显示;
所述层组件确定与所述目标块组件集合中至少一个目标块组件对应的显示属性参数;
所述层组件通过所述回调函数将所述显示属性参数发送至所述目标块组件集合中对应的目标块组件,以使所述目标块组件中的业务组件根据所述显示属性参数对所述目标块组件进行渲染显示。
第二方面,本发明实施例还提供了一种块组件的渲染装置,包括:
目标块组件集合获取模块,用于层组件在检测到拖拽关联事件时,获取与所述拖拽关联事件匹配的目标块组件集合;
其中,在层组件内部预先添加有多个块组件,所述层组件通过回调函数与内部的各块组件进行数据交互;在块组件内部预先添加有关联的业务组件,所述业务组件用于完成对关联的块组件的渲染显示;
显示属性参数确定模块,用于所述层组件确定与所述目标块组件集合中至少一个目标块组件对应的显示属性参数;
目标块组件渲染显示模块,用于所述层组件通过所述回调函数将所述显示属性参数发送至所述目标块组件集合中对应的目标块组件,以使所述目标块组件中的业务组件根据所述显示属性参数对所述目标块组件进行渲染显示。
第三方面,本发明实施例还提供了一种计算机设备,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如本发明实施例中任一所述的块组件的渲染方法。
第四方面,本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本发明实施例中任一所述的块组件的渲染方法。
本发明实施例提供了一种块组件的渲染方法、装置、设备及存储介质,通在层组件检测拖拽关联事件,并获取与拖拽关联事件匹配的目标块组件集合和对应的显示属性参数,层组件再将显示属性参数发送至对应的目标块组件,以使目标块组件中的业务组件根据显示属性参数对目标块组件进行渲染显示,解决了现有技术在对组件进行渲染时,需要销毁原有的渲染树,重建新的渲染树,从而导致性能损耗较大,代码冗余度高,扩展维护性差的问题,实现了降低业务耦合性,提高代码扩展维护性,减少性能损耗的效果。
附图说明
图1是本发明实施例一提供的一种块组件的渲染方法的流程图;
图2是本发明实施例二提供的一种块组件的渲染方法的流程图;
图3是本发明实施例三提供的一种块组件的渲染装置的结构示意图;
图4是本发明实施例四提供的一种计算机设备的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
实施例一
图1为本发明实施例一提供的一种块组件的渲染方法的流程图,本实施例可适用于实现对组件渲染的情况,该方法可以由本发明实施例提供的块组件的渲染装置来执行,该装置可采用软件和/或硬件的方式实现,并一般可以集成在各种通用计算机设备中,如图1所示,本实施例的块组件的渲染方法具体包括如下步骤:
步骤110、层组件在检测到拖拽关联事件时,获取与拖拽关联事件匹配的目标块组件集合;
其中,在层组件内部预先添加有多个块组件,层组件通过回调函数与内部的各块组件进行数据交互;在块组件内部预先添加有关联的业务组件,业务组件用于完成对关联的块组件的渲染显示。
在本实施例中,在层组件检测拖拽关联事件之前,需要根据业务需求,预先在层组件中添加多个块组件,并设置对应块组件的显示属性值,例如,在开发智能手机设备时,开发人员希望利用层组件控制电话、短信以及通用设置三个块组件的拖拽关联事件,以达到对这三个块组件渲染显示的目的,则将电话、短信以及通用设置三个块组件加入到层组件中,并将当前三个块组件的显示属性值设置于层组件中,作为其显示属性参数的初始值。
当层组件检测到拖拽关联事件时,获取与该与拖拽关联事件匹配的目标块组件集合,其中,目标块组件集合是用于存储所有与当前拖拽关联事件相关的,由于当前拖拽关联事件而产生位置变化的块组件。
步骤120、层组件确定与目标块组件集合中至少一个目标块组件对应的显示属性参数。
其中,目标块组件对应的显示属性参数是由层组件根据当前拖拽关联事件计算出来的,例如,当前拖拽关联事件引起层组件中的短信块组件移动,层组件根据短信块组件的原始位置参数以及当前拖拽关联事件产生的位移,计算出的当前短信块组件的位置参数,即为目标块组件对应的显示属性参数。
在本实施例中,层组件实现对目标块组件对应显示属性参数的数据处理,达到更新目标块组件对应显示属性参数的目的,此过程仅为局部数据更新,并不会影响其他与当前拖拽关联事件无关的块组件。
步骤130、层组件通过回调函数将显示属性参数发送至目标块组件集合中对应的目标块组件,以使目标块组件中的业务组件根据显示属性参数对目标块组件进行渲染显示。
其中,回调函数是层组件与其内部块组件进行数据交互的接口函数,通过调用回调函数,可以实现将层组件中的数据发送到对应块组件的目的。
在本实施例中,具体的渲染显示由目标块组件中的业务组件来完成,也就是说,目标块组件不参与对应显示属性参数的计算,仅是利用层组件的计算结果来对自身进行渲染。
这样设置的好处是:将渲染事件分为后端数据处理和前端渲染显示两部分分开处理,把多个块组件的后端数据处理部分放在一个容器中,也就是层组件中执行,有针对性的计算所有与拖拽关联事件匹配的块组件的显示属性参数变化,而后再在块组件中实现前端渲染显示效果,无需现有技术中,每计算一个块组件的更新参数就进行渲染数的销毁和建立,这样设置可以降低代码的耦合性,增强可扩展性,同时减少性能损耗。而且一旦渲染效果出现问题,可以检测回调函数传入块组件的参数,从而确定是数据计算有误还是渲染实现有误,从而大大降低系统的维护难度。
本发明实施例提供了一种块组件的渲染方法,通在层组件检测拖拽关联事件,并获取与拖拽关联事件匹配的目标块组件集合和对应的显示属性参数,层组件再将显示属性参数发送至对应的目标块组件,以使目标块组件中的业务组件根据显示属性参数对目标块组件进行渲染显示,解决了现有技术在对组件进行渲染时,需要销毁原有的渲染树,重建新的渲染树,从而导致性能损耗较大,代码冗余度高,扩展维护性差的问题,实现了降低业务耦合性,提高代码扩展维护性,减少性能损耗的效果。
可选的,拖拽关联事件的类型包括:触摸事件、拖拽事件或者释放事件;
显示属性参数包括下述至少一项:位置数据、样式、状态信息以及默认属性。
其中,触摸事件、拖拽事件以及释放事件是用户实现块组件移动的三个必要阶段,触摸事件是通过触摸点定位实现标记当前触摸的块组件的事件;拖拽事件是移动触摸点,并将不断更新的触摸点位置设置为当前触摸的块组件的位置的事件;释放事件是通过释放触摸点,达到确定所有相关块组件的参数信息,完成图像渲染的事件。
显示属性参数中,位置数据用于标记对应块组件的位置信息;样式用于存储对应块组件的样式;状态信息用于标记对应块组件是否为激活状态;默认属性用于记录其他在拖拽关联事件中可利用的参数信息。
在一个具体的例子中,层组件内部有电话、短信以及通用设置三个块组件,拖拽关联事件的类型为触摸事件,触摸点位于通用设置块组件上,则层组件在检测到触摸事件时,获取与触摸事件匹配的包含通用设置块组件的目标块组件集合,层组件确定与通用设置块组件对应的显示属性参数,该显示属性参数包括样式以及状态信息,其中,样式为触摸事件下通用设置块组件的样式,状态信息为激活状态,层组件通过回调函数将该样式以及状态信息发送至通用设置块组件,通用设置块组件中负责渲染的业务组件根据该样式以及状态信息是实现对通用设置块组件的渲染。
本可选的技术方案,提供了拖拽关联事件的事件类型以及显示属性参数的参数类型,通过划分事件类型,并调用不同的显示属性参数,进一步实现了降低性能损耗,减少代码耦合性以及冗余度的效果。
实施例二
图2为本发明实施例二提供的一种块组件的渲染方法的流程图,本实施例在上一实施例的基础上进一步细化,提供了层组件在检测到拖拽关联事件时,获取与拖拽关联事件匹配的目标块组件集合的具体步骤,下面结合图2对本发明实施例二提供的一种块组件的渲染方法进行说明,包括以下步骤:
步骤210、层组件在检测到拖拽关联事件时,获取拖拽关联事件的事件作用块组件作为活动块组件。
其中,活动块组件是拖拽关联事件中具体的作用对象,在触摸事件中,活动块组件为触摸点所在的块组件;在拖拽事件中,活动块组件为跟随触摸点的位置不断更新位置信息,使触摸点在自身区域范围内的块组件;在释放事件中,活动块组件为释放触摸点前,触摸点所在的块组件。
在本实施例中,层组件获取拖拽关联事件的事件作用块组件作为活动块组件,确定了当前作用对象,便于以活动块组件为基准,计算相关的数据,以使最终计算的数据包含与本次拖拽关联事件相关的所有必要信息。
步骤220、层组件根据拖拽关联事件的类型以及活动块组件,获取目标块组件集合。
在本实施例中,目标块组件集合中不仅包括活动块组件,还应该包括与拖拽关联事件的类型以及活动块组件相关的其他块组件,例如,在拖拽事件中,由于活动块组件的移动,会导致其他块组件重新排序,因此,在目标块组件集合中,还应该包括其他因活动块组件的移动,而发生位置变化的块组件。
步骤230、层组件确定与目标块组件集合中至少一个目标块组件对应的显示属性参数。
步骤240、层组件通过回调函数将显示属性参数发送至目标块组件集合中对应的目标块组件,以使目标块组件中的业务组件根据显示属性参数对目标块组件进行渲染显示。
本实施例的技术方案,在上一实施例的基础上进行了仔细说明,提供了层组件在检测到拖拽关联事件时,获取与拖拽关联事件匹配的目标块组件集合的具体步骤,通过确定活动块组件以及对应的目标块组件集合达到准确标识目标块组件,从而正确计算对应数据的目的,保证了为层组件提供准确的数据基础。
可选的,层组件根据拖拽关联事件的类型以及活动块组件,获取目标块组件集合,包括:
层组件如果确定拖拽关联事件为拖拽事件,则获取活动块组件的位置数据;
层组件选取当前显示界面中距离活动块组件最近的一个块组件作为脏块组件;
层组件将活动块组件、脏块组件以及位于活动块组件以及脏块组件之间的全部块组件均作为目标块组件加入至目标块组件集合中。
在本可选的技术方案中,由于拖拽事件是一个过程事件,在拖拽过程中,距离活动块组件最近的块组件随着活动块组件的移动在不断更改,在本实施例中,将在拖拽事件结束前最后一个与活动块组件距离最近的块组件定义为脏块组件,将活动块组件、脏块组件以及位于活动块组件以及脏块组件之间的全部块组件均作为目标块组件加入至目标块组件集合中。
本可选的技术方案,提供了在拖拽事件中,目标块组件集合中包含的块组件类型,有助于在拖拽事件中,通过层组件确定具体的显示属性参数,保证显示属性参数的正确性,从而达到实现准确渲染显示的效果。
可选的,层组件根据拖拽关联事件的类型以及活动块组件,获取目标块组件集合,包括:
层组件如果确定拖拽关联事件为触摸事件或者释放事件,则仅将活动块组件作为目标块组件加入至目标块组件集合中。
本可选的技术方案,提供了在触摸事件或者释放事件中,目标块组件集合中包含的块组件类型,有助于在触摸事件或者释放事件中,通过层组件确定具体的显示属性参数,保证显示属性参数的正确性,从而达到实现准确渲染显示的效果。
可选的,在层组件通过回调函数将显示属性参数发送至目标块组件集合中对应的目标块组件之后,还包括:
层组件判断目标块组件集合中是否包括关联用户业务的用户定义块组件;
若是,则层组件通过回调函数将用户业务发送至对应的用户定义块组件,以使用户定义块组件的业务组件执行用户业务。
其中,关联用户业务的用户定义块组件是指在该块组件中,包含用户自定义的用户业务,该用户业务是在实现块组件渲染同时,添加的其他业务效果,例如,在块组件渲染的同时,在其周围添加特定的动画效果。
本可选的技术方案,提供了在层组件通过回调函数将显示属性参数发送至目标块组件集合中对应的目标块组件之后的可选的步骤,通过判断目标块组件集合中是否包括关联用户业务的用户定义块组件,实现了为用户定义块组件添加了用户业务的技术方案,提高了用户在对块组件进行拖拽关联事件时的用户体验。
具体的,以拖拽事件为例,说明本实施例的技术方案。假设在开发智能手机过程中,开发人员将电话、短信、通用设置、浏览器以及时钟五个块组件添加到层组件内部,同时将对应块组件的位置数据、样式以及状态信息三个显示属性参数的初始值设置于层组件中,当前上述五个块组件在手机屏幕上的排列顺序为一列纵向排列,自上而下分别为:电话、短信、通用设置、浏览器以及时钟,发生的拖拽事件为拖拽浏览器块组件至电话与短信块组件之间。则层组件在检测到拖拽浏览器块组件事件时,将浏览器块组件定义为活动块,将最终与浏览器块组件距离最近的短信块组件定义为脏块组件,层组件将浏览器块组件、短信块组件以及两者之间的通用设置块组件作为目标块组件加入至目标块组件集合中,通过各个目标块组件的显示属性参数的初始值以及触摸点的位移,计算显示属性参数的最终值,并将对应的显示属性参数的最终值通过回调函数发送至目标块组件集合中的浏览器块组件、短信块组件以及通用设置块组件,以使这三个块组件中的业务组件根据显示属性参数对自身进行渲染显示。同时,层组件判断确定浏览器块组件为关联用户业务的用户定义块组件,则通过回调函数,将对应的用户业务发送至浏览器块组件,为浏览器块组件添加动画特效。
实施例三
图3为本发明实施例三提供的一种块组件的渲染装置的结构示意图,如图3所示,所述块组件的渲染装置包括:目标块组件集合获取模块310、显示属性参数确定模块320以及目标块组件渲染显示模块330,其中:
目标块组件集合获取模块310,用于层组件在检测到拖拽关联事件时,获取与拖拽关联事件匹配的目标块组件集合;
其中,在层组件内部预先添加有多个块组件,层组件通过回调函数与内部的各块组件进行数据交互;在块组件内部预先添加有关联的业务组件,业务组件用于完成对关联的块组件的渲染显示;
显示属性参数确定模块320,用于层组件确定与目标块组件集合中至少一个目标块组件对应的显示属性参数;
目标块组件渲染显示模块330,用于层组件通过回调函数将显示属性参数发送至目标块组件集合中对应的目标块组件,以使目标块组件中的业务组件根据显示属性参数对目标块组件进行渲染显示。
本发明实施例提供了一种块组件的渲染装置,通在层组件检测拖拽关联事件,并获取与拖拽关联事件匹配的目标块组件集合和对应的显示属性参数,层组件再将显示属性参数发送至对应的目标块组件,以使目标块组件中的业务组件根据显示属性参数对目标块组件进行渲染显示,解决了现有技术在对组件进行渲染时,需要销毁原有的渲染树,重建新的渲染树,从而导致性能损耗较大,代码冗余度高,扩展维护性差的问题,实现了降低业务耦合性,提高代码扩展维护性,减少性能损耗的效果。
可选的,拖拽关联事件的类型包括:触摸事件、拖拽事件或者释放事件;
显示属性参数包括下述至少一项:位置数据、样式、状态信息以及默认属性。
可选的,目标块组件集合获取模块310,包括:
活动块组件获取单元,用于层组件在检测到拖拽关联事件时,获取拖拽关联事件的事件作用块组件作为活动块组件;
目标块组件集合获取单元,用于层组件根据拖拽关联事件的类型以及活动块组件,获取目标块组件集合。
可选的,目标块组件集合获取单元,具体用于:
层组件如果确定拖拽关联事件为拖拽事件,则获取活动块组件的位置数据;
层组件选取当前显示界面中距离活动块组件最近的一个块组件作为脏块组件;
层组件将活动块组件、脏块组件以及位于活动块组件以及脏块组件之间的全部块组件均作为目标块组件加入至目标块组件集合中。
可选的,目标块组件集合获取单元,具体用于:
层组件如果确定拖拽关联事件为触摸事件或者释放事件,则仅将活动块组件作为目标块组件加入至目标块组件集合中。
上述块组件的渲染装置可执行本发明任意实施例所提供的块组件的渲染方法,具备执行方法相应的功能模块和有益效果。
实施例四
图4为本发明实施例四提供的一种计算机设备的结构示意图,如图4所示,该设备包括处理器40和存储器41;计算机设备中处理器40的数量可以是一个或多个,图4中以一个处理器40为例;设备中的处理器40和存储器41可以通过总线或其他方式连接,图4中以通过总线连接为例。
存储器41作为一种计算机可读存储介质,可用于存储软件程序、计算机可执行程序以及模块,如本发明实施例中的一种块组件的渲染方法对应的程序指令/模块(例如,目标块组件集合获取模块310、显示属性参数确定模块320以及目标块组件渲染显示模块330)。处理器40通过运行存储在存储器41中的软件程序、指令以及模块,从而执行设备的各种功能应用以及数据处理,即实现上述的块组件的渲染方法。
存储器41可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序;存储数据区可存储根据终端的使用所创建的数据等。此外,存储器41可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中,存储器41可进一步包括相对于处理器40远程设置的存储器,这些远程存储器可以通过网络连接至设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
实施例五
本发明实施例五还提供一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行一种块组件的渲染方法,该方法包括:
层组件在检测到拖拽关联事件时,获取与拖拽关联事件匹配的目标块组件集合;
其中,在层组件内部预先添加有多个块组件,层组件通过回调函数与内部的各块组件进行数据交互;在块组件内部预先添加有关联的业务组件,业务组件用于完成对关联的块组件的渲染显示;
层组件确定与目标块组件集合中至少一个目标块组件对应的显示属性参数;
层组件通过回调函数将显示属性参数发送至目标块组件集合中对应的目标块组件,以使目标块组件中的业务组件根据显示属性参数对目标块组件进行渲染显示。
当然,本发明实施例所提供的包含计算机可执行指令的存储介质,其计算机可执行指令不限于如上所述的方法操作,还可以执行本发明任意实施例所提供的块组件的渲染方法中的相关操作。
通过以上关于实施方式的描述,所属领域的技术人员可以清楚地了解到,本发明可借助软件及必需的通用硬件来实现,当然也可以通过硬件实现,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、闪存(FLASH)、硬盘或光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
值得注意的是,上述一种块组件的渲染装置的实施例中,所包括的各个单元和模块只是按照功能逻辑进行划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本发明的保护范围。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (8)
1.一种块组件的渲染方法,其特征在于,包括:
层组件在检测到拖拽关联事件时,获取与所述拖拽关联事件匹配的目标块组件集合;
层组件在检测到拖拽关联事件时,获取与所述拖拽关联事件匹配的目标块组件集合,包括:
所述层组件在检测到拖拽关联事件时,获取所述拖拽关联事件的事件作用块组件作为活动块组件;
所述层组件根据所述拖拽关联事件的类型以及所述活动块组件,获取所述目标块组件集合;
其中,在层组件内部预先添加有多个块组件,所述层组件通过回调函数与内部的各块组件进行数据交互;在块组件内部预先添加有关联的业务组件,所述业务组件用于完成对关联的块组件的渲染显示;
所述层组件确定与所述目标块组件集合中至少一个目标块组件对应的显示属性参数;
所述层组件通过所述回调函数将所述显示属性参数发送至所述目标块组件集合中对应的目标块组件,以使所述目标块组件中的业务组件根据所述显示属性参数对所述目标块组件进行渲染显示;
所述层组件根据所述拖拽关联事件的类型以及所述活动块组件,获取所述目标块组件集合,包括:
所述层组件如果确定所述拖拽关联事件为拖拽事件,则获取所述活动块组件的位置数据;
所述层组件选取当前显示界面中距离所述活动块组件最近的一个块组件作为脏块组件;
所述层组件将所述活动块组件、所述脏块组件以及位于所述活动块组件以及所述脏块组件之间的全部块组件均作为目标块组件加入至所述目标块组件集合中。
2.根据权利要求1所述的方法,其特征在于,所述拖拽关联事件的类型包括:触摸事件、拖拽事件或者释放事件;
所述显示属性参数包括下述至少一项:位置数据、样式、状态信息以及默认属性。
3.根据权利要求1所述的方法,其特征在于,所述层组件根据所述拖拽关联事件的类型以及所述活动块组件,获取所述目标块组件集合,包括:
所述层组件如果确定所述拖拽关联事件为触摸事件或者释放事件,则仅将所述活动块组件作为目标块组件加入至所述目标块组件集合中。
4.根据权利要求1所述的方法,其特征在于,在所述层组件通过所述回调函数将所述显示属性参数发送至所述目标块组件集合中对应的目标块组件之后,还包括:
所述层组件判断所述目标块组件集合中是否包括关联用户业务的用户定义块组件;
若是,则所述层组件通过所述回调函数将所述用户业务发送至对应的用户定义块组件,以使所述用户定义块组件的业务组件执行所述用户业务。
5.一种块组件的渲染装置,其特征在于,包括:
目标块组件集合获取模块,用于层组件在检测到拖拽关联事件时,获取与所述拖拽关联事件匹配的目标块组件集合;
目标块组件集合获取模块,包括:
活动块组件获取单元,用于层组件在检测到拖拽关联事件时,获取拖拽关联事件的事件作用块组件作为活动块组件;
目标块组件集合获取单元,用于层组件根据拖拽关联事件的类型以及活动块组件,获取目标块组件集合;
其中,在层组件内部预先添加有多个块组件,所述层组件通过回调函数与内部的各块组件进行数据交互;在块组件内部预先添加有关联的业务组件,所述业务组件用于完成对关联的块组件的渲染显示;
显示属性参数确定模块,用于所述层组件确定与所述目标块组件集合中至少一个目标块组件对应的显示属性参数;
目标块组件渲染显示模块,用于所述层组件通过所述回调函数将所述显示属性参数发送至所述目标块组件集合中对应的目标块组件,以使所述目标块组件中的业务组件根据所述显示属性参数对所述目标块组件进行渲染显示;
目标块组件集合获取单元,具体用于:
层组件如果确定拖拽关联事件为拖拽事件,则获取活动块组件的位置数据;
层组件选取当前显示界面中距离活动块组件最近的一个块组件作为脏块组件;
层组件将活动块组件、脏块组件以及位于活动块组件以及脏块组件之间的全部块组件均作为目标块组件加入至目标块组件集合中。
6.根据权利要求5所述的装置,其特征在于:所述拖拽关联事件的类型包括:触摸事件、拖拽事件或者释放事件;
所述显示属性参数包括下述至少一项:位置数据、样式、状态信息以及默认属性。
7.一种计算机设备,其特征在于,所述计算机设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-4中任一所述的块组件的渲染方法。
8.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-4中任一所述的块组件的渲染方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811367207.7A CN109508221B (zh) | 2018-11-16 | 2018-11-16 | 一种块组件的渲染方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811367207.7A CN109508221B (zh) | 2018-11-16 | 2018-11-16 | 一种块组件的渲染方法、装置、设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109508221A CN109508221A (zh) | 2019-03-22 |
CN109508221B true CN109508221B (zh) | 2019-12-03 |
Family
ID=65748810
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811367207.7A Active CN109508221B (zh) | 2018-11-16 | 2018-11-16 | 一种块组件的渲染方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109508221B (zh) |
Families Citing this family (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112118463A (zh) * | 2019-06-21 | 2020-12-22 | 广州虎牙科技有限公司 | 一种信息处理方法、云平台及信息处理系统 |
CN112230907B (zh) * | 2019-07-15 | 2023-09-15 | 腾讯科技(深圳)有限公司 | 程序生成方法、装置、终端及存储介质 |
CN110489250A (zh) * | 2019-08-26 | 2019-11-22 | 携程计算机技术(上海)有限公司 | 基于事件的可配置化的执行操作方法及系统 |
CN110716789A (zh) * | 2019-09-12 | 2020-01-21 | 北京大米科技有限公司 | 数据配置方法、可读存储介质和电子设备 |
CN112035105A (zh) * | 2020-09-16 | 2020-12-04 | 北京思明启创科技有限公司 | 可视化区域的渲染方法、装置、设备和存储介质 |
CN113181657B (zh) * | 2021-04-30 | 2024-04-05 | 北京读我网络技术有限公司 | 一种跨平台渲染方法及装置 |
CN114911387B (zh) * | 2022-01-13 | 2023-07-28 | 北京网界科技有限公司 | 数据处理系统及其方法 |
CN114625366A (zh) * | 2022-03-11 | 2022-06-14 | 北京金堤科技有限公司 | 一种页面编辑方法、装置、存储介质和电子设备 |
CN114995942B (zh) * | 2022-07-29 | 2022-10-28 | 北京永洪商智科技有限公司 | 商业智能仪表盘组件的样式自动生成方法及相关装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101924775A (zh) * | 2010-09-08 | 2010-12-22 | 北京大学 | 一种Android应用构件的透明加载方法及系统 |
CN102033710A (zh) * | 2010-04-07 | 2011-04-27 | 苹果公司 | 用于管理文件夹的方法和相关设备 |
CN102902448A (zh) * | 2011-07-26 | 2013-01-30 | 汉王科技股份有限公司 | 桌面图标移动方法和终端 |
CN105094550A (zh) * | 2015-07-22 | 2015-11-25 | 北京元心科技有限公司 | 一种桌面图标的移动操作方法及装置 |
-
2018
- 2018-11-16 CN CN201811367207.7A patent/CN109508221B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102033710A (zh) * | 2010-04-07 | 2011-04-27 | 苹果公司 | 用于管理文件夹的方法和相关设备 |
CN101924775A (zh) * | 2010-09-08 | 2010-12-22 | 北京大学 | 一种Android应用构件的透明加载方法及系统 |
CN102902448A (zh) * | 2011-07-26 | 2013-01-30 | 汉王科技股份有限公司 | 桌面图标移动方法和终端 |
CN105094550A (zh) * | 2015-07-22 | 2015-11-25 | 北京元心科技有限公司 | 一种桌面图标的移动操作方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN109508221A (zh) | 2019-03-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109508221B (zh) | 一种块组件的渲染方法、装置、设备及存储介质 | |
US9946514B1 (en) | Systems and methods for generating functional application designs | |
CN110366759B (zh) | 用神经网络诊断疾病的系统及其方法 | |
CN107908336B (zh) | 列表控件的刷新方法、装置、存储介质及终端 | |
US10810113B2 (en) | Method and apparatus for creating reference images for an automated test of software with a graphical user interface | |
CN106936871A (zh) | 界面展示数据的方法及装置 | |
CN105683908A (zh) | 知晓上下文的用户界面部分 | |
CN107451040A (zh) | 故障原因的定位方法、装置及计算机可读存储介质 | |
CN109409971A (zh) | 异常订单处理方法及装置 | |
CN109840205A (zh) | 应用程序测试方法、装置、可读存储介质及终端设备 | |
CN109508298B (zh) | 图形化的脚本测试方法及系统 | |
CN110032519A (zh) | 云函数调试方法、装置、计算机设备及存储介质 | |
CN108255702A (zh) | 一种测试用例创建方法、装置、设备及存储介质 | |
CN112446725B (zh) | 信息处理方法、系统、信息服务器和信息展现客户端 | |
Wang et al. | Using rationale to support pattern-based architectural design | |
CN105630506B (zh) | 一种单据和单据模板的生成方法及相关装置 | |
CN106227667A (zh) | 一种基于扩展的ifml的移动应用的测试用例生成方法 | |
CN109857910A (zh) | Xml文件的生成方法、装置、计算机设备及存储介质 | |
CN114089999A (zh) | 一种前端页面生成方法及系统 | |
US11514693B2 (en) | Model-based image labeling and/or segmentation | |
CN109782925B (zh) | 一种处理方法、装置及电子设备 | |
CN107368304A (zh) | 桌面快捷方式的创建方法、终端及存储介质 | |
CN113312104A (zh) | 一种基于小程序的广告转化方法和系统 | |
CN113409280A (zh) | 医学影像的处理方法、标注方法和电子设备 | |
CN109885475A (zh) | 页面转化率计算方法、装置、计算机设备及存储介质 |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right | ||
TR01 | Transfer of patent right |
Effective date of registration: 20211015 Address after: 215000 12F, friendship time building, No. 68, Qitai Road, Suzhou Industrial Park, Suzhou area, China (Jiangsu) pilot Free Trade Zone, Suzhou, Jiangsu Patentee after: SUZHOU QINYOU NETWORK TECHNOLOGY Co.,Ltd. Address before: 215006 building 22, Suhua science and Technology Park, 208 Tongyuan Road, Suzhou Industrial Park, Suzhou City, Jiangsu Province Patentee before: SUZHJOU GAME FRIEND NETWORK TECHNOLOGY Co.,Ltd. |