CN111198739B - 一种应用视图的渲染方法、装置、设备和存储介质 - Google Patents
一种应用视图的渲染方法、装置、设备和存储介质 Download PDFInfo
- Publication number
- CN111198739B CN111198739B CN201911389946.0A CN201911389946A CN111198739B CN 111198739 B CN111198739 B CN 111198739B CN 201911389946 A CN201911389946 A CN 201911389946A CN 111198739 B CN111198739 B CN 111198739B
- Authority
- CN
- China
- Prior art keywords
- application
- sub
- view
- rendering
- instance
- 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
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Image Generation (AREA)
Abstract
本发明实施例公开了一种应用视图的渲染方法、装置、设备和存储介质。其中,该方法包括:通过主应用下的子应用管理器实例生成各应用视图对应的子应用实例;在主应用下的共享画布内为各子应用实例分配对应的渲染区域;如果检测到目标应用视图的显示请求,则将目标应用视图对应的子应用实例的渲染区域匹配到目标应用视图的屏幕显示区域上,并运行目标应用视图对应的子应用实例,以渲染目标应用视图。本发明实施例提供的技术方案,保证子应用管理器实例能够同时管理多个子应用,使得不同子应用共享在同一个主应用的代码运行环境下,实现不同子应用之间的资源共享,降低不同子应用的内存占用,同时提高应用视图的渲染灵活性。
Description
技术领域
本发明实施例涉及互联网页面显示技术领域,尤其涉及一种应用视图的渲染方法、装置、设备和存储介质。
背景技术
目前,由于互联网下的各类宿主应用中均包含有多种显示该应用下各类内容的界面视图,例如某一直播软件中的直播视图或者会话软件中的会话界面等,此时可以设定每一视图对应为一个子应用,则需要在宿主应用中嵌入开发多种子应用。
现有技术中,通常采用Flutter技术将面向子应用开发的主应用嵌入到宿主应用中,需要添加多种Flutter视图到目标应用界面,此时如图1所示,每一主应用专门开发一个子应用,使得每一子应用对应一个独立的代码运行环境,在宿主应用中拥有独立的资源占用,例如每一子应用具备独立的图片缓存、单例或线程等运行组件,不同子应用的资源不能被共享使用,导致嵌入宿主应用后的内存占用过大。
发明内容
本发明实施例提供了一种应用视图的渲染方法、装置、设备和存储介质,实现不同子应用的资源共享,提高应用视图的渲染灵活性。
第一方面,本发明实施例提供了一种应用视图的渲染方法,该方法包括:
通过主应用下的子应用管理器实例生成各应用视图对应的子应用实例;
在所述主应用下的共享画布内为各所述子应用实例分配对应的渲染区域;
如果检测到目标应用视图的显示请求,则将所述目标应用视图对应的子应用实例的渲染区域匹配到所述目标应用视图的屏幕显示区域上,并运行所述目标应用视图对应的子应用实例,以渲染所述目标应用视图。
第二方面,本发明实施例提供了一种应用视图的渲染装置,该装置包括:
子应用生成模块,用于通过主应用下的子应用管理器实例生成各应用视图对应的子应用实例;
渲染区域分配模块,用于在所述主应用下的共享画布内为各所述子应用实例分配对应的渲染区域;
视图渲染模块,用于如果检测到目标应用视图的显示请求,则将所述目标应用视图对应的子应用实例的渲染区域匹配到所述目标应用视图的屏幕显示区域上,并运行所述目标应用视图对应的子应用实例,以渲染所述目标应用视图。
第三方面,本发明实施例提供了一种设备,该设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本发明任意实施例所述的应用视图的渲染方法。
第四方面,本发明实施例提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现本发明任意实施例所述的应用视图的渲染方法。
本发明实施例提供的一种应用视图的渲染方法、装置、设备和存储介质,在主应用下预先创建对应的子应用管理器实例,通过该子应用管理器实例生成各个应用视图对应的子应用实例,保证该子应用管理器实例能够同时管理多个子应用,并在该主应用下的共享画布内为各个子应用实例分配对应的渲染区域,使得不同子应用共享在同一个主应用的代码运行环境下,实现不同子应用之间的资源共享,降低不同子应用的内存占用,同时在屏幕界面显示目标应用视图时,仅需将该目标应用视图在共享画布上对应的渲染区域与该目标应用视图的屏幕显示区域进行匹配即可,提高应用视图的渲染灵活性。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本发明的其它特征、目的和优点将会变得更明显:
图1为现有技术中宿主应用对多个子应用的开发过程的原理示意图;
图2A为本发明实施例一提供的一种应用视图的渲染方法的流程图;
图2B为本发明实施例一提供的应用视图的渲染过程的原理示意图;
图3A为本发明实施例二提供的一种应用视图的渲染方法的流程图;
图3B为本发明实施例二提供的方法中对所生成的子应用实例进行相关监听操作的原理示意图;
图4A为本发明实施例三提供的应用视图的渲染方法的流程图;
图4B为本发明实施例三提供的方法中子应用实例的渲染区域与屏幕显示区域的匹配过程的原理示意图;
图5为本发明实施例四提供的一种应用视图的渲染装置的结构示意图;
图6为本发明实施例五提供的一种设备的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。此外,在不冲突的情况下,本发明中的实施例及实施例中的特征可以相互组合。
实施例一
图2A为本发明实施例一提供的一种应用视图的渲染方法的流程图,本实施例可适用于任一种在宿主应用中开发多种应用视图并进行渲染的情况中。本实施例提供的一种应用视图的渲染方法可以由本发明实施例提供的应用视图的渲染装置来执行,该装置可以通过软件和/或硬件的方式来实现,并集成在执行本方法的设备中,该设备可以是配置有宿主应用的终端等。
具体的,参考图2A,该方法可以包括如下步骤:
S110,通过主应用下的子应用管理器实例生成各应用视图对应的子应用实例。
具体的,由于互联网下的各类宿主应用中均包含有多种显示该应用下各类内容的界面视图,宿主应用为基于iOS/Android技术所开发的原生应用本身,例如直播软件或会话软件等各类应用程序(Application,App),因此需要在宿主应用中开发多种用于显示各类应用内容下的应用视图,例如宿主应用中展示某类内容的页面可以是一个应用视图,或者一个页面中展示不同内容的多个信息窗口也可以是该页面中的多个应用视图;本实施例中设定每一应用视图对应一个子应用,此时为了保证不同子应用的资源共享,可以通过同一个代码运行环境下来分别设置各个应用视图,因此本实施例会采用一个代码运行环境下的主应用来实现多种应用视图的开发,后续直接将该主应用嵌入到宿主应用中,实现宿主应用中不同应用视图的开发。
可选的,对于共享同一个代码运行环境的前提,是需要将多种应用视图运行在同一个代码运行环境中,此时如图2B所示,本实施例可以在该主应用下创建对应的子应用管理器,来同时管理多种应用视图对应的子应用,并生成对应的子应用管理器实例,通过该子应用管理器实例来检测该主应用下所参与开发的各个应用视图,并根据对各个应用视图所设定的视图要求生成对应的子应用实例。
示例性的,本实施例中通过主应用下的子应用管理器实例生成各应用视图对应的子应用实例,可以具体包括:如果通过子应用管理器实例监听到应用视图的创建事件,则根据创建事件中携带的视图属性参数生成应用视图对应的子应用实例。
具体的,为了共享在同一代码运行环境下,本实施例可以在主应用中创建对应的子应用管理器实例,通过该子应用管理器实例实时监听该主应用下所参与开发的各个应用视图的任意操作事件,如果开发人员在该主应用下开发某一应用视图时,通过子应用管理器实例能够监听到该应用视图的创建事件,该创建事件中会携带开发人员对该应用视图的开发要求,本实施例中通过视图属性参数来表示,此时该子应用管理器实例可以解析出该应用视图的创建事件中所携带的视图属性参数,进而依据该视图属性参数生成对应的子应用实例,该视图属性参数中可以包括该应用视图的标识信息。
S120,在主应用下的共享画布内为各子应用实例分配对应的渲染区域。
具体的,由于现有技术中每个子应用通常通过创建属于自身上下文的画布,并在该画布上执行自身的上下文设计操作,从而得到该子应用的相关界面设计,此时不同子应用在对应画布上的上下文是分离的,例如子应用A创建的画布,不支持子应用B在其中进行操作;因此,本实施例在通过主应用中的子应用管理器实例管理多个不同子应用的基础上,在该主应用下可以预先创建一个对应的共享画布,在该共享画布上的不同区域分别执行不同子应用的上下文设计操作,进而实现不同子应用共享在同一代码运行环境下,此时该共享画布是一个离屏渲染的画布,不对用户可见,后续需要借助共享画布将各个子应用的上下文绘制到对应的屏幕显示下,生成最终用户可见的界面。
可选的,在通过子应用管理器实例依次生成各个应用视图对应的子应用实例后,为了共享在同一代码运行环境下来设计各个子应用的上下文,本实施例可以在主应用下的共享画布中每次生成的子应用实例分配对应的渲染区域,每一子应用实例仅允许在该子应用对应的渲染区域内执行自身的上下文设计操作,从而实现不同子应用在同一共享画布上的资源共享。
示例性的,如图2B所示,本实施例中在主应用下的共享画布内为各子应用实例分配对应的渲染区域,可以具体包括:分别按照各子应用实例对应的应用视图规格,在主应用下的共享画布内为该子应用实例分配对应的渲染区域。
具体的,对于依次生成的每一子应用实例,首先确定该子应用实例对应的应用视图,并解析出该应用视图的宽和高等各个应用视图规格,进而在主应用下的共享画布内为该子应用实例分配出一个特定的与该子应用实例对应的应用视图规格相匹配的渲染区域;此时,各个子应用实例在共享画布内的渲染区域可以是平铺排列的,例如本实施例可以使用Stack组件实现不同子应用实例的渲染区域在共享画布内的排列。
需要说明的是,为了保证各个子应用实例在共享画布内的渲染区域之间最大匹配排列度,本实施例可以采用雪碧图(CSS Sprite图像合并技术)的方式在共享画布内对各个子应用实例的渲染区域的位置进行排列。
S130,如果检测到目标应用视图的显示请求,则将目标应用视图对应的子应用实例的渲染区域匹配到目标应用视图的屏幕显示区域上,并运行目标应用视图对应的子应用实例,以渲染目标应用视图。
可选的,由于本实施例中的共享画布是一个离屏渲染的画布,不对用户可见,后续宿主应用在屏幕上显示某一应用视图时,则需要将借助共享画布将该应用视图对应的子应用的上下文绘制到对应的显示屏幕下。
具体的,通过检测用户作用在宿主应用的终端屏幕上指示具体显示哪一应用视图的触发操作,例如页面跳转操作或者页面滑动操作等,实时解析当前屏幕上需要显示的目标应用视图,此时可以检测到该目标应用视图的显示请求,由宿主应用通知主应用本次需要显示的目标应用视图,进而查找出预先在共享画布中为该目标应用视图对应的子应用实例所分配的渲染区域,以及该目标应用视图在显示界面上的屏幕显示区域,后续对该目标应用视图对应的子应用实例在共享画布内的渲染区域和该目标应用视图的屏幕显示区域进行区域重合匹配,同时在该目标应用视图对应的子应用实例的渲染区域能够匹配到该目标应用视图的屏幕显示区域上之后,及时运行该目标应用视图对应的子应用实例,以便在该渲染区域内展示该目标应用视图的设计样式以及对应的上下文内容,此时也能够在该屏幕显示区域上进行该目标应用视图下的相应内容和样式展示,从而在显示界面上渲染出该目标应用视图,此时仅需要该目标应用视图对应的子应用实例在共享画布上对应的渲染区域与该目标应用视图的屏幕显示区域进行匹配即可,无需执行其他的额外渲染操作,提高应用视图的渲染灵活性。
本实施例提供的技术方案,在主应用下预先创建对应的子应用管理器实例,通过该子应用管理器实例生成各个应用视图对应的子应用实例,保证该子应用管理器实例能够同时管理多个子应用,并在该主应用下的共享画布内为各个子应用实例分配对应的渲染区域,使得不同子应用共享在同一个主应用的代码运行环境下,实现不同子应用之间的资源共享,降低不同子应用的内存占用,同时在屏幕界面显示目标应用视图时,仅需将该目标应用视图在共享画布上对应的渲染区域与该目标应用视图的屏幕显示区域进行匹配即可,提高应用视图的渲染灵活性。
实施例二
图3A为本发明实施例二提供的一种应用视图的渲染方法的流程图,图3B为本发明实施例二提供的方法中对所生成的子应用实例进行相关监听操作的原理示意图。本实施例是在上述实施例的基础上进行优化。具体的,如图3A所示,本实施例中对于应用视图的渲染过程中所包含的其他子应用操作过程进行详细的解释说明。
可选的,如图3A所示,本实施例中可以包括如下步骤:
S210,通过主应用创建可动态调整属性的共享画布。
可选的,为了使不同子应用共享在同一代码运行环境下,本实施例可以预先通过主应用创建一个可动态调整属性的共享画布,在该共享画布上的不同区域分别执行不同子应用的上下文设计操作,并保证该共享画布的属性大小可以根据宿主应用中需要开发的各个子应用的规格大小进行相应的动态调整,以节省共享画布所占用的内存大小。此时,主应用下的共享画布和子应用管理器实例均可以在主应用中开发各个子应用之前进行预先创建,以便在后续直接使用,从而保证在主应用中开发各个子应用的便捷性。
示例性的,为了使共享画布的面积最小,本实施例中后续可以采用雪碧图的方式在共享画布内为各个应用视图对应的子应用实例分配对应的渲染区域。
S220,如果通过子应用管理器实例监听到应用视图的创建事件,则根据创建事件中携带的视图属性参数生成该应用视图对应的子应用实例。
S230,如果通过子应用管理器实例监听到应用视图的更新事件,则根据更新事件中携带的视图更新参数更新该应用视图对应的子应用实例。
具体的,在通过主应用下的子应用管理器实例所监听到的各个应用视图的创建事件,依次生成各个应用视图对应的子应用实例后,本实施例还可以通过该子应用管理器实例实时监听已生成子应用实例的各个应用视图的更新事件,如图3B所示,其中该更新事件可以携带本次待更新的应用视图中相应的视图更新参数,在通过子应用管理器实例监听到某一应用视图的更新事件时,可以按照该更新事件中携带的视图更新参数对该应用视图对应的子应用实例进行相应更新,保证主应用下开发的各个子应用实例的准确性。
S240,如果通过子应用管理器实例监听到应用视图的销毁事件,则销毁该应用视图对应的子应用实例。
具体的,在通过主应用下的子应用管理器实例所监听到的各个应用视图的创建事件,依次生成各个应用视图对应的子应用实例后,由于主应用下可能不再需要开发某一应用视图下的子应用实例,此时会需要从主应用中销毁已开发的该应用视图对应的子应用实例,因此本实施例还会通过子应用管理器实例实时监听已生成子应用实例的各个应用视图的销毁事件,如图3B所示,该销毁事件中可以携带本次待销毁的应用视图的标识信息,在通过子应用管理器实例监听到某一应用视图的销毁事件时,可以根据该销毁事件中携带的标识信息,从已生成的全部子应用实例中查找出该应用视图对应的子应用实例,并进行销毁,从而保证主应用开发的准确性。
S250,通过子应用管理器实例中的链表记录各应用视图与对应的子应用实例之间的匹配关系。
可选的,本实施例在通过子应用管理器实例生成各个应用视图对应的子应用实例后,为了便于后续根据某一应用视图的更新或销毁事件,对该应用视图对应的子应用实例进行对应的更新或销毁操作,可以直接在子应用管理器实例中的链表中记录每一应用视图与该应用视图对应的子应用实例之间的匹配关系,此时可以通过对每一应用视图与该应用视图对应的子应用实例设定相同的标识信息在链表中记录。
S260,分别按照各子应用实例对应的应用视图规格,在主应用下的共享画布内为该子应用实例分配对应的渲染区域。
需要说明的是,本实施例在步骤S220中生成各个应用视图对应的子应用实例之后,可以直接执行S260,在共享画布内为各个应用视图对应的子应用实例分配渲染区域,此时对于S230中的更新事件和S240中的销毁事件,可以在生成该应用视图对应的子应用实例后的后续过程中通过子应用管理器实例进行实时监听,S260可以在S230和S240之前或之后执行,也可以同时执行,不存在对应的执行先后顺序。
S270,如果检测到目标应用视图的显示请求,则将目标应用视图对应的子应用实例的渲染区域匹配到目标应用视图的屏幕显示区域上,并运行目标应用视图对应的子应用实例,以渲染目标应用视图。
本实施例提供的技术方案,在主应用下预先创建对应的子应用管理器实例,通过该子应用管理器实例生成各个应用视图对应的子应用实例,保证该子应用管理器实例能够同时管理多个子应用,而且通过子应用管理器实例对已生成子应用实例的各个应用视图的各项事件进行实时监听,保证主应用下开发的各个子应用的准确性,并在该主应用下的共享画布内为各个子应用实例分配对应的渲染区域,使得不同子应用共享在同一个主应用的代码运行环境下,实现不同子应用之间的资源共享,降低不同子应用的内存占用,同时在屏幕界面显示目标应用视图时,仅需将该目标应用视图在共享画布上对应的渲染区域与该目标应用视图的屏幕显示区域进行匹配即可,提高应用视图的渲染灵活性。
实施例三
图4A为本发明实施例三提供的应用视图的渲染方法的流程图,图4B为本发明实施例三提供的方法中子应用实例的渲染区域与屏幕显示区域的匹配过程的原理示意图。本实施例是在上述实施例的基础上进行优化。具体的,本发明实施例中采用两种方式生成待渲染页面的页面项目实例,进而执行不同的页面渲染过程,本实施例中对于按照待渲染页面的访问请求中的项目标识来实现页面渲染的具体过程进行详细的解释说明。
可选的,如图4A所示,本实施例中可以包括如下步骤:
S310,通过主应用下的子应用管理器实例生成各应用视图对应的子应用实例。
S320,在主应用下的共享画布内为各子应用实例分配对应的渲染区域。
S330,将主应用嵌入指定的宿主应用中。
具体的,在通过主应用下的子应用管理器实例和共享画布设计出宿主应用指定开发的各个应用视图对应的子应用实例后,本实施例还可以将该主应用嵌入到开发指定的宿主应用中,以便在宿主应用上实现各个子应用实例的功能。
S340,通过主应用将各应用视图对应的子应用实例在共享画布内的渲染区域的位置坐标回传给宿主应用。
可选的,为了便于宿主应用及时获知各个应用视图对应的子应用实例在共享画布中的实际渲染位置,本实施例在将主应用嵌入到宿主应用中后,还可以通过该主应用将在共享画布内为已开发的各个应用视图对应的子应用实例所分配的对应渲染区域相对于该共享画布的位置坐标回传给该宿主应用,便于该宿主应用后续对每一应用视图对应的子应用实例在共享画布内的渲染区域与实际的屏幕显示区域匹配,保证应用视图渲染的准确性。
S350,如果检测到目标应用视图的显示请求,则确定目标应用视图在宿主应用上的屏幕显示区域。
可选的,本实施例可以通过宿主应用实时检测当前时刻下请求显示的应用视图,如果根据用户在宿主应用的屏幕界面上执行得触发操作,检测到某一应用视图的显示请求,则该应用视图为本实施例中的目标应用视图,同时确定该目标应用视图在宿主应用的整体屏幕界面上的屏幕显示区域,后续对该目标应用视图对应的子应用实例在共享画布上的渲染区域与该屏幕显示区域进行匹配,从而保证应用视图渲染的准确性。
S360,按照目标应用视图对应的子应用实例的渲染区域与屏幕显示区域之间的区域重合差异度,在宿主应用上移动共享画布,直至该渲染区域与屏幕显示区域重合。
具体的,本实施例对目标应用视图对应的子应用实例的渲染区域与目标应用视图的屏幕显示区域进行匹配时,首先可以通过在宿主应用中回传的该目标应用视图对应的子应用实例的渲染区域的位置坐标以及该屏幕显示区域的位置坐标,分析该渲染区域与该屏幕显示区域之间的区域重合差异度,并按照该区域重合差异度在宿主应用上对应移动该共享画布,以改变该渲染区域的位置坐标,直至该渲染区域与屏幕显示区域重合。
示例性的,如图4B所示,若共享画布内分别分配有子应用A、子应用B和子应用C的渲染区域,此时子应用C为目标应用视图对应的子应用实例,且在共享画布内为子应用C分配的渲染区域中的顶点坐标为(0,120),而子应用C在宿主应用的屏幕界面中的屏幕显示区域中的顶点坐标为(0,0),此时可以在宿主应用中按照位移(0,-120)来移动共享画布,使得子应用C在共享画布内的渲染区域与对应的屏幕显示区域重合,后续在该渲染区域运行子应用C下的子应用实例时,能够在该屏幕显示区域内直接显示对应的渲染内容。
S370,遮罩共享画布中除目标应用视图之外的其他应用视图对应的子应用实例的渲染区域。
可选的,为了保证屏幕显示内容的准确性,本实施例在宿主应用上移动共享画布,使得目标应用视图对应的子应用实例的渲染区域与该目标应用视图屏幕显示区域重合后,如图4B所示,还会在遮罩除该目标应用视图之外的其他应用视图对应的子应用实例在该共享画布中所分配的渲染区域,避免其他应用视图的内容在屏幕上显示。
S380,运行目标应用视图对应的子应用实例,以渲染目标应用视图。
S390,如果通过宿主应用检测到目标应用视图的触摸事件,则按照目标应用视图对应的子应用实例的渲染区域与屏幕显示区域之间的区域重合差异度,确定触摸事件在共享画布下的实际触摸位置。
可选的,由于在宿主应用中渲染出目标应用视图显示给用户后,用户可能对该目标应用视图中配置的某项控件进行触发,例如用户点击直播软件中在目标应用视图对应的直播页面中的播放按钮等,因此本实施例可以通过宿主应用实时检测当前渲染后的目标应用视图中用户作用的触摸事件,在检测到某一触摸事件后,可以分析该触摸事件中指示的用户在该目标应用视图的屏幕显示区域的触摸位置坐标,进而按照目标应用视图对应的子应用实例在共享画布内的渲染区域与屏幕显示区域之间的区域重合差异度,对该触摸事件中的触摸位置坐标进行变换,得到该触摸事件在共享画布下的实际触摸位置,并回传给主应用进行分发,由主应用在共享画布内查找出用户实际触摸的位置,进而执行相应的触摸反馈,保证触摸反馈的准确性。
本实施例提供的技术方案,在主应用下预先创建对应的子应用管理器实例,通过该子应用管理器实例生成各个应用视图对应的子应用实例,保证该子应用管理器实例能够同时管理多个子应用,并在该主应用下的共享画布内为各个子应用实例分配对应的渲染区域,使得不同子应用共享在同一个主应用的代码运行环境下,实现不同子应用之间的资源共享,降低不同子应用的内存占用,同时在屏幕界面显示目标应用视图时,通过该目标应用视图在共享画布上对应的渲染区域与该目标应用视图的屏幕显示区域之间的区域重合差异度进行匹配,提高应用视图的渲染灵活性。
实施例四
图5为本发明实施例四提供的一种应用视图的渲染装置的结构示意图,具体的,如图5所示,该装置可以包括:
子应用生成模块410,用于通过主应用下的子应用管理器实例生成各应用视图对应的子应用实例;
渲染区域分配模块420,用于在主应用下的共享画布内为各子应用实例分配对应的渲染区域;
视图渲染模块430,用于如果检测到目标应用视图的显示请求,则将目标应用视图对应的子应用实例的渲染区域匹配到目标应用视图的屏幕显示区域上,并运行目标应用视图对应的子应用实例,以渲染目标应用视图。
本实施例提供的技术方案,在主应用下预先创建对应的子应用管理器实例,通过该子应用管理器实例生成各个应用视图对应的子应用实例,保证该子应用管理器实例能够同时管理多个子应用,并在该主应用下的共享画布内为各个子应用实例分配对应的渲染区域,使得不同子应用共享在同一个主应用的代码运行环境下,实现不同子应用之间的资源共享,降低不同子应用的内存占用,同时在屏幕界面显示目标应用视图时,仅需将该目标应用视图在共享画布上对应的渲染区域与该目标应用视图的屏幕显示区域进行匹配即可,提高应用视图的渲染灵活性。
进一步的,上述渲染区域分配模块420,可以具体用于:
分别按照各子应用实例对应的应用视图规格,在主应用下的共享画布内为该子应用实例分配对应的渲染区域。
进一步的,上述应用视图的渲染装置,还可以包括:
共享画布创建模块,用于通过主应用创建可动态调整属性的共享画布。
进一步的,上述子应用生成模块410,可以具体用于:
如果通过子应用管理器实例监听到应用视图的创建事件,则根据创建事件中携带的视图属性参数生成应用视图对应的子应用实例。
进一步的,上述应用视图的渲染装置,还可以包括:
子应用更新模块,用于如果通过子应用管理器实例监听到应用视图的更新事件,则根据更新事件中携带的视图更新参数更新应用视图对应的子应用实例。
进一步的,上述应用视图的渲染装置,还可以包括:
子应用销毁模块,用于如果通过子应用管理器实例监听到应用视图的销毁事件,则销毁应用视图对应的子应用实例。
进一步的,上述应用视图的渲染装置,还可以包括:
匹配记录模块,用于通过子应用管理器实例中的链表记录各应用视图与对应的子应用实例之间的匹配关系。
进一步的,上述应用视图的渲染装置,还可以包括:
应用嵌入模块,用于将主应用嵌入指定的宿主应用中。
相应的,上述视图渲染模块430,可以具体用于:
确定目标应用视图在宿主应用上的屏幕显示区域;
按照目标应用视图对应的子应用实例的渲染区域与屏幕显示区域之间的区域重合差异度,在宿主应用上移动共享画布,直至该渲染区域与屏幕显示区域重合。
进一步的,上述应用视图的渲染装置,还可以包括:
区域位置回传模块,用于通过主应用将各应用视图对应的子应用实例在共享画布内的渲染区域的位置坐标回传给宿主应用。
进一步的,上述应用视图的渲染装置,还可以包括:
其他区域遮罩模块,用于遮罩共享画布中除目标应用视图之外的其他应用视图对应的子应用实例的渲染区域。
进一步的,上述应用视图的渲染装置,还可以包括:
触摸模块,用于如果通过宿主应用检测到目标应用视图的触摸事件,则按照目标应用视图对应的子应用实例的渲染区域与屏幕显示区域之间的区域重合差异度,确定触摸事件在共享画布下的实际触摸位置。
本实施例提供的应用视图的渲染装置可适用于上述任意实施例提供的应用视图的渲染方法,具备相应的功能和有益效果。
实施例五
图6为本发明实施例五提供的一种设备的结构示意图,如图6所示,该设备包括处理器50、存储装置51和通信装置52;设备中处理器50的数量可以是一个或多个,图6中以一个处理器50为例;设备中的处理器50、存储装置51和通信装置52可以通过总线或其他方式连接,图6中以通过总线连接为例。
存储装置51作为一种计算机可读存储介质,可用于存储软件程序、计算机可执行程序以及模块,如本发明任意实施例所述的应用视图的渲染方法对应的程序指令/模块。处理器50通过运行存储在存储装置51中的软件程序、指令以及模块,从而执行设备的各种功能应用以及数据处理,即实现上述应用视图的渲染方法。
存储装置51可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序;存储数据区可存储根据终端的使用所创建的数据等。此外,存储装置51可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中,存储装置51可进一步包括相对于处理器50远程设置的存储器,这些远程存储器可以通过网络连接至渲染服务器。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
通信装置52可用于实现设备间的网络连接或者移动数据连接。
本实施例提供的一种设备可用于执行上述任意实施例提供的应用视图的渲染方法,具备相应的功能和有益效果。
实施例六
本发明实施例六还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时可实现上述任意实施例中的应用视图的渲染方法。
该方法具体可以包括:
通过主应用下的子应用管理器实例生成各应用视图对应的子应用实例;
在主应用下的共享画布内为各子应用实例分配对应的渲染区域;
如果检测到目标应用视图的显示请求,则将目标应用视图对应的子应用实例的渲染区域匹配到目标应用视图的屏幕显示区域上,并运行目标应用视图对应的子应用实例,以渲染目标应用视图。
当然,本发明实施例所提供的一种包含计算机可执行指令的存储介质,其计算机可执行指令不限于如上所述的方法操作,还可以执行本发明任意实施例所提供的应用视图的渲染方法中的相关操作。
通过以上关于实施方式的描述,所属领域的技术人员可以清楚地了解到,本发明可借助软件及必需的通用硬件来实现,当然也可以通过硬件实现,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、闪存(FLASH)、硬盘或光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
值得注意的是,上述应用视图的渲染装置的实施例中,所包括的各个单元和模块只是按照功能逻辑进行划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本发明的保护范围。
以上所述仅为本发明的优选实施例,并不用于限制本发明,对于本领域技术人员而言,本发明可以有各种改动和变化。凡在本发明的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (14)
1.一种应用视图的渲染方法,其特征在于,包括:
通过主应用下的子应用管理器实例生成各应用视图对应的子应用实例;
在所述主应用下的共享画布内为各所述子应用实例分配对应的渲染区域,所述共享画布为离屏渲染的画布,且不对用户可见,所述子应用实例共享在同一代码运行环境下;
如果检测到目标应用视图的显示请求,则将所述目标应用视图对应的子应用实例的渲染区域匹配到所述目标应用视图的屏幕显示区域上,并运行所述目标应用视图对应的子应用实例,以渲染所述目标应用视图。
2.根据权利要求1所述的方法,其特征在于,在所述主应用下的共享画布内为各所述子应用实例分配对应的渲染区域,包括:
分别按照各所述子应用实例对应的应用视图规格,在所述主应用下的共享画布内为该子应用实例分配对应的渲染区域。
3.根据权利要求2所述的方法,其特征在于,在所述主应用下的共享画布内为各所述子应用实例分配对应的渲染区域之前,还包括:
通过所述主应用创建可动态调整属性的共享画布。
4.根据权利要求1所述的方法,其特征在于,通过主应用下的子应用管理器实例生成各应用视图对应的子应用实例,包括:
如果通过所述子应用管理器实例监听到所述应用视图的创建事件,则根据所述创建事件中携带的视图属性参数生成所述应用视图对应的子应用实例。
5.根据权利要求4所述的方法,其特征在于,在通过主应用下的子应用管理器实例生成各应用视图对应的子应用实例之后,还包括:
如果通过所述子应用管理器实例监听到所述应用视图的更新事件,则根据所述更新事件中携带的视图更新参数更新所述应用视图对应的子应用实例。
6.根据权利要求4所述的方法,其特征在于,在通过主应用下的子应用管理器实例生成各应用视图对应的子应用实例之后,还包括:
如果通过所述子应用管理器实例监听到所述应用视图的销毁事件,则销毁所述应用视图对应的子应用实例。
7.根据权利要求4所述的方法,其特征在于,在通过主应用下的子应用管理器实例生成各应用视图对应的子应用实例之后,还包括:
通过所述子应用管理器实例中的链表记录各所述应用视图与对应的子应用实例之间的匹配关系。
8.根据权利要求1-7任一项所述的方法,其特征在于,在所述主应用下的共享画布内为各所述子应用实例分配对应的渲染区域之后,还包括:
将所述主应用嵌入指定的宿主应用中;
相应的,将所述目标应用视图对应的子应用实例的渲染区域匹配到所述目标应用视图的屏幕显示区域上,包括:
确定所述目标应用视图在所述宿主应用上的屏幕显示区域;
按照所述目标应用视图对应的子应用实例的渲染区域与所述屏幕显示区域之间的区域重合差异度,在所述宿主应用上移动所述共享画布,直至该渲染区域与所述屏幕显示区域重合。
9.根据权利要求8所述的方法,其特征在于,在将所述主应用嵌入指定的宿主应用中之后,还包括:
通过所述主应用将各所述应用视图对应的子应用实例在共享画布内的渲染区域的位置坐标回传给所述宿主应用。
10.根据权利要求8所述的方法,其特征在于,在将所述目标应用视图对应的子应用实例的渲染区域映射到所述目标应用视图的屏幕显示区域上之后,还包括:
遮罩所述共享画布中除所述目标应用视图之外的其他应用视图对应的子应用实例的渲染区域。
11.根据权利要求8所述的方法,其特征在于,在渲染所述目标应用视图之后,还包括:
如果通过所述宿主应用检测到所述目标应用视图的触摸事件,则按照所述目标应用视图对应的子应用实例的渲染区域与所述屏幕显示区域之间的区域重合差异度,确定所述触摸事件在所述共享画布下的实际触摸位置。
12.一种应用视图的渲染装置,其特征在于,包括:
子应用生成模块,用于通过主应用下的子应用管理器实例生成各应用视图对应的子应用实例;
渲染区域分配模块,用于在所述主应用下的共享画布内为各所述子应用实例分配对应的渲染区域,所述共享画布为离屏渲染的画布,且不对用户可见,所述子应用实例共享在同一代码运行环境下;
视图渲染模块,用于如果检测到目标应用视图的显示请求,则将所述目标应用视图对应的子应用实例的渲染区域匹配到所述目标应用视图的屏幕显示区域上,并运行所述目标应用视图对应的子应用实例,以渲染所述目标应用视图。
13.一种应用视图的渲染设备,其特征在于,所述设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-11中任一所述的应用视图的渲染方法。
14.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-11中任一所述的应用视图的渲染方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911389946.0A CN111198739B (zh) | 2019-12-30 | 2019-12-30 | 一种应用视图的渲染方法、装置、设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911389946.0A CN111198739B (zh) | 2019-12-30 | 2019-12-30 | 一种应用视图的渲染方法、装置、设备和存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111198739A CN111198739A (zh) | 2020-05-26 |
CN111198739B true CN111198739B (zh) | 2023-08-15 |
Family
ID=70744416
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911389946.0A Active CN111198739B (zh) | 2019-12-30 | 2019-12-30 | 一种应用视图的渲染方法、装置、设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111198739B (zh) |
Families Citing this family (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111753229B (zh) * | 2020-06-10 | 2024-07-09 | 支付宝(杭州)信息技术有限公司 | 一种页面配置方法、装置及设备 |
CN113761412A (zh) * | 2020-09-17 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | 应用页面的显示方法、装置、电子设备、介质及应用系统 |
CN113064676A (zh) * | 2020-12-29 | 2021-07-02 | 上海金融期货信息技术有限公司 | 基于js入口的前端运行时远程组件共享机制的方法 |
CN112804330B (zh) * | 2021-01-14 | 2023-04-18 | 京东科技控股股份有限公司 | 应用通信方法及设备 |
CN112860834A (zh) * | 2021-02-05 | 2021-05-28 | 深圳力维智联技术有限公司 | 一种基于webgis的第三方地图对接装置和方法 |
CN113436344A (zh) * | 2021-06-25 | 2021-09-24 | 广联达科技股份有限公司 | 一种引用视图的显示方法、系统及图像显示设备 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104035804A (zh) * | 2014-06-26 | 2014-09-10 | 北京中电普华信息技术有限公司 | 一种应用集成方法及装置 |
CN107430514A (zh) * | 2016-03-22 | 2017-12-01 | 谷歌公司 | 使用多服务器的低延迟应用 |
CN107479861A (zh) * | 2016-06-07 | 2017-12-15 | 阿里巴巴集团控股有限公司 | 页面处理方法及其系统 |
CN110532044A (zh) * | 2019-08-26 | 2019-12-03 | 锐捷网络股份有限公司 | 一种大数据批处理方法、装置、电子设备及存储介质 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20140040379A (ko) * | 2012-09-26 | 2014-04-03 | 삼성전자주식회사 | 휴대단말기의 어플리케이션 처리 장치 및 방법 |
-
2019
- 2019-12-30 CN CN201911389946.0A patent/CN111198739B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104035804A (zh) * | 2014-06-26 | 2014-09-10 | 北京中电普华信息技术有限公司 | 一种应用集成方法及装置 |
CN107430514A (zh) * | 2016-03-22 | 2017-12-01 | 谷歌公司 | 使用多服务器的低延迟应用 |
CN107479861A (zh) * | 2016-06-07 | 2017-12-15 | 阿里巴巴集团控股有限公司 | 页面处理方法及其系统 |
CN110532044A (zh) * | 2019-08-26 | 2019-12-03 | 锐捷网络股份有限公司 | 一种大数据批处理方法、装置、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111198739A (zh) | 2020-05-26 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111198739B (zh) | 一种应用视图的渲染方法、装置、设备和存储介质 | |
US10817664B2 (en) | Combined synchronous and asynchronous tag deployment | |
US11711670B2 (en) | Method for activating service based on user scenario perception, terminal device, and system | |
TWI529524B (zh) | 應用場景的識別方法、功耗管理方法、裝置及終端設備 | |
EP3399721A1 (en) | Interface data displaying method and device | |
CN104281468A (zh) | 分布式虚拟机图像管理的方法和系统 | |
US20230409182A1 (en) | Rule-based user interface layout rearrangement | |
CN112019820B (zh) | 界面生成方法和装置 | |
CN111506386A (zh) | 虚拟机在线迁移方法、装置、设备及计算机可读存储介质 | |
CN104035683A (zh) | 一种通讯终端分屏多任务交互方法 | |
US20190258534A1 (en) | Message oriented middleware with integrated rules engine | |
CN113032080A (zh) | 页面实现方法、应用程序、电子设备及存储介质 | |
CN111625312A (zh) | 一种app换肤方法、装置、电子设备及存储介质 | |
EP3279795A1 (en) | Method and apparatus for deleting cloud host in cloud computing environment, server and storage medium | |
CN116501512A (zh) | 使用多播的高效多设备同步屏障 | |
US8223158B1 (en) | Method and system for connecting multiple shaders | |
US10733687B2 (en) | Method and apparatus for data communication in virtualized environment, and processor | |
US9058759B2 (en) | Virtual display device drivers compatible with windows display driver model | |
US9535713B2 (en) | Manipulating rules for adding new devices | |
CN111831432B (zh) | Io请求的调度方法、装置、存储介质及电子设备 | |
CN105912394B (zh) | 线程处理方法和系统 | |
CN112612628A (zh) | 一种信息变更通知方法、装置、设备及存储介质 | |
KR20120097947A (ko) | 푸쉬 메시지를 이용한 광고 시스템, 광고 시스템에서 수행되는 광고 방법 및 푸쉬 메시지를 이용한 광고가 가능한 컴퓨팅 장치 | |
CN112434237A (zh) | 页面加载方法、装置、电子设备及存储介质 | |
CN111866065A (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 |