一种残膜回收机防缠绕挑膜装置的制 一种秧草收获机用电力驱动行走机构

页面切换处理方法及其装置、设备、介质、产品与流程

2022-11-13 14:06:04 来源:中国专利 TAG:


1.本技术涉及数据对比技术领域,尤其涉及一种页面切换处理方法及其相应的装置、页面切换处理设备、计算机可读存储介质,以及计算机程序产品。


背景技术:

2.在现有的应用程序中通常具有多个页面载体以加载不同的页面进行显示,用户在使用应用程序时可通过在导航栏或滑动操作选择各页面载体中的某一页面载体,以将其所选定的页面载体的页面显示图形用户界面中浏览相关内容,可以看出,即使页面未在设备的可视图形用户界面中显示,其也已加载至页面载体中,那么大量已加载但不可视的页面将占用设备大量的运行内存,导致设备的系统无法流畅运行,影响用户的使用体验。
3.另外,现有的应用程序在特定的系统中为页面载体加载渲染页面时,若页面中存在表情内容,一般会将存储巨量表情内存的表情库缓存至运行内存中,以提升页面加载速度,但其也将占用设备大量的运行内存导致系统无法流程运行,同样影响用户的使用体验。综上,现有的应用程序对于多页面的显示及加载都存内存占用过多的问题。


技术实现要素:

4.本技术的目的在于解决上述问题而提供一种页面切换处理方法及其相应的装置、页面切换处理设备、计算机可读存储介质,以及计算机程序产品。
5.根据本技术的一个方面,提供一种页面切换处理方法,包括如下步骤:
6.响应于页面切换指令,截取待切换的目标页面载体中的第一目标页面,获取目标页面截图,并销毁所述第一目标页面;
7.响应于页面显示指令,将当前显示页面载体切换为所述目标页面载体,输出所述目标页面截图至该目标页面载体中显示;
8.响应于第一目标页面中包含表情内容时,则从表情库中获取相应的表情内容推送至页面内容渲染流中;
9.基于所述页面内容渲染流生成所述目标页面,将该目标页面输出至所述目标页面载体中显示,并停止显示所述目标页面截图。
10.根据本技术的另一方面,提供一种页面切换处理装置,包括:
11.切换指令响应模块,用于响应于页面切换指令,截取待切换的目标页面载体中的第一目标页面,获取目标页面截图,并销毁所述第一目标页面;
12.显示指令响应模块,用于响应于页面显示指令,将当前显示页面载体切换为所述目标页面载体,输出所述目标页面截图至该目标页面载体中显示;
13.表情内容校验模块,用于响应于第一目标页面中包含表情内容时,则从表情库中获取相应的表情内容推送至页面内容渲染流中;
14.目标页面显示模块,用于基于所述页面内容渲染流生成第二目标页面,将所述第二目标页面输出至所述目标页面载体中显示,并停止显示所述目标页面截图。
15.根据本技术的另一方面,提供一种页面切换处理设备,包括中央处理器和存储器,所述中央处理器用于调用运行存储于所述存储器中的计算机程序以执行本技术所述的页面切换处理方法的步骤。
16.根据本技术的另一方面,提供一种计算机可读存储介质,其以计算机可读指令的形式存储有依据所述的页面切换处理方法所实现的计算机程序,该计算机程序被计算机调用运行时,执行该方法所包括的步骤。
17.根据本技术的另一方面,提供一种计算机程序产品,包括计算机程序/指令,该计算机程序/指令被处理器执行时实现本技术任意一种实施例中所述方法的步骤。
18.相对于现有技术,本技术通过销毁未处于可视区域的页面载体中的页面,以节省未被用户浏览的页面占用的运行内存,当切换可视区域的页面载体时,将销毁移出设备屏幕的可视区域的页面载体中加载的页面,且在销毁页面前,将截取待销毁页面的页面截图,以便所述页面载体重新出现在可视区域时,可先加载所述页面截图至该页面载体中显示,进而通过该页面截图过度所述页面载体的页面加载过程,使得即时页面已被销毁,也可借助页面截图进行视觉代替,使用户无感知页面得加载过程中,防止页面加载时造成的黑屏影响用户的观感,且相较于传统的通过文本通知用户页面正在加载,通过页面截图的方式也可提供更好的视觉体验;可以看出,本技术通过销毁未可视的页面节省设备的运行内存,同时通过页面截图进行视觉替换,使用户无感知重新加载页面的过程,提升用户的使用体验。
19.另外,本技术无需对表情库进行缓存处理,在加载的页面中具有需渲染的表情内容时再从表情库中获取对应的表情内容推送至页面渲染流中,以节省缓存表情库所占用的运行内存,保证应用程序及运行系统的流畅运行,防止表情库占用过多的运行内存导致系统或应用程序发生崩溃,影响用户的使用体验。
附图说明
20.本技术上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中:
21.图1为实施本技术的技术方案相关的一种典型的网络部署架构示意图;
22.图2为本技术的页面切换处理方法的典型实施例的流程示意图;
23.图3为本技术示例性的呈现应用程序中多个页面载体,且该些页面载体均加载显示各自的页面的示例图;
24.图4为本技术示例性的呈现应用程序中当前处于可视区域的页面载体的示例图;
25.图5为本技术示例性的呈现应用程序中当前处于可视区域的另一页面载体的示例图;
26.图6为本技术示例性的呈现将页面截图输出至当前处于可视区域中的页面载体,且此时正在加载该页面载体的页面的示例图;
27.图7为本技术示例性的呈现传统的未完成页面加载的页面载体的示例图;
28.图8为本技术实施例中关于截取目标页面获取目标页面截图,并销毁目标页面的流程示意图;
29.图9为本技术实施例中关于获取目标页面截图输出至目标页面载体中显示的流程
示意图;
30.图10为本技术实施例中关于将获取表情内容推送至页面内容渲染流的流程示意图;
31.图11为本技术实施例中关于完成目标页面载体的目标页面的渲染后,停止目标页面显示的流程示意图;
32.图12为本技术示例性的呈现两个页面载体同时处于可视区域的示例图;
33.图13为本技术实施例中关于处理两个页面载体同时处于可视区域的流程示意图;
34.图14为本技术的页面切换处理装置的典型实施例的原理框图;
35.图15为本技术一个实施例的页面切换处理设备的基本结构框图。
具体实施方式
36.本技术所称的“服务器”,同理也可扩展到适用于服务集群的情况。依据本领域技术人员所理解的网络部署原理,所述各服务器应是逻辑上的划分,在物理空间上,这些服务器既可以是互相独立但可通过接口调用的,也可以是集成到一台物理计算机或一套计算机机群的。本领域技术人员应当理解这一变通,而不应以此约束本技术的网络部署方式的实施方式。
37.本领域技术人员对此应当知晓:本技术的各种方法,虽然基于相同的概念而进行描述而使其彼此间呈现共通性,但是,除非特别说明,否则这些方法都是可以独立执行的。同理,对于本技术所揭示的各个实施例而言,均基于同一发明构思而提出,因此,对于相同表述的概念,以及尽管概念表述不同但仅是为了方便而适当变换的概念,应被等同理解。
38.本技术即将揭示的各个实施例,除非明文指出彼此之间的相互排斥关系,否则,各个实施例所涉的相关技术特征可以交叉结合而灵活构造出新的实施例,只要这种结合不背离本技术的创造精神且可满足现有技术中的需求或解决现有技术中的某方面的不足即可。对此变通,本领域技术人员应当知晓。
39.请参阅图1,本技术相关技术方案实施时所需的硬件基础可按图中所示的架构进行部署。本技术所称服务器80部署在云端,作为一个在线服务器,其可以负责进一步连接起相关数据服务器以及其他提供相关支持的服务器等,以此构成逻辑上相关联的服务机群,来为相关的终端设备例如图中所示的智能手机81和个人计算机82或者第三方服务器(未图示)提供服务。所述的智能手机和个人计算机均可通过公知的网络接入方式接入互联网,与云端的服务器80建立数据通信链路,以便运行所述服务器所提供的服务相关的终端应用程序,例如,智能手机81和个人计算机82一般运行应用程序以显示的页面载体中的页面或页面截图的终端设备,而服务器80可向所述终端设备提供页面载体中的页面显示的页面内容。
40.请参阅图2,本技术的一种页面切换处理方法,在其典型实施例中,其包括如下步骤:
41.步骤s11,响应于页面切换指令,截取待切换的目标页面载体中的第一目标页面,获取目标页面截图,并销毁所述第一目标页面:
42.所述的页面载体用于承接由应用程序所加载的页面进行显示,应用程序一般会具有多个页面载体以承接不同的页面,例如,请参考图3,图3所示的卷轴视图301中具有多个
页面载体,如所示的页面载体302、页面载体303及页面载体304,各所示的页面载体中具有不同的页面,且可通过图3所示的导航栏控件305或响应作用于设备的屏幕的滑动操作事件,切换输出至图3所示的设备屏幕的图形用户界面306中的所示页面载体,进而使图形用户界面中显示对应的页面载体所显示的页面,如图3所示的图形用户界面306中当前显示的页面载体302,设备屏幕的可视区域306当前显示的页面为所示页面载体302所承接的页面。
43.所示的页面切换指令一般由处于当前设备的用户通过图形用户界面中显示的导航栏控件或进行滑屏操作所触发,以将当前设备的图形用户界面中显示的目标页面载体切换为其他页面载体,进而在图形用户界面中显示所述其他页面载体所承接的页面。
44.当前设备响应所述页面切换指令后,将对当前处于图形用户界面中的所述目标页面载体中所显示的第一目标页面进行截图处理,以获取具有所述第一目标页面的图像的所述目标页面截图,具体的,请参考图4,图4中当前处于当前设备的屏幕的图形用户界面的页面载体为所示的页面载体401,当当前设备响应所述页面切换指令后,将对所示页面载体401中显示的页面进行截图处理,获取表征所示页面的图像的页面截图;获取所述的目标页面截图以在后续重新切换至所述目标页面载体后,以便在加载所述目标页面载体中的新的目标页面时,使用所述目标页面截图作为视觉替代,使用户无感新的目标页面的加载过程所导致的黑屏或闪屏。
45.一种实施例中,获取所述目标页面截图后,将获取该目标页面截图的截图标识,将该截图标识存储至所述目标页面载体的页面截图属性中,以将所述目标页面截图与所述目标页面载体相关联,进而提升后续调用所述目标页面截图进行显示的执行效率。
46.获取所述目标页面截图后,当前设备将当前处于图形用户界面中的所述目标页面载体切换为所述页面切换指令后所对应的其他页面载体,以加载显示其他页面载体中的页面,请参考图4及图5,图4为刚打开应用程序时各页面载体的页面加载情况,图4所示的目标页面载体401为打开应用程序时所初始选定的页面载体,当前设备将加载所示目标页面载体401的所述第一目标页面进行显示,而图4所示,所示页面载体402或页面载体403中的页面均未加载,响应所述页面切换指令截取所示目标页面载体401中显示的目标页面获取目标页面截图时,将当前处于图形用户界面404中的目标页面载体401切换未该页面切换指令所对应的其他页面载体,当所述其他页面载体为页面载体402时,则图4将切换为图5,图5中处于图形用户界面的为所示页面载体501,所示页面载体501相对于图4所示的页面载体402,且加载所示页面载体501中所示的页面。
47.截取所述目标页面载体中显示的所述第一目标页面生成所述目标页面截图后,将销毁所述目标页面载体中显示的所述第一目标页面,以节省所述第一目标页面所占用的运行内存,如图5所示,图5所示的页面载体502与图4所示的页面载体401相对应,所示页面载体401被销毁页面后将如所示页面载体502;且在后续重新切换至所述目标页面载体后,可先显示所述目标页面截图作为视觉替代,使用户无感新的目标页面的加载过程所导致的黑屏或闪屏。
48.步骤s12,响应于页面显示指令,将当前显示页面载体切换为所述目标页面载体,输出所述目标页面截图至该目标页面载体中显示:
49.所述的页面显示指令用于加载显示所述页面载体所对应的页面,且所述页面显示指令一般为响应页面切换指令后所触发,即用于加载显示所述页面切换指令所对应的页面
载体的页面,当所述页面显示指令所对应的页面载体为所述目标页面载体时,将当前处于设备屏幕的可视区域的当前显示页面载体切换为所述目标页面载体,并将所述目标页面截图生成至该目标页面载体中显示。
50.请参考图5及图6,图5中当前处于屏幕的可视区域502的页面载体501为所述当前显示页面载体,页面载体503为所述目标页面载体,当前设备响应指向页面载体503的所述页面显示指令后,图5所示的可视区域502将从所示页面载体501切换为页面载体503,且在页面载体503中显示该页面载体503所关联的目标页面截图,如图6所示,图6处于所示可视区域601中的页面载体602即为图5所示的页面载体503,所示页面载体603为图5所示的页面载体501。
51.一种实施例中,各所述页面载体具有页面载体属性,所述页面载体属性用于存储页面载体的页面截图的截图标识,具体的,当前设备响应页面显示指令,将当前显示页面载体切换为所述目标页面载体,重新所述目标页面载体的页面截图属性中存储的截图标识,获取该截图标识所对应的目标页面截图,进而将所述目标页面截图输出至所述目标页面载体中显示。
52.请参考图5,将图5处于可视区域502的页面载体501切换为所示页面载体503后,也将截取所示页面载体501中显示的页面,获取该页面的页面截图,并销毁所示页面截图中显示的页面,如图6所示的页面载体603,以便后续将处于可视区域502切换为页面载体501时,可输出该页面截图至所示页面载体501中显示;可以看出,本方法对应用程序中各所述页面载体均进行页面截图处理及页面销毁,以在再次显示各页面载体时,可借助其页面截图进行视觉替换。
53.步骤s13,响应于第一目标页面中包含表情内容时,则从表情库中获取相应的表情内容推送至页面内容渲染流中:
54.在为加载所述目标页面载体的重新页面内容与所述第一目标页面相同的新目标页面时,将校验之前销毁的所述第一目标页面的页面内容中是否包含所述表情内容,所述表情内容是指通过设备的操作系统的表情库所具有的表情内容,例如,ios或android操作系统的emoji表情,该些emoji表情通常存储至用于存储emoji表情以图片的形式的sbix(标准位图图形表)中。
55.请参考图3及图6,图3的页面载体302中显示的页面中具有表情内容307及表情内容308,而图3所示的页面载体302即为图6所示的页面载体602,所示页面载体602即为所述目标页面载体,因此,当当前加载的新的目标页面中具有如图3所示的表情内容307及表情内容308,当前设备则需从所述表情库中获取对应的表情内容推送至所述页面内容渲染流中,以便将所示表情内容307及表情内容308加载至新的目标页面中显示。
56.当前设备一般基于之前销毁所述第一目标页面的待渲染内容,校验所述第一目标页面中是否包含表情内容,其中,所述待渲染内容中存储着所述第一目标页面中所需加载渲染的页面内容的内容标识,例如,文字内容的文字标识及表情内容的表情标识,且所述的表情库中存储着多个由表情标识及表情内容所组成的映射关系数据,当前设备校验出所述第一目标页面的待渲染内容中包含一个或多个表情标识后,将从所述表情库中获取该些表情标识各自所对应的目标表情内容,进而将该些目标表情内容推送至所述页面内容渲染流中。
57.可以看出,相较于传统的将表情库缓存至内存空间中进行表情内容渲染的方式,本方法通过确定当前加载的页面中是否具有表情内容,以从所述表情库中查询获取所述页面的表情内容推送至页面内容渲染流中,无需对所述表情库进行缓存,以节省设备的运行内存,保证设备系统的流畅运行。
58.所述的页面内容渲染流中以队列的形式存储着需渲染至对应的页面中显示的页面内容,如图3所示的页面载体302的页面中,其具有文本内容、图片内容、表情内容及控件内容等页面内容,在加载所示页面时,将该些页面内容推送至所述页面内容渲染流中,以便该页面内容渲染流以数据流的形式渲染各所述页面内容输出至所述页面中显示。
59.请参考图6及7,在传统的再次渲染加载页面载体的页面的方法中,如图7所示,所示处于可视区域701中的页面载体702加载页面时,将在所示页面载体702中显示“请稍等”或其他表征所示页面载体702正在加载渲染页面的文字通知用户,或以黑屏及白屏的显示样式来表征页面正在加载的过程,而本方法通过所述页面截图进行视觉代替,如图6所示的页面载体602中通过显示页面载体,过度所示页面载体602加载页面的过程,使用户无感知所示页面载体602当前正在加载渲染页面,以提升页面加载过程的观感。
60.步骤s14,基于所述页面内容渲染流生成第二目标页面,将所述第二目标页面输出至所述目标页面载体中显示,并停止显示所述目标页面截图:
61.所述页面内容渲染流将渲染渲染其所具有的页面内容,以渲染生成所述第二目标页面,以便当前设备将所述第二目标页面输出至所述目标页面载体中显示。
62.因所述第一目标页面已在所述目标页面载体被切换后销毁,因此通过所述页面内容渲染流渲染生成的新目标页面已不为所述第一目标页面,新的目标页面即为所述的第二目标页面,所述第二目标页面中具有与所述第一目标页面相同的页面内容。
63.在将所述第二目标页面输出至所述目标页面载体中显示后,将停止所述目标页面载体中所述目标页面截图的显示,防止该目标页面截图遮挡已完成加载的所述第二目标页面,导致用户无法操作所述第二目标页面;具体的,当前设备响应于所述页面内容渲染流的目标页面渲染完成时,将所述第二目标页面输出至所述目标页面载体中后,当前设备将停止所述目标页面截图在所述目标页面载体中的显示,并将所述目标页面截图的截图标识从该目标页面载体的页面截图属性中移除,且销毁所述目标页面截图。
64.请参考图6,图6处于可视区域601中的页面载体602中显示的为其所关联的页面截图,当所述页面内容渲染流完成所示页面载体602的页面后,将停止所示页面载体602中显示的所示页面截图,以便用户操作所示页面载体602中显示的页面。
65.可以看出,本方法通过销毁未处于可视区域的页面载体中的页面,以节省未被用户浏览的页面占用的运行内存,当切换可视区域的页面载体时,将销毁移出设备屏幕的可视区域的页面载体中加载的页面,且在销毁页面前,将截取待销毁页面的页面截图,以便所述页面载体重新出现在可视区域时,可先加载所述页面截图至该页面载体中显示,进而通过该页面截图过度所述页面载体的页面加载过程,使得即时页面已被销毁,也可借助页面截图进行视觉代替,使用户无感知页面得加载过程中,防止页面加载时造成的黑屏影响用户的观感,且相较于传统的通过文本通知用户页面正在加载,通过页面截图的方式也可提供更好的视觉体验;可以看出,本方法通过销毁未可视的页面节省设备的运行内存,同时通过页面截图进行视觉替换,使用户无感知重新加载页面的过程,提升用户的使用体验。
66.另外,本方法无需对表情库进行缓存处理,在加载的页面中具有需渲染的表情内容时再从表情库中获取对应的表情内容推送至页面渲染流中,以节省缓存表情库所占用的运行内存,保证应用程序及运行系统的流畅运行,防止表情库占用过多的运行内存导致系统或应用程序发生崩溃,影响用户的使用体验。
67.根据本技术的另一实施例,请参考图4及8,响应于页面切换指令,截取待切换的目标页面载体中的第一目标页面,获取目标页面截图,并销毁所述第一目标页面,包括如下步骤:
68.步骤s111,响应作用于页面导航栏的页面切换指令,确定待切换的目标页面载体:
69.请参考图4,所述的页面导航栏如图4所示的页面导航栏404,用户可通过所示页面导航栏404选定不同的页面载体以浏览其具有的页面,用户通过所示页面导航栏404关联于各页面载体的控件,点击选定除当前处于可视区域的页面载体401外的其他页面载体的控件后,将触发所述页面切换指令,当前设备响应该指令,确定当前处于可视区域的页面载体401,以对该页面载体401进行截图处理。
70.步骤s112,对所述目标页面载体中显示的目标页面进行截图,获取表征所述目标页面的目标页面截图:
71.通过使用页面截图模块对可视区域中页面载体中显示的页面进行截图处理,以获取表征该页面的图形用户界面的页面截图。
72.所述的页面截图模块包含截图方法,通过调用flutteshell类中的screenshot截屏操作,截取所述目标页面载体中显示的所述目标页面,获取截图数据,将该截图压缩保存为png或jpg等格式的所述目标页面截图。
73.请参考图4,当前设备响应所述页面切换指令后,将使用所述页面截图模块,对图4的页面载体401中显示的页面进行截图操作,以截取表征所示页面载体401中显示的页面的图形用户界面的页面截图。
74.步骤s113,获取所述目标页面截图的截图标识,将所述截图标识存储至所述目标页面载体的页面截图属性中,销毁所述目标页面:
75.获取所述目标页面截图后,将该目标页面截图存储至页面截图库中,且获取该页面截图库中表征所述目标页面截图的存储位置的所述截图标识,并将该截图标识存储至所述目标页面载体的所述页面截图属性中,以便后续通过所述目标页面截图的该页面截图属性中的所述截图标识,从所述页面截图库中查询出该截图标识所表征的存储位置中存储的目标页面截图,将该目标页面截图输出至所述目标页面载体中显示。
76.将所述截图标识存储至所述目标页面载体的页面截图属性中后,将销毁所述目标页面,也节省出该目标页面所占用的运行内存。
77.以上揭示的实施例中,通过对将被移出可视区域的页面载体所显示的页面进行截图处理,获取页面截图进行对应存储,以便后续再次切换至该页面载体时,可借助页面载体进行视觉替换,使用户无感知页面的加载过程,同时销毁被移出可视区域的页面载体所显示的页面,以节省设备的运行内存。
78.根据本技术的另一实施例,请参考图6及图9,响应于页面显示指令,将当前显示页面载体切换为所述目标页面载体,输出所述目标页面截图至该目标页面载体中显示,包括如下步骤:
79.步骤s121,响应页面显示指令,将当前显示页面载体切换为所述目标页面载体:
80.所述的页面显示指令所对应的目标页面载体为当前需加载渲染的页面的页面载体,该页面显示指令一般由用户通过如图6所示的页面导航栏604或对设备屏幕进行滑动操作所触发。
81.步骤s122,确定所述目标页面载体的页面截图属性中存储的截图标识,获取该截图标识所对应的目标页面截图:
82.确定出所示页面显示指令所对应的目标页面载体后,将确定该目标页面载体的所述页面截图属性中存储的所述截图标识,以在存储由多个页面截图及截图标识所组成的映射关系数据页面截图库中查询出所述截图标识所对应的目标页面截图。
83.步骤s123,将所述目标页面截图输出至所述目标页面载体中显示:
84.请参考图6,如图6所示,当获取所述目标页面截图后,将该目标页面截图输出至如图6所示的页面载体602中显示,以过度所示页面载体602中加载显示其页面的过程,通过所述目标页面截图进行视觉代替。
85.以上揭示的实施例中,相较于传统的通过文本或黑白屏过度页面载体再加载页面的方式,本实施例通过页面截图过度页面载体再加载页面以进行视觉代替,使用户无感知页面的加载过程,从而提升用户的使用体验。
86.根据本技术的另一实施例,请参考图3及图10,响应于第一目标页面中包含表情内容时,从表情库中获取相应的表情内容推送至页面内容渲染流中,包括如下步骤:
87.步骤s131,校验当前渲染的目标页面的待渲染内容是否包含表情标识:
88.确定当前需加载页面的目标页面载体后,将校验该目标页面载体中加载的目标页面的所述待渲染内容是否包含所述表情标识,及校验所述目标页面的页面内容中是否具有表情内容,具体的,所述待渲染内容中存储着各页面内容所所对应的标识,以通过标识的形式记录对应的页面中所具有页面内容,当需校验页面中是否具有表情内容时,可通过查询该页面的所述待渲染内容中是否具有表情标识进行校验。
89.步骤s132,若包含所述表情标识,则从所述表情库中获取一个或多个所述表情标识所对应的目标表情内容:
90.所述的表情库中存储着多个由表情内容及表情标识所组成的映射关系数据,当校验出所述目标页面的待渲染内容中包含一个或多个所述表情标识时,将从所述表情库中获取该些表情标识各自对应的目标表情内容。
91.所述的表情标识一般用于表征表情内容的属性,例如,请参考图3,图3中所示的表情内容307的表情标识可为“happy”,所示的表情内容308的表情标识可为“sad”,本领域技术人员可灵活设计所述表情标识,恕不赘述。
92.步骤s133,将各所述目标表情内容推送至所述页面内容渲染流中:
93.所述的页面内容渲染流中存储着其所渲染的页面所具有的各类型页面内容,如所述的表情内容、文本内容及控件内容等,通过将所述目标表情内容提升至所述页面内容渲染流中,以通过该页面内容渲染流将各所述目标表情内容渲染至所述目标页面中。
94.以上揭示的实施例中,相较于传统的将表情库缓存至内存空间中进行表情内容渲染的方式,本方法通过确定当前加载的页面中是否具有表情内容,以从所述表情库中查询获取所述页面的表情内容推送至页面内容渲染流中,无需对所述表情库进行缓存,以节省
设备的运行内存,保证设备系统的流畅运行。
95.根据本技术的另一实施例,请参考图6及图11基于所述页面内容渲染流生成第二目标页面,将所述第二目标页面输出至所述目标页面载体中显示,并停止显示所述目标页面截图,包括如下步骤:
96.步骤s141,响应于所述页面内容渲染流的目标页面渲染完成时,将所述目标页面输出至所述目标页面载体中:
97.监听所述页面内容渲染流渲染目标页面的渲染进度,当监听到所述页面内容渲染流完成所述目标页面的渲染时,将获取由该页面渲染流所渲染的目标页面,进而将该目标页面输出至所述目标页面载体中显示。
98.步骤s142,停止所述目标页面截图在所述目标页面载体中的显示,并将所述目标页面截图的截图标识从该目标页面载体的页面截图属性中移除:
99.因所述目标页面截图一般处于所述目标页面载体的顶层中显示,当将所述目标页面加载至所述目标页面载体中显示后,将停止所述目标页面截图在该目标页面载体中显示,以防止所述目标页面截图遮挡所述目标页面,导致用户无法对该目标页面进行操作。
100.停止所述目标页面截图在所述目标页面载体中显示后,将该目标页面载体的所述截图标识从所述目标页面载体的页面截图属性中移除,以便在后续将为该目标页面载体新截取的页面截图的截图标识存储至所述页面截图属性中。
101.步骤s143,销毁所述目标页面截图:
102.销毁已不再使用的所述目标页面截图,以节省当前设备的存储空间。
103.以上揭示的实施例中,页面截图在页面载体加载显示页面的过程中可起到视觉替换的作用,当页面完成加载时,其将停止在页面载体中显示并进行销毁,以便再一次的切换及显示中,对页面载体的页面截图进行更新迭代,防止因使用旧的页面截图而页面截图的视觉替换效果。
104.根据本技术的另一实施例,请参考图12及图13,本方法还包括如下后置步骤:
105.步骤s15,响应作用于当前显示页面载体的载体半滑动事件,确定可视区域中同时显示的另一页面载体:
106.所述的载体半滑动事件是指对处于可视区域中的当前页面载体进行滑动操作所触发的事件,用户对设备的屏幕进行小幅度的滑动操作时,将使处于屏幕的可视区域的当前页面载体不完全显示,且使得所述可视区域中的具有两个页面载体,此时将触发作用于当前页面载体的所述载体半滑动事件,当前设备将响应该载体半滑动事件,确定所述可视区域中与当前页面载体同是显示的另一页面载体。
107.请参考图12,图12中所示的页面载体1202为所示载体半滑动事件所作用的页面载体,图12所示的可视区域1201中将同时显示所示页面载体1202及所示页面载体1203。
108.步骤s16,获取所述另一页面载体所对应的页面截图,输出该页面截图至所述另一页面载体中显示:
109.请参考图12,确定出可视区域中同时显示的另一页面载体,从获取该另一页面载体所对应的页面截图,以将该页面载体输出至所述另一页面载体中,如图12中处于可视区域1201中的页面载体1203外所述另一页面载体,所示页面载体1203中显示其所对应的页面截图。
110.以上揭示的实施例中,对于屏幕的小幅度滑动操作,一般将导致屏幕的可视区域中同时出现两个页面载体,对于未加载页面的页面载体,可借助该页面载体的页面截图进行视觉代替,便于用户确定其之前离开的页面载体中具有的页面,同时也无需在此时为未加载页面的页面载体加载页面,以节省设备的计算资源。
111.请参阅图14,适应本技术的目的之一而提供的一种页面切换处理装置:切换指令响应模块11,用于响应于页面切换指令,截取待切换的目标页面载体中的第一目标页面,获取目标页面截图,并销毁所述第一目标页面;显示指令响应模块12,用于响应于页面显示指令,将当前显示页面载体切换为所述目标页面载体,输出所述目标页面截图至该目标页面载体中显示;表情内容校验模块13,用于响应于第一目标页面中包含表情内容时,则从表情库中获取相应的表情内容推送至页面内容渲染流中;目标页面显示模块14,基于所述页面内容渲染流生成第二目标页面,将所述第二目标页面输出至所述目标页面载体中显示,并停止显示所述目标页面截图。
112.根据本技术的部分实施例,所述切换指令响应模块11包括:目标载体确定子模块,用于响应作用于页面导航栏的页面切换指令,确定待切换的目标页面载体;目标页面截图子模块,用于使用页面截图模块,对所述目标页面载体中显示的目标页面进行截图,获取表征所述目标页面的目标页面截图;截图标识存储子模块,用于获取所述目标页面截图的截图标识,将所述截图标识存储至所述目标页面载体的页面截图属性中,销毁所述目标页面。
113.根据本技术的部分实施例,所述显示指令响应模块12包括:
114.切换页面确定子模块,用于响应页面显示指令,将当前显示页面载体切换为所述目标页面载体;页面截图获取子模块,用于确定所述目标页面载体的页面截图属性中存储的截图标识,获取该截图标识所对应的目标页面截图;页面截图输出子模块,用于将所述目标页面截图输出至所述目标页面载体中显示。
115.根据本技术的部分实施例,所述表情内容校验模块13包括:表情标签校验子模块,用于校验当前渲染的目标页面的待渲染内容是否包含表情标识;表情内容获取子模块,用于若包含所述表情标识,则从所述表情库中获取一个或多个所述表情标识所对应的目标表情内容;表情内容推送子模块,用于将各所述目标表情内容推送至所述页面内容渲染流中。
116.根据本技术的部分实施例,所述目标页面显示模块14包括:渲染事件监听子模块,用于响应于所述页面内容渲染流的目标页面渲染完成时,将所述目标页面输出至所述目标页面载体中;页面截图移除子模块,用于停止所述目标页面截图在所述目标页面载体中的显示,并将所述目标页面截图的截图标识从该目标页面载体的页面截图属性中移除;页面截图销毁子模块,用于销毁所述目标页面截图。
117.本技术的另一实施例还提供一种页面切换处理设备。如图15所示,所述页面切换处理设备可由计算机设备实现。该计算机设备包括通过系统总线连接的处理器、计算机可读存储介质、存储器和网络接口。其中,该计算机设备的计算机可读存储介质存储有操作系统、数据库和计算机可读指令,数据库中可存储有控件信息序列,该计算机可读指令被处理器执行时,可使得处理器实现一种页面切换处理方法。该计算机设备的处理器用于提供计算和控制能力,支撑整个计算机设备的运行。该计算机设备的存储器中可存储有计算机可读指令,该计算机可读指令被处理器执行时,可使得处理器执行本技术的页面切换处理方法。该计算机设备的网络接口用于与终端连接通信。本领域技术人员可以理解,图15中示出
的结构,仅仅是与本技术方案相关的部分结构的框图,并不构成对本技术方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
118.本实施方式中处理器用于执行图15中的各个模块的具体功能,存储器存储有执行上述模块或子模块所需的程序代码和各类数据。网络接口用于向用户终端或服务器之间的数据传输。本实施方式中的存储器存储有本技术的页面切换处理装置中执行所有模块所需的程序代码及数据,服务器能够调用服务器的程序代码及数据执行所有模块的功能。
119.本技术还提供一种存储有计算机可读指令存储介质,计算机可读指令被一个或多个处理器执行时,使得一个或多个处理器执行本技术任一实施例的页面切换处理方法的步骤。
120.本技术还提供一种计算机程序产品,包括计算机程序/指令,该计算机程序/指令被一个或多个处理器执行时实现本技术任一实施例所述方法的步骤。
121.本领域普通技术人员可以理解实现本技术上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,该计算机程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,前述的存储介质可为磁碟、光盘、只读存储记忆体(read-only memory,rom)等计算机可读存储介质,或随机存储记忆体(random access memory,ram)等。
122.以上所述仅是本技术的部分实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本技术原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本技术的保护范围。
123.综上所述,本技术节省未展示页面的内存占用,且通过页面截图过渡页面加载过程,进行无缝的页面衔接。
再多了解一些

本文用于创业者技术爱好者查询,仅供学习研究,如用于商业用途,请联系技术所有人。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

相关文献