CN115729660A - 界面切换方法和相关装置 - Google Patents
界面切换方法和相关装置 Download PDFInfo
- Publication number
- CN115729660A CN115729660A CN202211392250.5A CN202211392250A CN115729660A CN 115729660 A CN115729660 A CN 115729660A CN 202211392250 A CN202211392250 A CN 202211392250A CN 115729660 A CN115729660 A CN 115729660A
- Authority
- CN
- China
- Prior art keywords
- window
- page
- interface
- displays
- floating
- 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.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
- Digital Computer Display Output (AREA)
Abstract
本申请实施例提供界面切换方法和相关装置。该方法包括:显示包括第一窗口的第一界面,第一窗口显示有包括第一控件的第一页面;接收到针对第一控件的第一操作;响应于第一操作显示第二界面,第二界面包括第一窗口和第一悬浮球,第一窗口显示有第二页面,第二页面与第一控件相关;接收到针对第一悬浮球的第二操作;响应于第二操作显示第三界面,第三界面包括第一窗口和第一悬浮窗,第一窗口显示有第二页面,第一悬浮窗显示有第一页面对应的第一截图;接收到针对第一截图的第三操作;响应于第三操作显示包括第一窗口和第一悬浮球的第四界面,第一窗口显示有第一页面。这样,通过悬浮窗实现第一窗口显示的页面的切换,简单易于实现,提升用户体验。
Description
技术领域
本申请涉及终端技术领域,尤其涉及界面切换方法和相关装置。
背景技术
目前,用户可以通过终端设备的显示屏浏览各类内容。终端设备可以响应于用户在显示屏上的点击操作,切换显示屏显示的界面。
可能的设计中,当终端设备接收到用户在多次点击切换界面后,想要回退之前浏览过的某一界面时,终端设备在接收到用户多次按压返回键操作或者多次滑动操作才能返回之前浏览过的界面。
但是,在终端设备多次控制显示屏切换页面的场景中,用户可能需要多次点击回退控件,以控制终端设备显示之前浏览过的界面。这种方式操作繁琐,用户体验差。
发明内容
本申请实施例提供一种界面切换方法和相关装置,应用于终端技术领域。将除了正在显示的页面之外的其他页面映射到悬浮球内;通过点击悬浮球内的界面标识,打开相应页面。这样,终端设备可以通过悬浮窗实现对相应窗口中浏览过的页面进行管理,通过悬浮球实现浏览过的界面的查找与切换,不需要通过回退的方式返回之前浏览过的页面,操作简单方便,易于实现。
第一方面,本申请实施例提出一种界面切换方法。该方法包括:终端设备显示第一界面,第一界面包括:第一窗口,第一窗口显示有包括第一控件的第一页面;终端设备接收到针对第一控件的第一操作;终端设备响应于第一操作,显示第二界面,第二界面包括:第一窗口和第一窗口对应的第一悬浮球,第一窗口显示有第二页面,第二页面与第一控件相关;终端设备接收到针对第一悬浮球的第二操作;终端设备响应于第二操作,显示第三界面,第三界面包括:第一窗口和第一窗口对应的第一悬浮窗,第一窗口显示有第二页面,第一悬浮窗显示有第一页面对应的第一截图;终端设备接收到针对第一截图的第三操作;终端设备响应于第三操作,显示第四界面,第四界面包括:第一窗口和第一悬浮球,第一窗口显示有第一页面。
本申请实施例中,第一界面至第四界面可以对应于图4中的b-e所示的界面、图11中的a-d所示的界面。第一窗口可以对应于图4中的B窗口,或者对应于图11中的A窗口。第一操作、第二操作、第三操作均可以为用户点击、触摸等操作,本申请实施例对此不作限定。第一控件可以对应于下文中的用户头像等控件。
页面对应的标识可以为页面的截图或页面对应的文字、页面对应的链接等。本申请实施例对此不作限定。这样,页面对应的标识可以为页面的截图时,显示更加直观,方便用户识别相应页面。
可以理解的是,第一窗口中的页面从第一页面切换为第二页面时,终端设备可以存储第一页面对应的标识,通过悬浮窗显示该标识,并实现第一窗口中的页面切换为第一页面显示。
这样,悬浮窗可以显示切换之前的页面对应的标识,通过悬浮球和悬浮窗,实现窗口之前的页面的切换,操作便捷,易于实现,提升用户体验。此外,悬浮球还可以减少对相应窗口的遮挡,方便用户浏览相应窗口显示的页面,提升用户体验。
可选的,第一页面还包括第二控件;方法还包括:终端设备接收到针对第二控件的第四操作;终端设备响应于第四操作,显示第五界面,第五界面包括:第一窗口和第一悬浮球,第一窗口显示有第三页面,第三页面与第二控件相关;终端设备在第五界面接收到针对第一悬浮球的第五操作;终端设备响应于第五操作,显示第六界面,第六界面包括:第一窗口和第一悬浮窗,第一窗口显示有第三页面,第一悬浮窗显示有第一截图和第二页面对应的第二截图。
本申请实施例中,第四操作和第三操作均可以为用户点击、触摸等操作,本申请实施例对此不作限定。第五界面、第六界面可以对应于图6所示的界面。可以理解的是,第一窗口新增页面切换显示时,悬浮窗内页面的标识也相应增加。
这样,当第一窗口的页面再次切换时,悬浮窗对应的标识也相应增加。
可选的,第一悬浮窗在显示第一截图时还显示有第一截图对应的第一关闭控件,以及在显示第二截图时还显示有第二截图对应的第二关闭控件;方法还包括:终端设备在第六界面接收到针对第一关闭控件的第六操作;终端设备响应于第六操作,显示第七界面,第七界面包括:第一窗口和第一悬浮窗,第一窗口显示有第三页面,第一悬浮窗显示有第二截图和第二关闭控件。
本申请实施例中,第六操作可以为用户点击、触摸等操作,本申请实施例对此不作限定。第七界面可以对应于图5中的c或d所示的界面。
这样,可以通过关闭控件删除相应标识,减少悬浮窗显示的标识数量。方便用户管理悬浮窗内的标识。
可选的,方法还包括:终端设备在第七界面接收到针对第二关闭控件的第七操作;终端设备响应于第七操作,显示第八界面,第八界面包括第一窗口,不包括第一悬浮球和第一悬浮窗,第一窗口显示有第三页面。
本申请实施例中,第七操作可以为用户点击、触摸等操作,本申请实施例对此不作限定。第八界面可以对应于图5中的e所示的界面。
这样,当悬浮窗内没有标识时,终端设备销毁悬浮窗,减少对相应窗口的遮挡。
可选的,第一悬浮窗还包括清除控件;方法还包括:终端设备在第六界面或第七界面接收到针对清除控件的第八操作;终端设备响应于第八操作,显示第八界面,第八界面包括:第一窗口,不包括第一悬浮球和第一悬浮窗,第一窗口显示有第三页面。
本申请实施例中,第六界面、第七界面、第八界面可以对应于下文图5所示的界面。第八操作可以为用户点击、触摸等操作,本申请实施例对此不作限定。
这样,还可以通过清除控件删除悬浮窗内的全部标识,销毁悬浮窗。
可选的,第一界面、第二界面、第三界面、第四界面、第五界面、第六界面、第七界面和第八界面还包括第二窗口,第二窗口显示有第四页面。
这样,终端设备还可以显示有第二窗口,适用于应用分屏的导航模式,或者应用分屏的购物模式未锁定的场景中。
可以理解的是,还可以适用于应用分屏的购物模式,若第一页面对应于下文中的第二主页面,点击第二主页面中的控件时,B窗口显示的页面切换,A窗口显示不变。
可选的,终端设备在显示第一界面前,方法还包括:终端设备显示第九界面,第九界面包括第二窗口,不包括第一窗口,第二窗口显示有第四页面;终端设备接收到针对第四页面中第三控件的第九操作;终端设备响应于第九操作,显示第一界面,第三控件与第一页面相关。
第九界面可以对应于图5中的a所示的界面。适用于采用应用分屏的导航模式的应用中。例如,新闻应用等。第九操作可以为用户点击、触摸等操作,本申请实施例对此不作限定。
可选的,第四页面包括第四控件;方法还包括:终端设备在第五界面、第六界面或第七界面接收到针对第四控件的第九操作;终端设备响应于第九操作,显示第十界面,第十界面包括:第一窗口、第一悬浮球、第二窗口和第二窗口对应的第二悬浮球,第一窗口显示有第三页面,第二窗口显示有第五页面。
可以理解的是,第二窗口中的页面切换时,终端设备可以存储切换之前的页面对应的标识,以通过悬浮窗显示该标识,并实现第二窗口中的页面切换为第一页面显示。
这样,通过第一悬浮窗和第二悬浮窗分别控制第一窗口和第二窗口中的页面切换,提升用户体验。适用于应用分屏的购物模式未锁定的场景中。
可选的,方法还包括:终端设备接收到针对第二悬浮球的第十操作;终端设备响应于第十操作,显示第十一界面,第十一界面包括:第一窗口、第一悬浮球、第二窗口和第二窗口对应的第二悬浮窗,第一窗口显示有第三页面,第二窗口显示有第五页面,第二悬浮窗显示有第四页面对应的第四截图。
这样,通过第二悬浮窗可以实现第二窗口之前浏览过的页面的切换显示。
可选的,终端设备响应于第一操作,显示第二界面,包括:终端设备中的活动管理器基于第一操作调用任务栈task;task基于第一操作确认更新第一窗口的页面,并创建第一窗口对应的第一悬浮窗;task向终端设备中的窗口管理器发送第一悬浮窗的第一状态信息;窗口管理器创建第一悬浮窗对应的图层,并基于第一状态信息绘制第一悬浮球;窗口管理器向终端设备中的SF线程发送绘制好的第一悬浮球,以在终端设备的显示屏显示;task对第一窗口显示的第一页面进行截图处理,得到第一截图,并保存第一截图与第一页面的对应关系;task基于第一操作确定第二页面;task向窗口管理器发送第二页面的页面信息;窗口管理器基于第二页面的页面信息绘制第二页面;窗口管理器向SF线程发送绘制好的第二页面,以在终端设备的显示屏显示;终端设备显示第二界面。
这样,通过任务栈对窗口显示的页面和悬浮窗进行管理。在更新窗口的页面时,创建对应的悬浮窗图层,并保存页面对应的截图。通过悬浮球和悬浮窗,实现窗口之前的页面的切换,操作便捷,易于实现,提升用户体验。此外,悬浮窗的第一状态还可以减少对相应窗口的遮挡,方便用户浏览相应窗口显示的页面,提升用户体验。
可选的,终端设备响应于第二操作,显示第三界面,包括:终端设备中的活动管理器基于第二操作调用task;task基于第二操作调整第一悬浮窗为第二状态;task向窗口管理器发送第一截图和第一悬浮窗的第二状态信息;窗口管理器基于第一截图和第一悬浮窗的第二状态信息绘制第一悬浮窗;窗口管理器向SF线程发送绘制好的第一悬浮窗,以在终端设备的显示屏显示;终端设备显示第三界面。
这样,通过悬浮球可以显示保存的截图,方便用户切换浏览过的页面。
可选的,终端设备响应于第三操作,显示第四界面,包括:终端设备中的活动管理器基于第三操作调用task;task对第一窗口显示的第二页面进行截图处理,得到第二截图,并保存第二截图和第二页面之间的映射关系;task向窗口管理器发送第一悬浮窗的第一状态信息;task向窗口管理器发送第一状态信息;窗口管理器基于第一状态信息绘制第一悬浮球;窗口管理器向SF线程发送绘制好的第一悬浮球,以在终端设备的显示屏显示;task基于第三操作确定第一页面;task向窗口管理器发送第一页面的页面信息;窗口管理器基于第一页面的页面信息绘制第一页面;窗口管理器向SF线程发送绘制好的第一页面,以在终端设备的显示屏显示;终端设备显示第四界面。
可选的,终端设备接收到针对第一悬浮球的第十一操作;终端设备响应于第十一操作,将第一悬浮球从第一位置移动至第二位置,第二位置与第十一操作相关。
第十一操作可以为用户拖拽操作等,本申请实施例对此不作限定。
可选的,当第十一操作结束时对应的坐标与第一窗口的右边缘最近时,第二位置位于第一窗口的右边缘;当第十一操作结束时对应的坐标与第一窗口的左边缘最近时,第二位置位于第一窗口的左边缘。
第二方面,本申请实施例提供一种界面切换方法,该方法包括:终端设备显示第一界面,第一界面包括:第一窗口和第二窗口,第一窗口显示有第一页面,第二窗口显示包括第一控件的第二页面;终端设备接收到针对第一控件的第一操作;终端设备响应于第一操作,显示第二界面,第二界面包括:第一窗口、第二窗口和第一窗口对应的第一悬浮球,第一窗口显示有第二页面,第二窗口显示有第三页面,第三页面与第一控件相关;终端设备接收到针对第一悬浮球的第二操作;终端设备响应于第二操作,显示第三界面,第三界面包括:第一窗口、第二窗口和第一窗口对应的第一悬浮窗,第一窗口显示有第二页面,第二窗口显示第三页面,第一悬浮窗显示有第一页面对应的第一截图;终端设备接收到针对第一截图的第三操作;终端设备响应于第三操作,显示第四界面,第四界面包括:第一窗口、第二窗口和第一悬浮球,第一窗口显示有第一页面,第二窗口显示第三页面。
第一窗口可以对应于下文中的A窗口,第二窗口可以对应于下文中的B窗口。
本申请实施例中,第一界面可以对应于图9中的b所示的界面,第二界面至第四界面可以对应于图10中的a-c所示的界面。第一操作、第二操作、第三操作均可以为用户点击、触摸等操作,本申请实施例对此不作限定。
页面对应的标识可以为页面的截图或页面对应的文字、页面对应的链接等。本申请实施例对此不作限定。这样,页面对应的标识可以为页面的截图时,显示更加直观,方便用户识别相应页面。
这样,悬浮窗可以显示切换之前的页面对应的标识,通过悬浮球和悬浮窗,实现窗口之前的页面的切换,操作便捷,易于实现,提升用户体验。此外,悬浮球还可以减少对相应窗口的遮挡,方便用户浏览相应窗口显示的页面,提升用户体验。
可选的,第一界面还包括第二窗口对应的第二悬浮球;终端设备显示第一界面之前,方法还包括:终端设备显示第五界面,第五界面包括:第一窗口和第二窗口,第一窗口显示有第一页面,第一页面包括第二控件,第二窗口显示有第四页面;终端设备接收到针对第二控件的第四操作;终端设备响应于第四操作,显示第一界面,第二控件与第二页面相关。
第四操作可以为用户点击、触摸等操作,本申请实施例对此不作限定。
适用于应用分屏的购物模式中,触发第二窗口显示的主页面中的控件,第二窗口显示与该控件相关的页面,第一窗口页面不变。
可选的,第一界面还包括第二窗口对应的第二悬浮球;终端设备显示第一界面之前,方法还包括:终端设备显示第六界面,第六界面包括:第一窗口和第二窗口,第一窗口显示有第一页面,第二窗口显示有第四页面,第四页面包括第三控件;终端设备接收到针对第三控件的第五操作;终端设备响应于第五操作,显示第一界面,第三控件与第二页面相关。
第五操作可以为用户点击、触摸等操作,本申请实施例对此不作限定。
这样,适用于应用分屏的购物模式中,触发第一窗口显示的主页面中的控件,第二窗口显示与该控件相关的页面,第一窗口页面不变。
可选的,终端设备在第四界面接收到针对第一悬浮球的第六操作;终端设备响应于第六操作,显示第七界面,第七界面包括:第一窗口、第二窗口和第一悬浮窗,第一窗口显示有第一页面,第二窗口显示第三页面,第一悬浮窗显示有第二页面对应的第二截图。
第六操作可以为用户点击、触摸等操作,本申请实施例对此不作限定。
这样,悬浮窗可以显示切换之前的页面对应的标识,通过悬浮球和悬浮窗,实现窗口之前的页面的切换,操作便捷,易于实现,提升用户体验。
可选的,第一悬浮窗在显示第二截图时还显示有第二截图对应的第二关闭控件;方法还包括:终端设备在第七界面接收到针对第二关闭控件的第七操作;终端设备响应于第七操作,显示第八界面,第八界面包括第一窗口、第二窗口,不包括第一悬浮球和第一悬浮窗,第一窗口显示有第一页面,第二窗口显示第三页面。
第七操作可以为用户点击、触摸等操作,本申请实施例对此不作限定。
这样,可以通过关闭控件删除相应标识(例如,截图),减少悬浮窗显示的标识数量。方便用户管理悬浮窗内的标识。当悬浮窗内没有标识时,终端设备销毁悬浮窗,减少对相应窗口的遮挡。
可选的,第一悬浮窗还包括清除控件;方法还包括:终端设备在第七界面接收到针对清除控件的第八操作;终端设备响应于第八操作,显示第八界面,第八界面包括:第一窗口,不包括第一悬浮球和第一悬浮窗,第一窗口显示有第一页面,第二窗口显示第三页面。
第八操作可以为用户点击、触摸等操作,本申请实施例对此不作限定。
这样,还可以通过清除控件删除悬浮窗内的全部标识,销毁悬浮窗。
可选的,终端设备响应于第一操作,显示第二界面,包括:终端设备中的活动管理器基于第一操作调用任务栈task;task基于第一操作确认更新第一窗口的页面,并创建第一窗口对应的第一悬浮窗;task向终端设备中的窗口管理器发送第一悬浮窗的第一状态信息;窗口管理器创建第一悬浮窗对应的图层,并基于第一状态信息绘制第一悬浮球;窗口管理器向终端设备中的SF线程发送绘制好的第一悬浮球,以在终端设备的显示屏显示;task对第一窗口显示的第一页面进行截图处理,得到第一截图,并保存第一截图与第一页面的对应关系;task基于第一操作确定第二页面;task向窗口管理器发送第二页面的页面信息;窗口管理器基于第二页面的页面信息绘制第二页面;窗口管理器向SF线程发送绘制好的第二页面,以在终端设备的显示屏显示;终端设备显示第二界面。
这样,通过任务栈对窗口显示的页面和悬浮窗进行管理。在更新窗口的页面时,创建对应的悬浮窗图层,并保存页面对应的截图。通过悬浮球和悬浮窗,实现窗口之前的页面的切换,操作便捷,易于实现,提升用户体验。此外,悬浮窗的第一状态还可以减少对相应窗口的遮挡,方便用户浏览相应窗口显示的页面,提升用户体验。
可选的,终端设备响应于第二操作,显示第三界面,包括:终端设备中的活动管理器基于第二操作调用task;task基于第二操作调整第一悬浮窗为第二状态;task向窗口管理器发送第一截图和第一悬浮窗的第二状态信息;窗口管理器基于第一截图和第一悬浮窗的第二状态信息绘制第一悬浮窗;窗口管理器向SF线程发送绘制好的第一悬浮窗,以在终端设备的显示屏显示;终端设备显示第三界面。
这样,通过悬浮球可以显示保存的截图,方便用户切换浏览过的页面。
可选的,终端设备响应于第三操作,显示第四界面,包括:终端设备中的活动管理器基于第三操作调用task;task对第一窗口显示的第二页面进行截图处理,得到第二截图,并保存第二截图和第二页面之间的映射关系;task向窗口管理器发送第一悬浮窗的第一状态信息;task向窗口管理器发送第一状态信息;窗口管理器基于第一状态信息绘制第一悬浮球;窗口管理器向SF线程发送绘制好的第一悬浮球,以在终端设备的显示屏显示;task基于第三操作确定第一页面;task向窗口管理器发送第一页面的页面信息;窗口管理器基于第一页面的页面信息绘制第一页面;窗口管理器向SF线程发送绘制好的第一页面,以在终端设备的显示屏显示;终端设备显示第四界面。
可选的,终端设备接收到针对第一悬浮球的第九操作;终端设备响应于第九操作,将第一悬浮球从第一位置移动至第二位置,第二位置与第九操作相关。
第九操作可以为用户拖拽操作等,本申请实施例对此不作限定。
可选的,当第九操作结束时对应的坐标与第一窗口的右边缘最近时,第二位置位于第一窗口的右边缘;当第九操作结束时对应的坐标与第一窗口的左边缘最近时,第二位置位于第一窗口的左边缘。
第三方面,本申请实施例提供一种终端设备,终端设备也可以称为终端(terminal)、用户设备(user equipment,UE)、移动台(mobile station,MS)、移动终端(mobile terminal,MT)等。终端设备可以是手机(mobile phone)、智能电视、穿戴式设备、平板电脑(Pad)、带无线收发功能的电脑、虚拟现实(virtual reality,VR)终端设备、增强现实(augmented reality,AR)终端设备、工业控制(industrial control)中的无线终端、无人驾驶(self-driving)中的无线终端、远程手术(remote medical surgery)中的无线终端、智能电网(smart grid)中的无线终端、运输安全(transportation safety)中的无线终端、智慧城市(smart city)中的无线终端、智慧家庭(smart home)中的无线终端等等。
该终端设备包括:包括:处理器和存储器;存储器存储计算机执行指令;处理器执行存储器存储的计算机执行指令,使得终端设备执行如第一方面的方法。
第四方面,本申请实施例提供一种计算机可读存储介质,计算机可读存储介质存储有计算机程序。计算机程序被处理器执行时实现如第一方面的方法或如第二方面的方法。
第五方面,本申请实施例提供一种计算机程序产品,计算机程序产品包括计算机程序,当计算机程序被运行时,使得计算机执行如第一方面的方法或如第二方面的方法。
第六方面,本申请实施例提供了一种芯片,芯片包括处理器,处理器用于调用存储器中的计算机程序,以执行如第一方面的方法或如第二方面的方法。
应当理解的是,本申请的第二方面至第六方面与本申请的第一方面的技术方案相对应,各方面及对应的可行实施方式所取得的有益效果相似,不再赘述。
附图说明
图1为本申请实施例提供的一种终端设备的硬件结构示意图;
图2为本申请实施例提供的一种终端设备的软件结构示意图;
图3为可能的设计中一种终端设备的界面示意图;
图4为本申请实施例提供的一种终端设备的界面示意图;
图5为本申请实施例提供的一种终端设备的界面示意图;
图6为本申请实施例提供的一种终端设备的内部模块之间的交互示意图;
图7为本申请实施例提供的一种终端设备的内部模块之间的交互示意图;
图8为本申请实施例提供的一种终端设备的内部模块之间的交互示意图;
图9为本申请实施例提供的一种终端设备的界面示意图;
图10为本申请实施例提供的一种终端设备的界面示意图;
图11为本申请实施例提供的一种终端设备的界面示意图;
图12为本申请实施例提供的一种终端设备的界面示意图;
图13为本申请实施例提供的一种终端设备的内部模块之间的交互示意图;
图14为本申请实施例提供的一种界面处理装置的结构示意图。
具体实施方式
为了便于清楚描述本申请实施例的技术方案,以下,对本申请实施例中所涉及的部分术语和技术进行简单介绍:
1、应用分屏:是指在横屏状态下,支持一个应用,两屏显示的系统功能。可以理解为,在横屏状态下终端设备可以以两个窗口展示同一个应用,同时操作,同时观看。
一些实施例中,终端设备在横屏状态和竖屏状态均采用应用分屏;例如,终端设备为手机时,在横屏状态打开应用时,为应用分屏模式;在竖屏状态打开应用时,也为应用分屏模式。
另一些实施例中,终端设备在横屏状态采用应用分屏,在竖屏状态不采用应用分屏。例如,终端设备为pad时,在横屏状态打开应用时,为应用分屏模式;在竖屏状态打开应用时,不为应用分屏模式。
本申请实施例中,应用分屏可以分成导航栏模式、购物模式和自定义模式,以满足不同应用的不同操作需求。
导航栏模式:左侧窗口显示应用主页面;右侧窗口基于用户操作显示最新页面。具体的,当左侧窗口接收到用户操作,右侧窗口基于用户操作显示最新页面。当右侧窗口接收到用户操作时,左侧窗口显示应用主页面,右侧窗口基于用户操作显示最新页面。
示例性的,当用户点开文章或者评论内容时,新页面会出现在右侧,右侧窗口会随着用户操作不断更新页面以显示不同的内容,而左侧窗口会保持在应用主页面。
可以理解的是,导航栏模式通常适用于以获取新信息为主要目的而存在的应用,例如,今日头条、百度、知乎、b站等应用。
购物模式:右侧窗口显示最新页面,左侧窗口显示次新页面,两窗口不断更迭。具体的,当左侧窗口接收到用户操作,右侧窗口基于用户操作显示最新页面。当右侧窗口接收到用户操作时,左侧窗口显示右侧窗口在接收到用户操作前显示的页面,右侧窗口基于用户操作显示最新页面。
示例性的,以左侧窗口显示页面一,右侧窗口显示页面二为例,若左侧窗口接收到针对点击页面一中的控件的点击操作,则终端设备在右侧窗口显示页面三;若右侧窗口针对点击页面二中的控件的点击操作,左侧窗口显示页面二,右侧窗口显示页面四。
可以理解的是,购物模式通常适用于需要进行对象对比参考的应用,例如,淘宝、天猫、拼多多、京东等购物应用。
2、其他术语
在本申请的实施例中,采用了“第一”、“第二”等字样对功能和作用基本相同的相同项或相似项进行区分。例如,第一芯片和第二芯片仅仅是为了区分不同的芯片,并不对其先后顺序进行限定。本领域技术人员可以理解“第一”、“第二”等字样并不对数量和执行次序进行限定,并且“第一”、“第二”等字样也并不限定一定不同。
需要说明的是,本申请实施例中,“示例性的”或者“例如”等词用于表示作例子、例证或说明。本申请中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其他实施例或设计方案更优选或更具优势。确切而言,使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。
本申请实施例中,“至少一个”是指一个或者多个,“多个”是指两个或两个以上。“和/或”,描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B的情况,其中A,B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一项(个)”或其类似表达,是指的这些项中的任意组合,包括单项(个)或复数项(个)的任意组合。例如,a,b,或c中的至少一项(个),可以表示:a,b,c,a-b,a--c,b-c,或a-b-c,其中a,b,c可以是单个,也可以是多个。
3、终端设备
本申请实施例的终端设备也可以为任意形式的电子设备,例如,电子设备可以包括具有图像处理功能的手持式设备、车载设备等。例如,一些电子设备为:手机(mobilephone)、平板电脑、掌上电脑、笔记本电脑、移动互联网设备(mobile internet device,MID)、可穿戴设备,虚拟现实(virtual reality,VR)设备、增强现实(augmented reality,AR)设备、工业控制(industrial control)中的无线终端、无人驾驶(self driving)中的无线终端、远程手术(remote medical surgery)中的无线终端、智能电网(smart grid)中的无线终端、运输安全(transportation safety)中的无线终端、智慧城市(smart city)中的无线终端、智慧家庭(smart home)中的无线终端、蜂窝电话、无绳电话、会话启动协议(session initiation protocol,SIP)电话、无线本地环路(wireless local loop,WLL)站、个人数字助理(personal digital assistant,PDA)、具有无线通信功能的手持设备、计算设备或连接到无线调制解调器的其它处理设备、车载设备、可穿戴设备,5G网络中的终端设备或者未来演进的公用陆地移动通信网络(public land mobile network,PLMN)中的终端设备等,本申请实施例对此并不限定。
作为示例而非限定,在本申请实施例中,该电子设备还可以是可穿戴设备。可穿戴设备也可以称为穿戴式智能设备,是应用穿戴式技术对日常穿戴进行智能化设计、开发出可以穿戴的设备的总称,如眼镜、手套、手表、服饰及鞋等。可穿戴设备即直接穿在身上,或是整合到用户的衣服或配件的一种便携式设备。可穿戴设备不仅仅是一种硬件设备,更是通过软件支持以及数据交互、云端交互来实现强大的功能。广义穿戴式智能设备包括功能全、尺寸大、可不依赖智能手机实现完整或者部分的功能,例如:智能手表或智能眼镜等,以及只专注于某一类应用功能,需要和其它设备如智能手机配合使用,如各类进行体征监测的智能手环、智能首饰等。
此外,在本申请实施例中,电子设备还可以是物联网(internet of things,IoT)系统中的终端设备,IoT是未来信息技术发展的重要组成部分,其主要技术特点是将物品通过通信技术与网络连接,从而实现人机互连,物物互连的智能化网络。
本申请实施例中的电子设备也可以称为:终端设备、用户设备(user equipment,UE)、移动台(mobile station,MS)、移动终端(mobile terminal,MT)、接入终端、用户单元、用户站、移动站、移动台、远方站、远程终端、移动设备、用户终端、终端、无线通信设备、用户代理或用户装置等。
在本申请实施例中,电子设备或各个网络设备包括硬件层、运行在硬件层之上的操作系统层,以及运行在操作系统层上的应用层。该硬件层包括中央处理器(centralprocessing unit,CPU)、内存管理单元(memory management unit,MMU)和内存(也称为主存)等硬件。该操作系统可以是任意一种或多种通过进程(process)实现业务处理的计算机操作系统,例如,Linux操作系统、Unix操作系统、Android操作系统、iOS操作系统或windows操作系统等。该应用层包含浏览器、通讯录、文字处理软件、即时通信软件等应用。
示例性的,图1示出了终端设备的结构示意图。
终端设备可以包括处理器110,外部存储器接口120,内部存储器121,通用串行总线(universal serial bus,USB)接口130,充电管理模块140,电源管理模块141,电池142,天线1,天线2,移动通信模块150,无线通信模块160,音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,传感器模块180,按键190,马达191,指示器192,摄像头193,显示屏194,以及用户标识模块(subscriber identification module,SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A,陀螺仪传感器180B,气压传感器180C,磁传感器180D,加速度传感器180E,距离传感器180F,接近光传感器180G,指纹传感器180H,温度传感器180J,触摸传感器180K,环境光传感器180L,骨传导传感器180M等。
可以理解的是,本发明实施例示意的结构并不构成对终端设备的具体限定。在本申请另一些实施例中,终端设备可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。图示的部件可以以硬件,软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元,例如:处理器110可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processingunit,GPU),图像信号处理器(image signal processor,ISP),控制器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。
控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。
处理器110中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据,可从上述存储器中直接调用。避免了重复存取,减少了处理器110的等待时间,因而提高了系统的效率。
在一些实施例中,处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit,I2C)接口,集成电路内置音频(inter-integrated circuitsound,I2S)接口,脉冲编码调制(pulse code modulation,PCM)接口,通用异步收发传输器(universal asynchronous receiver/transmitter,UART)接口,移动产业处理器接口(mobile industry processor interface,MIPI),通用输入输出(general-purposeinput/output,GPIO)接口,用户标识模块(subscriber identity module,SIM)接口,和/或通用串行总线(universal serial bus,USB)接口等。
可以理解的是,本发明实施例示意的各模块间的接口连接关系,只是示意性说明,并不构成对终端设备的结构限定。在本申请另一些实施例中,终端设备也可以采用上述实施例中不同的接口连接方式,或多种接口连接方式的组合。
终端设备通过GPU,显示屏194,以及应用处理器等实现显示功能。GPU为图像处理的微处理器,连接显示屏194和应用处理器。GPU用于执行数学和几何计算,用于图形渲染。处理器110可包括一个或多个GPU,其执行程序指令以生成或改变显示信息。
终端设备可以通过ISP,摄像头193,视频编解码器,GPU,显示屏194以及应用处理器等实现拍摄功能。
外部存储器接口120可以用于连接外部存储卡,例如Micro SD卡,实现扩展终端设备的存储能力。外部存储卡通过外部存储器接口120与处理器110通信,实现数据存储功能。例如将音乐,视频等文件保存在外部存储卡中。
内部存储器121可以用于存储计算机可执行程序代码,可执行程序代码包括指令。内部存储器121可以包括存储程序区和存储数据区。其中,存储程序区可存储操作系统,至少一个功能所需的应用程序(比如声音播放功能,图像播放功能等)等。存储数据区可存储终端设备使用过程中所创建的数据(比如音频数据,电话本等)等。此外,内部存储器121可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件,闪存器件,通用闪存存储器(universal flash storage,UFS)等。处理器110通过运行存储在内部存储器121的指令,和/或存储在设置于处理器中的存储器的指令,执行终端设备的各种功能应用以及数据处理。例如,可以执行本申请实施例的数据处理方法。
终端设备的软件系统可以采用分层架构,事件驱动架构,微核架构,微服务架构,或云架构。本申请实施例以分层架构的Android系统为例,示例性说明终端设备的软件结构。
图2是本申请实施例的终端设备的软件结构框图。分层架构将软件分成若干个层,每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中,可以将Android系统分为四层,分别为应用程序层(applications)、应用程序框架层(applicationframework)、安卓运行时(Android runtime)和系统库、以及内核层(kernel)。
应用层可以包括一系列应用程序包。应用程序层通过调用应用程序框架层所提供的应用程序接口(application programming interface,API)运行应用程序。如图2所示,应用程序包可以包括购物、新闻、日历、相机等应用程序。
如图2所示,应用程序框架层可以包括窗口管理器(window manager service,WMS)、图像合成系统(surface flinger,SF线程)、任务栈task、视图系统、输入管理器、活动管理器(activity manager service,AMS)和资源管理器等。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小,判断是否有状态栏,锁定屏幕,截取屏幕等。
图像合成系统用于控制图像合成,以及产生垂直同步(veticalsynchronization,Vsync)信号。
示例性的,图像合成系统包括:合成线程、Vsync线程、缓存队列(quene buffer)线程。合成线程用于被Vsync信号唤醒进行合成。Vsync线程用于根据Vsync信号请求生成下一个Vsync信号。缓存队列线程用于存放缓存、产生Vsync信号请求,以及唤醒合成线程等。
task用于管理同一个应用用到的所有活动(activity)实例的栈。具体的,task将相关的活动组合在一起,以堆栈(stack)的方式进行管理。也可以将task理解为由同一个应用中的多个Activity共同协作完成某项功能。可以理解的是,每个应用与一个task相对应,以对用到的所有活动(activity)实例进行管理。
视图系统包括可视控件,例如显示文字的控件,显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如,包括短信通知图标的显示界面,可以包括显示文字的视图以及显示图片的视图。
输入管理器用于管理输入设备的程序。例如,输入管理器可以确定鼠标点击操作、键盘输入操作和触摸滑动等输入操作。
活动管理器用于管理各个应用程序的生命周期以及导航回退功能。负责Android的主线程创建,各个应用程序的生命周期的维护。
资源管理器为应用程序提供各种资源,比如本地化字符串,图标,图片,布局文件,视频文件等等。
Android runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。
核心库包含两部分:一部分是java语言需要调用的功能函数,另一部分是安卓的核心库。
应用层和应用程序框架层运行在虚拟机中。虚拟机将应用层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理,堆栈管理,线程管理,安全和异常的管理,以及垃圾回收等功能。
系统库可以包括多个功能模块。例如:图像渲染库、图像合成库、函数库、媒体库和输入处理库等。
图像渲染库用于二维或三维图像的渲染。图像合成库用于二维或三维图像的合成。
可能的实现方式中,应用通过图像渲染库对图像进行绘制渲染,然后应用将绘制渲染后的图像发送至图像合成系统的缓存队列中。每当Vsync信号到来时,图像合成系统(例如,surface flinger)从缓存队列中按顺序获取待合成的一帧图像,然后通过图像合成库进行图像合成。
函数库提供C语言中所使用的宏、类型定义、字符串操作函数、数学计算函数以及输入输出函数等。
媒体库支持多种常用的音频,视频格式回放和录制,以及静态图像文件等。媒体库可以支持多种音视频编码格式,例如:MPEG4、H.264、MP3、AAC、AMR、JPG和PNG等。
输入处理库用于处理输入设备的库,可以实现鼠标、键盘和触摸输入处理等。
内核层是硬件和软件之间的层。内核层至少包含触控(touch panel,TP)驱动、显示驱动、蓝牙驱动、WIFI驱动、键盘驱动、共用存储器驱动和相机驱动等。
硬件可以是音频设备、蓝牙设备、相机设备、传感器设备等。
应理解,在一些实施例中,可以将实现相同功能的层称为其他名称,或者将能够实现多个层的功能的层作为一层,或者将能够实现多个层的功能的层划分为多层。本申请实施例对此不做限制。
下面结合应用程序启动或应用程序中发生界面切换的场景,示例性说明终端设备100软件以及硬件的工作流程。
当触控面板中触摸传感器180K接收到触摸操作时,内核层将触摸操作加工成原始输入事件(包括触摸坐标,触摸力度,触摸操作的时间戳等信息)。原始输入事件被存储在内核层。内核层通过输入处理库将原始输入事件上报至应用程序框架层的输入管理器。应用程序框架层的输入管理器解析该原始输入事件的信息(包括:操作类型和报点位置等)和根据当前焦点确定焦点应用,并将解析后的信息发送至焦点应用。焦点可以是触摸操作中触碰点或者鼠标点击操作中点击位置。焦点应用为终端设备前台运行的应用或者触摸操作中触碰位置对应的应用。焦点应用根据解析后的原始输入事件的信息(例如,报点位置)确定该原始输入事件所对应的控件。
以该触摸操作是触摸滑动操作,该触摸滑动操作所对应的控件为微信应用的列表控件为例,微信应用通过应用程序框架层的视图系统,调用系统库中图像渲染库对图像进行绘制渲染。微信应用将绘制渲染后的图像发送至图像合成系统的缓存队列中。通过系统库中图像合成库将图像合成系统中绘制渲染后的图像合成为微信界面。图像合成系统通过内核层的显示驱动,使得屏幕(显示屏)显示微信应用的相应界面。
目前,用户可以通过终端设备的显示屏浏览各类内容。终端设备可以响应于用户在显示屏上的点击操作,切换显示屏显示的页面。
可能的设计中,终端设备响应于用户在页面一的点击操作,控制显示屏从页面一切换至页面二显示。若用户想要再次浏览页面一时,终端设备可以响应于用户点击回退控件的操作,控制显示屏从页面二回退至页面一显示。
但是,在终端设备多次控制显示屏切换页面的场景中,用户可能需要多次点击回退控件,以控制终端设备显示之前浏览过的界面。这种方式操作繁琐,用户体验差。
示例性的,图3为可能的设计中一种终端设备的界面示意图。如图3所示,以新闻应用为例,终端设备响应于用户打开新闻应用的操作,显示图3中的a所示的界面。该界面包括显示有新闻应用的主页面的A窗口。主页面包括多个新闻标题,例如,标题一301、标题二、标题三、标题四等。
当用户在图3中的a所示的界面中通过点击、触摸等操作触发标题一301时,终端设备接收到用户针对标题一301的触发操作,终端设备进入到如图3中的b所示的界面。该界面包括A窗口和B窗口。A窗口显示有新闻应用的主页面。B窗口显示有A页面。A页面包括回退控件302以及与标题一的相关信息等。与标题一的相关信息包括但不限于:标题一对应的详细内容、标题一对应的用户头像303等。
当用户在图3中的b所示的界面中通过点击、触摸等操作触发A页面中的用户头像303时,终端设备接收到用户针对用户头像303的触发操作,终端设备进入到如图3中的c所示的界面。该界面包括A窗口和B窗口。A窗口显示有新闻应用的主页面。主页面包括多个新闻标题。B窗口显示有B页面。B页面包括回退控件304,以及与用户头像303对应的用户信息,例如,用户名称、用户发布的其他文章等。
当用户在图3中的c所示的界面中通过点击、触摸等操作触发B页面中的文章一305时,终端设备接收到用户针对文章一305的点击操作,终端设备进入到如图3中的d所示的界面。该界面包括A窗口和B窗口。A窗口显示有新闻应用的主页面。主页面包括多个新闻标题。B窗口显示有C页面。C页面包括回退控件306,以及文章一305的相关信息,例如,文章一对应的详细内容、文章一对应的用户头像等。
当用户在图3中的d所示的界面中通过点击、触摸等操作触发C页面中的回退控件306时,终端设备接收到用户针对回退控件306的触发操作,终端设备进入到如图3中的c所示的界面。
当用户在图3中的c所示的界面中通过点击、触摸等操作触发B页面中的回退控件304时,终端设备接收到用户针对回退控件304的触发操作,终端设备进入到如图3中的b所示的界面。
可以理解的是,若用户想要从C页面回退至A页面时,需进行两次操作。若终端设备切换的界面更多,则需要用户进行操作的次数越多。操作繁琐,用户体验差。
有鉴于此,本申请实施例提供一种界面切换方法。将除了正在显示的页面之外的其他页面映射到悬浮球内;通过点击悬浮球内的页面标识,打开相应页面。这样,终端设备可以通过悬浮窗实现对相应窗口中浏览过的页面进行管理,通过悬浮球实现浏览过的界面的查找与切换,不需要通过回退的方式返回之前浏览过的页面,操作简单方便,易于实现。
下面通过具体的实施例对本申请实施例的界面切换方法进行详细说明。下面的实施例可以相互结合或独立实施,对于相同或相似的概念或过程可能在某些实施例中不再赘述。
图4和图5为应用分屏的导航模式中界面切换示意图;图9-图12为应用分屏的购物模式中界面切换示意图。
示例性的,图4为本申请实施例提供的一种终端设备的界面示意图。以新闻应用为例,终端设备响应于用户打开新闻应用的操作,显示图4中的a所示的界面。该界面包括显示有新闻应用的主页面的A窗口。主页面包括多个新闻标题,例如,标题一401、标题二、标题三、标题四等。
当用户在图4中的a所示的界面中通过点击、触摸等操作触发标题一401时,终端设备接收到用户针对标题一401的触发操作,终端设备进入到如图4中的b所示的界面。该界面包括A窗口和B窗口。A窗口显示有新闻应用的主页面。B窗口显示有A页面。A页面包括回退控件402以及与标题一的相关信息等。与标题一的相关信息包括但不限于:标题一对应的详细内容、标题一对应的用户头像403等。
当用户在图4中的b所示的界面中通过点击、触摸等操作触发A页面中的用户头像403时,终端设备接收到用户针对用户头像403的触发操作,终端设备进入到如图4中的c所示的界面。该界面包括A窗口、B窗口和悬浮球404。A窗口显示有新闻应用的主页面。主页面包括多个新闻标题。B窗口显示有B页面。B页面包括与用户头像对应的用户信息,例如,用户名称、用户发布的其他文章等。
可以理解的是,图4中悬浮球404为半圆形,半透明状。悬浮球404还可以为圆形、方形或其他任意形状,本申请实施例对于悬浮球的形状等外观不做具体限定。
悬浮球404可以浮动显示于B窗口的任意位置。本申请实施例对于悬浮球404的具体显示位置不做限定。一些实施例中,悬浮球404位于B窗口的边缘位置,以减少对B窗口的遮挡,提升用户体验。
当用户在图4中的c所示的界面中通过点击、触摸等操作触发悬浮球404时,终端设备接收到用户打开悬浮窗的触发操作,终端设备进入到如图4中的d所示的界面。该界面包括A窗口、B窗口和悬浮窗405。A窗口显示有新闻应用的主页面。主页面包括多个新闻标题。B窗口显示有B页面。悬浮窗405显示有A截图406,A截图与A页面相对应。
可以理解的是,截图为页面对应的标识的一种,截图还可以替换为页面对应的其他标识,例如,数字、文字等。本申请实施例对页面对应的标识不作限定。此外,相比较于其他标识(例如,数字、文字等),截图更加直观,方便用户识别该标识对应的页面。
当用户在图4中的d所示的界面中通过点击、触摸等操作触发A截图406时,终端设备接收到用户打开A页面的触发操作,终端设备进入到如图4中的e所示的界面。该界面包括A窗口、B窗口和悬浮球407。A窗口显示有新闻应用的主页面。主页面包括多个新闻标题。B窗口显示有A页面。
当用户在图4中的e所示的界面中通过点击、触摸等操作触发悬浮球407时,终端设备接收到用户打开悬浮窗的触发操作,终端设备进入到如图4中的f所示的界面。该界面包括A窗口、B窗口和悬浮窗408。A窗口显示有新闻应用的主页面。主页面包括多个新闻标题。B窗口显示有A页面。悬浮窗408显示有B截图409,B截图与B页面相对应。
可能的实现方式中,当用户在图4中的d所示的界面中通过点击、触摸等操作触发A截图406时,终端设备接收到用户打开A页面的触发操作,终端设备也可以进入到如图4中的f所示的界面。
这样,终端设备通过悬浮窗实现B窗口对应的activity(例如,A页面、B页面)查找与切换,不需要通过回退的方式返回之前浏览过的页面,操作简单方便,易于实现,进而提升用户体验。
可以理解的是,图4所示的实施例是以B窗口对应两个activity为例进行说明的,例如,悬浮窗包括一个截图。B窗口还可以对应于多个activity,例如,悬浮窗包括多个截图,本申请实施例对于activity的数量不做具体限定。
可以理解的是,悬浮窗一次显示的截图数量有限,用户可以通过滑动操作浏览悬浮窗中的截图。
示例性的,当用户在图4中的c所示的界面中通过点击、触摸等操作触发B页面中的文章一409时,终端设备接收到用户针对文章一409的触发操作,终端设备进入到如图5中的a所示的界面。该界面包括A窗口、B窗口和悬浮球501。A窗口显示有新闻应用的主页面。主页面包括多个新闻标题。B窗口显示有C页面。C页面包括文章一的相关信息,例如,文章一对应的详细内容、文章一对应的用户头像等。
当用户在图5中的a所示的界面中通过点击、触摸等操作触发悬浮球501时,终端设备接收到用户打开悬浮窗的触发操作,终端设备进入到如图5中的b所示的界面。该界面包括A窗口、B窗口和悬浮窗502。A窗口显示有新闻应用的主页面。主页面包括多个新闻标题。B窗口显示有C页面。悬浮窗502显示有A截图503和B截图504。A截图503与A页面相对应,B截图504与B页面相对应。
可以理解的是,当终端设备接收到用户点击A截图503的操作时,终端设备在B窗口显示A页面,并将C截图放置于悬浮窗中,C截图与C页面相对应;当终端设备接收到用户点击B截图504的操作时,终端设备在B窗口显示B页面,并将C截图放置于悬浮窗中。
上述图4和图5所示的实施例中,终端设备可以通过悬浮球触发悬浮窗显示。终端设备还可以隐藏悬浮窗,减少对B窗口的遮挡。
可能的实现方式一中,终端设备在悬浮窗对应的任意区域接收到用户的滑动操作时,终端设备隐藏悬浮窗,显示悬浮球。
示例性的,当终端设备在悬浮窗502任意区域接收到用户的滑动操作时,终端设备从图5中的b所示的界面切换为图5中的a所示的界面。同理,当终端设备在悬浮窗405任意区域接收到用户的滑动操作时,终端设备从图4中的d所示的界面切换为图4中的c所示的界面;当终端设备在悬浮窗408任意区域接收到用户的滑动操作时,终端设备从图4中的f所示的界面切换为图4中的e所示的界面。
可能的实现方式二中,当终端设备在A窗口或B窗口接收到任意操作时,终端设备隐藏悬浮窗,显示悬浮球。
可能的实现方式三中,当悬浮窗在预设时长内未接收到用户操作时,终端设备隐藏悬浮窗,显示悬浮球。
一些实施例中,悬浮窗中的每个截图还对应设置有关闭控件。示例性的,图5中的b所示的界面中,悬浮窗502还包括A关闭控件505和B关闭控件506。
当用户在图5中的b所示的界面中通过点击、触摸等操作触发A关闭控件505时,终端设备接收到关闭A页面的操作,终端设备进入到如图5中的c所示的界面。该界面包括A窗口、B窗口和悬浮窗507。A窗口显示有新闻应用的主页面。主页面包括多个新闻标题。B窗口显示有C页面。悬浮窗507显示有B截图。
当用户在图5中的b所示的界面中通过点击、触摸等操作触发B关闭控件506时,终端设备接收到关闭B页面的操作,终端设备进入到如图5中的d所示的界面。该界面包括A窗口、B窗口和悬浮窗508。A窗口显示有新闻应用的主页面。主页面包括多个新闻标题。B窗口显示有C页面。悬浮窗508显示有A截图。
可以理解的是,当悬浮窗中的最后一个截图被关闭时,终端设备不显示悬浮窗。
示例性的,当用户在图5中的c所示的界面中通过点击、触摸等操作触发B关闭控件509时,终端设备接收到关闭B页面的操作,终端设备进入到如图5中的e所示的界面。该界面包括A窗口、B窗口,不包括悬浮窗。A窗口显示有新闻应用的主页面。主页面包括多个新闻标题。B窗口显示有C页面。
当用户在图5中的d所示的界面中通过点击、触摸等操作触发A关闭控件510时,终端设备接收到关闭A页面的操作,终端设备进入到如图5中的e所示的界面。该界面包括A窗口、B窗口,不包括悬浮窗。A窗口显示有新闻应用的主页面。主页面包括多个新闻标题。B窗口显示有C页面。
在上述实施例的基础上,悬浮窗还设置有清除控件。终端设备在接收到针对清除控件的点击操作时,关闭悬浮窗。这样,用户可以一键关闭悬浮窗,简化操作,提示用户体验。
示例性的,图5中的b所示的悬浮窗502还包括清除控件511。当用户在图5中的b所示的界面中通过点击、触摸等操作触发清除控件511时,终端设备接收到关闭A页面和B页面的操作,终端设备进入到如图5中的e所示的界面。该界面包括A窗口、B窗口,不包括悬浮窗。A窗口显示有新闻应用的主页面。主页面包括多个新闻标题。B窗口显示有C页面。
在上述实施例的基础上,当终端设备接收到针对悬浮球的拖拽操作时,基于拖拽操作移动悬浮球的位置。
在上述实施例的基础上,当终端设备进入多窗模式、进入全屏播放、退出到桌面、手势上滑、展开态进入折叠态,或者在后台运行应用时,隐藏悬浮窗。
下面结合图6-图8对悬浮窗的创建、添加过程、销毁过程及移动过程进行说明。
示例性的,图6为本申请实施例提供的一种终端设备内部模块交互示意图。如图6所示,终端设备包括:输入管理器、活动管理器(AMS)、task、窗口管理器(WMS)和SF线程。如图6所示,交互流程包括:
S601、终端设备接收到用户点击操作,输入管理器将输入事件分发至活动管理器。输入事件包括:输入类型、坐标等。
示例性的,如图4所示,终端设备在图4中的b所示的界面接收到用户点击用户头像403的操作,输入管理器将点击操作对应的位置、类型等分发至活动管理器。
S602、活动管理器确定打开B窗口中的第一控件对应的页面。
第一控件可以为文字的形式,也可以为图片的形式,或者还可以为文字和图片的组合形式,本申请实施例对于第一控件的具体形式不做限定。
示例性的,如图4所示,活动管理器基于输入事件对应的坐标确定用户点击用户头像403,基于用户头像403确定新建activity,以更新B窗口显示的页面为B页面。
S603、活动管理器在确定新建activity后,调用task以对B窗口显示的界面进行管理。
示例性的,活动管理器在确定新建activity后,调用task界面显示的窗口进行管理。
S604、task确认B窗口更新页面,创建B窗口对应的悬浮窗。
若未创建第三窗口,task创建B窗口对应的悬浮窗,以实现对B窗口对应的多个activity进行管理。
S605、task向窗口管理器发送B窗口对应的悬浮窗的第一状态信息。
第一状态信息包括但不限于:窗口位置、窗口尺寸、窗口轮廓信息等。
示例性的,如图4所示,第一状态信息用于指示悬浮球404的位置、悬浮球404的形状、外观等信息。
S606、窗口管理器创建B窗口对应的悬浮窗图层,并基于第一状态信息绘制B窗口对应的悬浮窗。
S607、task对B窗口显示的A页面进行截图处理,得到A截图。Task保存A截图与A页面映射关系。
S608、task进行截图处理后,确定第一控件对应的页面为B页面。
S609、task向窗口管理器发送B页面信息。窗口管理器基于B页面信息绘制B窗口。
S610、窗口管理器调用SF线程在显示界面中显示悬浮窗,并在B窗口显示B页面。
示例性的,如图4所示,终端设备显示图4中的c所示的界面。
S611、终端设备接收到针对B窗口对应的悬浮窗的点击操作,输入管理器将输入事件分发至活动管理器。
S612、活动管理器基于输入事件的坐标确定切换第三窗口的状态。
S613、活动管理器调用task以对B窗口对应的悬浮窗进行管理;
S614、task更新B窗口对应的悬浮窗为第二状态。
S615、task向窗口管理器发送悬浮窗的第二状态信息和第一截图信息。
第二状态信息包括窗口位置、窗口尺寸、窗口轮廓信息等。截图信息包括:task保存的截图,以及截图的顺序、截图的位置等信息。
示例性的,如图4所示,第二状态信息用于指示悬浮窗405的位置、悬浮窗405的形状、外观等信息。截图信息包括A截图。
S616、窗口管理器基于第二状态信息和截图信息绘制B窗口对应的悬浮窗。
S617、窗口管理器调用SF线程在显示界面中显示B窗口对应的悬浮窗。
示例性的,如图4所示,终端设备显示图4中的d所示的界面。
上述图6所示的流程对界面中悬浮球的创建和截图的显示过程进行可说明。截图的添加过程可以参照上述S601-S603和S607。此处不再详细赘述。
下面结合图7对悬浮窗中截图的取出过程进行说明。
如图7所示,交互流程包括:
S701、终端设备在接收到针对A截图的点击操作或拖动操作,输入管理器将输入事件分发至活动管理器。
输入事件包括:输入操作的类型、坐标等。
示例性的,如图4所示,终端设备在图4中的d所示的界面接收到用户点击A截图406的操作,输入管理器将点击操作对应的位置、类型等分发至活动管理器。
S702、活动管理器基于输入事件的坐标确定触发A截图显示。
S703、活动管理器调用task以对B窗口对应的悬浮窗和B窗口进行管理;
S704、task对B窗口显示的B页面进行截图处理,并保存截图与B页面映射关系。
S705、task基于A截图确定更新B窗口显示A页面。
S706、task更新B窗口对应的悬浮窗为第一状态。
S707、task在向窗口管理器发送第三窗口的第一状态信息和A页面信息。
S708、窗口管理器基于第一状态信息绘制第三窗口,基于A页面信息绘制B窗口。
S709、窗口管理器调用SF线程在显示界面中显示B窗口和第三窗口。
示例性的,如图4所示,终端设备显示图4中的e所示的界面。
下面结合图8对悬浮窗中截图的销毁过程进行说明。
如图8所示,交互流程包括:
S801、终端设备接收到针对A截图对应的关闭控件的点击操作或拖动操作,输入管理器将输入事件分发至活动管理器。
输入事件包括:输入操作的类型、坐标等。
S802、活动管理器基于输入事件的坐标确定销毁A截图。
S803、活动管理器调用task以对B窗口对应的悬浮窗进行管理;
S804、task删除A截图,以及A截图与A页面映射关系。
若A截图为最后一个截图时,task向窗口管理器发送用于指示删除B窗口对应的悬浮窗图层的消息。
示例性的,终端设备在图5中的d所示的界面接收到用户点击A关闭控件510的操作,终端设备显示图5中的e所示的界面。
若A截图不是最后一个截图时,终端设备执行S805-S808。
S805、task向窗口管理器发送第二截图信息。
S806、窗口管理器基于第二截图信息绘制B窗口对应的悬浮窗。
S807、窗口管理器调用SF线程在显示界面中显示B窗口对应的悬浮窗。
示例性的,终端设备在图5中的b所示的界面接收到用户点击A关闭控件505的操作,终端设备显示图5中的c所示的界面。
下面结合图9和图10对应用分屏中的购物模式为锁定状态的场景中,终端设备的界面变化进行说明。
示例性的,图9为本申请实施例提供的一种终端设备的界面示意图。以购物应用且应用分屏中的购物模式为锁定状态为例,终端设备响应于用户打开购物应用的操作,显示图9中的a所示的界面。该界面包括A窗口和B窗口。A窗口显示有D页面。B窗口显示有E页面。D页面包括频道推荐和商品推荐,频道推荐可以包括“秒杀”、“直播”、“排行榜”、“闪购”等频道。商品推荐可以为“电脑”、“手机”等商品。E页面包括多个频道。例如,“潮流服饰”“男装馆”“女装馆”“美妆馆”“奢品”“百货”“自营”等。
当用户在图9中的a所示的界面中通过点击、触摸等操作触发D页面中的“秒杀”控件时,终端设备接收到用户针对“秒杀”控件的触发操作,终端设备进入到如图9中的b所示的界面。该界面包括A窗口、B窗口和B窗口对应的悬浮球901。A窗口显示有D页面。B窗口显示有F页面。F页面包括与“秒杀”频道相关的多个商品,例如,电脑902、“电视”等。
可以理解的是,图9中悬浮球901为半圆形,半透明状。悬浮球901还可以为圆形、方形或其他任意形状,本申请实施例对于悬浮球的形状等外观不做具体限定。
悬浮球901可以浮动显示于B窗口的任意位置。本申请实施例对于悬浮球901的具体显示位置不做限定。一些实施例中,悬浮球901位于B窗口的边缘位置,以减少对B窗口的遮挡,提升用户体验。
当用户在图9中的b所示的界面中通过点击、触摸等操作触发悬浮球901时,终端设备接收到用户打开悬浮窗的触发操作,终端设备进入到如图9中的c所示的界面。该界面包括A窗口、B窗口和B窗口对应的悬浮窗903。A窗口显示有D页面。B窗口显示有F页面。悬浮窗903显示有E截图904,E截图与E页面相对应。
当用户在图9中的c所示的界面中通过点击、触摸等操作触发E截图904时,终端设备接收到用户打开E页面的触发操作,终端设备进入到如图9中的d所示的界面。该界面包括A窗口、B窗口和B窗口对应的悬浮球905。A窗口显示有D页面。B窗口显示有E页面。
当用户在图9中的d所示的界面中通过点击、触摸等操作触发悬浮球905时,终端设备接收到用户打开悬浮窗的触发操作,终端设备进入到如图9中的e所示的界面。该界面包括A窗口、B窗口和B窗口对应的悬浮窗906。A窗口显示有D页面。B窗口显示有E页面。悬浮窗905显示有F截图907,F截图与F页面相对应。
可能的实现方式中,当用户在图9中的c所示的界面中通过点击、触摸等操作触发E截图904时,终端设备接收到用户打开A页面的触发操作,终端设备也可以进入到如图9中的f所示的界面。
可以理解的是,图9所示的实施例中,终端设备在B窗口进行页面切换时,保存截图至悬浮窗中以供用户浏览之前的界面。
在应用分屏的购物模式中,终端设备在A窗口也会进行页面切换。下面结合图10对A窗口的页面切换进行说明。
示例性的,当用户在图9中的b所示的界面中通过点击、触摸等操作触发电脑902时,终端设备接收到用户打开电脑链接的触发操作,终端设备进入到如图10中的a所示的界面。该界面包括A窗口、B窗口、A窗口对应的悬浮球1001,以及B窗口对应的悬浮球1002。A窗口显示有F页面。B窗口显示有G页面。
可以理解的是,图10中悬浮球1001为半圆形,半透明状。悬浮球1001还可以为圆形、方形或其他任意形状,本申请实施例对于悬浮球的形状等外观不做具体限定。
悬浮球1001可以浮动显示于A窗口的任意位置。本申请实施例对于悬浮球1001的具体显示位置不做限定。一些实施例中,悬浮球1001位于A窗口的边缘位置,以减少对A窗口的遮挡,提升用户体验。
悬浮球1002的位置、外观等可以参照上述悬浮球901的相关描述,此处不再赘述。
当用户在图10中的a所示的界面中通过点击、触摸等操作触发悬浮球1001时,终端设备接收到用户打开悬浮窗的触发操作,终端设备进入到如图10中的c所示的界面。该界面包括A窗口、B窗口和A窗口对应的悬浮窗1003,以及B窗口对应的悬浮球1004。A窗口显示有F页面。B窗口显示有G页面。悬浮窗1003显示有D截图1005,D截图与D页面相对应。
当用户在图10中的b所示的界面中通过点击、触摸等操作触发D截图1005时,终端设备接收到用户打开D页面的触发操作,终端设备进入到如图10中的c所示的界面。该界面包括A窗口、B窗口、A窗口对应的悬浮球1006,以及B窗口对应的悬浮球1007。A窗口显示有D页面。B窗口显示有G页面。
当用户在图10中的c所示的界面中通过点击、触摸等操作触发悬浮球1006时,终端设备接收到用户打开A窗口对应的悬浮窗的触发操作,终端设备进入到如图10中的d所示的界面。该界面包括A窗口、B窗口、A窗口对应的悬浮窗1008,以及B窗口对应的悬浮球1009。A窗口显示有D页面。B窗口显示有G页面。悬浮窗1008显示有F截图1009,F截图与F页面相对应。
可以理解的是,终端设备响应于用户打开购物应用的操作,显示图9中的a所示的界面。当用户在图9中的a所示的界面中通过点击、触摸等操作触发D页面中的“秒杀”控件时,终端设备接收到用户针对“秒杀”控件的触发操作,终端设备进入到如图9中的b所示的界面。
上述实施例中,用户点击A窗口显示的页面中的控件进行页面切换。
一些实施例中,应用分屏的购物模式为锁定状态的场景中,终端设备在打开进入应用时,在A窗口显示第一主页面,在B窗口显示第二主页面。当用户在第一主页面中的控件或者第二主页面的控件时,在A窗口显示第一主页面,B窗口显示的页面与第一主页面中的控件相关,或者与第二主页面中的控件相关。用户后续再次点击A窗口显示的页面,或者B窗口显示的页面时,B窗口显示最新页面,A窗口显示次新页面,两窗口不断更迭。
具体的,终端设备响应于用户打开购物应用的操作,进入购物应用的第一应用页面。该第一应用页面包括A窗口和B窗口。A窗口显示第一主页面,B窗口显示第二主页面。
若用户在第一应用页面点击第一主页面中的控件时,终端设备显示第三应用页面,该第三应用页面包括:A窗口、B窗口和B窗口对应的悬浮球,A窗口显示第一主页面,B窗口显示的页面与第一主页面中的控件相关。用户后续再次点击A窗口显示的页面,或者B窗口显示的页面时,B窗口显示最新页面,A窗口显示次新页面,两窗口不断更迭。此处不再详细赘述。(如图9所示)
当用户在第一应用页面点击第二主页面中的控件时,终端设备显示第二应用页面,该第二应用页面包括:A窗口、B窗口和B窗口对应的悬浮球,A窗口显示第一主页面,B窗口显示的页面与第二主页面中的控件相关。用户后续再次点击A窗口显示的页面,或者B窗口显示的页面时,B窗口显示最新页面,A窗口显示次新页面,两窗口不断更迭。此处不再详细赘述。
可以理解的是,应用分屏中的购物模式为锁定状态的场景中,B窗口显示最新页面,A窗口显示次新页面,两窗口不断更迭。
应用分屏中的购物模式为未锁定状态的场景中,A窗口和B窗口分别独立更新页面,互不干扰。具体的,若用户点击A窗口显示的页面中的控件,终端设备更新A窗口显示的页面,B窗口显示的页面不变;若用户点击B窗口显示的页面中的控件,终端设备更新B窗口显示的页面,A窗口显示的页面不变。
下面结合图11对应用分屏中的购物模式为未锁定状态的场景中,终端设备的界面变化进行说明。
示例性的,图11为本申请实施例提供的一种终端设备的界面示意图。以购物应用且应用分屏模式为未锁定状态为例,终端设备响应于用户打开购物应用的操作,显示图11中的a所示的界面。该界面包括A窗口和B窗口。A窗口显示有D页面。B窗口显示有E页面。D页面包括频道推荐和商品推荐,频道推荐可以包括“秒杀”、“直播”、“排行榜”、“闪购”等频道。商品推荐可以为“电脑”、“手机”等商品。E页面包括多个频道。例如,“潮流服饰”“男装馆”“女装馆”“美妆馆”“奢品”“百货”“自营”等。
当用户在图11中的a所示的界面中通过点击、触摸等操作触发D页面中的“秒杀”控件时,终端设备接收到用户针对“秒杀”控件的触发操作,终端设备进入到如图11中的b所示的界面。该界面包括A窗口、B窗口和A窗口对应的悬浮球1101。A窗口显示有H页面。H页面包括与“自营”频道相关的多个商品,例如,电脑1102、“电视”等。B窗口显示有E页面。
可以理解的是,图11中悬浮球1101为半圆形,半透明状。悬浮球1101还可以为圆形、方形或其他任意形状,本申请实施例对于悬浮球的形状等外观不做具体限定。
悬浮球1101可以浮动显示于B窗口的任意位置。本申请实施例对于悬浮球1101的具体显示位置不做限定。一些实施例中,悬浮球1101位于B窗口的边缘位置,以减少对B窗口的遮挡,提升用户体验。
当用户在图11中的b所示的界面中通过点击、触摸等操作触发悬浮球1101时,终端设备接收到用户打开悬浮窗的触发操作,终端设备进入到如图11中的c所示的界面。该界面包括A窗口、B窗口和A窗口对应的悬浮窗1103。B窗口显示有E页面。A窗口显示有F页面。悬浮窗1103显示有D截图1104,D截图与D页面相对应。
当用户在图11中的c所示的界面中通过点击、触摸等操作触发D截图1104时,终端设备接收到用户打开E页面的触发操作,终端设备进入到如图11中的d所示的界面。该界面包括A窗口、B窗口和A窗口对应的悬浮球1105。A窗口显示有D页面,B窗口显示有E页面。
当用户在图11中的d所示的界面中通过点击、触摸等操作触发悬浮球1105时,终端设备接收到用户打开悬浮窗的触发操作,终端设备进入到如图11中的e所示的界面。该界面包括A窗口、B窗口和A窗口对应的悬浮窗1106。A窗口显示有D页面。B窗口显示有E页面。悬浮窗1105显示有F截图1107,F截图与F页面相对应。
可以理解的是,应用分屏中的购物模式为未锁定状态的场景中,B窗口对应的悬浮球和悬浮窗变化与A窗口对应的悬浮球和悬浮窗变化类似,此处不再赘述。
可以理解的是,上述图4-图11所示的实施例中,用户可以通过拖拽的方式,改变悬浮球的位置。
示例性的,如图12所示,图12中的a所示界面中悬浮球的显示位置位于B窗口的底部,当终端设备检测到用户点击悬浮球并长按拖动悬浮球的操作时,进入如图12中的b所示界面。图12中的b界面中,悬浮球的显示位置可跟随用户手指移动,例如,用户长按悬浮球并向上拖动时,悬浮球相应向上移动。用户将悬浮球拖动至预设位置后,松开手指。
一些实施例中,悬浮球在拖动过程中,外形发生变化,示例性的,从半圆形变为圆形。
终端设备检测到用户的抬起操作,停止移动悬浮球,悬浮球则停留在手指执行抬起操作的位置处,终端设备进入如图12中的c所示界面。图12中的c界面中,悬浮球被移动到B窗口的顶部。
一些实施例中,当终端设备检测到用户的抬起操作,停止移动悬浮球,悬浮球则停留在B窗口中与手指执行抬起操作的位置距离最近的边缘位置。这样,可以减少悬浮球对B窗口的遮挡。下面结合图13对悬浮球的移动过程进行说明。
如图13所示,交互流程包括:
S1301、终端设备接收到用户拖拽悬浮球操作,输入管理器将输入事件分发至活动管理器。输入事件包括:输入类型、坐标等。
示例性的,如图12所示,终端设备在图12中的a所示的界面接收到用户拖拽悬浮球的操作,输入管理器将点击操作对应的位置、类型等分发至活动管理器。
S1302、活动管理器确定拖拽操作对应的窗口为B窗口对应的悬浮窗。
S1303、活动管理器调用task以对B窗口对应的悬浮窗显示的界面进行管理。
S1304、task基于拖拽操作的位置坐标,更新B窗口对应的悬浮窗的位置。
在拖拽操作过程中,B窗口对应的悬浮窗的位置为拖拽操作对应的位置坐标。
本申请实施例,通过拖拽操作结束时的位置坐标与B窗口对应的悬浮窗的边缘的距离,确定拖拽操作结束时第三窗口的位置。
若拖拽操作结束时,拖拽操作的位置坐标与B窗口的左边缘的距离,小于拖拽操作的位置坐标与B窗口的右边缘的距离,B窗口对应的悬浮窗显示在B窗口的左侧。
若拖拽操作结束时,拖拽操作的位置坐标与B窗口的左边缘的距离,大于拖拽操作的位置坐标与B窗口的右边缘的距离,B窗口对应的悬浮窗显示在B窗口的右侧。
若拖拽操作结束时,拖拽操作的位置坐标与B窗口的左边缘的距离,等于拖拽操作的位置坐标与B窗口的右边缘的距离,且拖拽操作之前B窗口对应的悬浮窗在B窗口的右侧,则拖拽操作之后,B窗口对应的悬浮窗显示在B窗口的右侧。
若拖拽操作结束时,拖拽操作的位置坐标与B窗口的左边缘的距离,等于拖拽操作的位置坐标与B窗口的右边缘的距离,且拖拽操作之前B窗口对应的悬浮窗在B窗口的左侧,则拖拽操作之后,B窗口对应的悬浮窗显示在B窗口的左侧。
S1305、task向窗口管理器发送B窗口对应的悬浮窗的位置信息。
S1306、窗口管理器基于位置信息绘制渲染B窗口对应的悬浮窗。
S1307、窗口管理器调用SF线程在显示界面中显示B窗口对应的悬浮窗。
A窗口对应的悬浮窗可以参照上述B窗口对应的悬浮窗的创建、销毁等过程,此处不再赘述。
可以理解的是,终端设备可以保存悬浮球的位置信息,以方便后续在原位置显示悬浮球。示例性的,终端设备保存有悬浮球的位置坐标,通过与屏幕的宽高计算比值,按包名记录到系统xml文件中。当进行旋转或者隐藏后再现悬浮球时,读取该位置记录,然后与当前屏幕的宽高进行乘法运算得到悬浮球的位置。
可以理解的是,上述实施例采用截图作为页面对应的标识,截图还可以替换为页面对应的其他标识,例如,数字、文字等。本申请实施例对页面对应的标识不作限定。此外,相比较于其他标识(例如,数字、文字等),截图更加直观,方便用户识别该标识对应的页面。
可以理解的是,上述实施例是以一次页面切换或者两次页面切换为例,对本申请实施例中的界面切换方法进行说明的。本申请实施例的界面切换方法还可以应用于多次页面切换,本申请实施例对此不作限定。
上述实施例分别对悬浮球在应用分屏的导航模式和购物模式中的应用进行了说明。悬浮球还可以应用在仅显示一个窗口的应用中。具体显示流程可以参照应用分屏的导航模式中第二窗口的显示流程,此处不再详细赘述。悬浮球还可以应用在多个窗口的应用中,此处不做限定。
上述实施例是以应用分屏为左右分屏的场景为例进行说明的,还可以适用于应用分屏为上下分屏的场景中,此处不再赘述。
需要说明的是,本申请实施例中的“在……时”,可以为在某种情况发生的瞬时,也可以为在某种情况发生后的一段时间内,本申请实施例对此不作具体限定。此外,本申请实施例提供的显示界面仅作为示例,显示界面还可以包括更多或更少的内容。
上面已对本申请实施例的界面切换方法进行了说明,下面对本申请实施例提供的执行上述界面切换方法的装置进行描述。本领域技术人员可以理解,方法和装置可以相互结合和引用,本申请实施例提供的相关装置可以执行上述界面切换方法中的步骤。
如图14所示,图14为本申请实施例提供的一种界面切换装置的结构示意图,该界面切换装置可以是本申请实施例中的终端设备,也可以是终端设备内的芯片或芯片系统。
如图14所示,界面切换装置2100可以用于通信设备、电路、硬件组件或者芯片中,该界面切换装置包括:显示单元2101、以及处理单元2102。其中,显示单元2101用于支持界面切换装置2100执行的显示的步骤;处理单元2102用于支持界面切换装置2100执行信息处理的步骤。
可能的实现方式中,该界面切换装置2100中也可以包括通信单元2103。具体的,通信单元用于支持界面切换装置2100执行数据的发送以及数据的接收的步骤。其中,该通信单元2103可以是输入或者输出接口、管脚或者电路等。
可能的实施例中,界面切换装置还可以包括:存储单元2104。处理单元2102、存储单元2104通过线路相连。存储单元2104可以包括一个或者多个存储器,存储器可以是一个或者多个设备、电路中用于存储程序或者数据的器件。存储单元2104可以独立存在,通过通信线路与界面切换装置具有的处理单元2102相连。存储单元2104也可以和处理单元2102集成在一起。
存储单元2104可以存储终端设备中的方法的计算机执行指令,以使处理单元2102执行上述实施例中的方法。存储单元2104可以是寄存器、缓存或者RAM等,存储单元2104可以和处理单元2102集成在一起。存储单元2104可以是只读存储器(read-only memory,ROM)或者可存储静态信息和指令的其他类型的静态存储设备,存储单元2104可以与处理单元2102相独立。
本申请实施例提供的界面切换方法,可以应用在具备显示功能的电子设备中。电子设备包括终端设备,终端设备的具体设备形态等可以参照上述相关说明,此处不再赘述。
本申请实施例提供一种终端设备,该终端设备包括:处理器和存储器;存储器存储计算机执行指令;处理器执行存储器存储的计算机执行指令,使得终端设备执行上述方法。
本申请实施例提供一种芯片。芯片包括处理器,处理器用于调用存储器中的计算机程序,以执行上述实施例中的技术方案。其实现原理和技术效果与上述相关实施例类似,此处不再赘述。
本申请实施例还提供了一种计算机可读存储介质。计算机可读存储介质存储有计算机程序。计算机程序被处理器执行时实现上述方法。上述实施例中描述的方法可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。如果在软件中实现,则功能可以作为一个或多个指令或代码存储在计算机可读介质上或者在计算机可读介质上传输。计算机可读介质可以包括计算机存储介质和通信介质,还可以包括任何可以将计算机程序从一个地方传送到另一个地方的介质。存储介质可以是可由计算机访问的任何目标介质。
一种可能的实现方式中,计算机可读介质可以包括RAM,ROM,只读光盘(compactdisc read-only memory,CD-ROM)或其它光盘存储器,磁盘存储器或其它磁存储设备,或目标于承载的任何其它介质或以指令或数据结构的形式存储所需的程序代码,并且可由计算机访问。而且,任何连接被适当地称为计算机可读介质。例如,如果使用同轴电缆,光纤电缆,双绞线,数字用户线(Digital Subscriber Line,DSL)或无线技术(如红外,无线电和微波)从网站,服务器或其它远程源传输软件,则同轴电缆,光纤电缆,双绞线,DSL或诸如红外,无线电和微波之类的无线技术包括在介质的定义中。如本文所使用的磁盘和光盘包括光盘,激光盘,光盘,数字通用光盘(Digital Versatile Disc,DVD),软盘和蓝光盘,其中磁盘通常以磁性方式再现数据,而光盘利用激光光学地再现数据。上述的组合也应包括在计算机可读介质的范围内。
本申请实施例提供一种计算机程序产品,计算机程序产品包括计算机程序,当计算机程序被运行时,使得计算机执行上述方法。
本申请实施例是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程设备的处理单元以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理单元执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
以上的具体实施方式,对本发明的目的、技术方案和有益效果进行了进一步详细说明,所应理解的是,以上仅为本发明的具体实施方式而已,并不用于限定本发明的保护范围,凡在本发明的技术方案的基础之上,所做的任何修改、等同替换、改进等,均应包括在本发明的保护范围之内。
Claims (21)
1.一种界面切换方法,其特征在于,包括:
终端设备显示第一界面,所述第一界面包括:第一窗口,所述第一窗口显示有包括第一控件的第一页面;
所述终端设备接收到针对所述第一控件的第一操作;
所述终端设备响应于所述第一操作,显示第二界面,所述第二界面包括:所述第一窗口和所述第一窗口对应的第一悬浮球,所述第一窗口显示有第二页面,所述第二页面与所述第一控件相关;
所述终端设备接收到针对所述第一悬浮球的第二操作;
所述终端设备响应于所述第二操作,显示第三界面,所述第三界面包括:所述第一窗口和所述第一窗口对应的第一悬浮窗,所述第一窗口显示有所述第二页面,所述第一悬浮窗显示有所述第一页面对应的第一截图;
所述终端设备接收到针对所述第一截图的第三操作;
所述终端设备响应于所述第三操作,显示第四界面,所述第四界面包括:所述第一窗口和所述第一悬浮球,所述第一窗口显示有所述第一页面。
2.根据权利要求1所述的方法,其特征在于,所述第一页面还包括第二控件;
所述方法还包括:
所述终端设备接收到针对所述第二控件的第四操作;
所述终端设备响应于所述第四操作,显示第五界面,所述第五界面包括:所述第一窗口和所述第一悬浮球,所述第一窗口显示有第三页面,所述第三页面与所述第二控件相关;
所述终端设备在所述第五界面接收到针对所述第一悬浮球的第五操作;
所述终端设备响应于所述第五操作,显示第六界面,所述第六界面包括:所述第一窗口和第一悬浮窗,所述第一窗口显示有所述第三页面,所述第一悬浮窗显示有所述第一截图和所述第二页面对应的第二截图。
3.根据权利要求1或2所述的方法,其特征在于,所述第一悬浮窗在显示所述第一截图时还显示有所述第一截图对应的第一关闭控件,以及在显示所述第二截图时还显示有所述第二截图对应的第二关闭控件;
所述方法还包括:
所述终端设备在所述第六界面接收到针对所述第一关闭控件的第六操作;
所述终端设备响应于所述第六操作,显示第七界面,所述第七界面包括:所述第一窗口和所述第一悬浮窗,所述第一窗口显示有所述第三页面,所述第一悬浮窗显示有所述第二截图和所述第二关闭控件。
4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
所述终端设备在所述第七界面接收到针对所述第二关闭控件的第七操作;
所述终端设备响应于所述第七操作,显示第八界面,所述第八界面包括所述第一窗口,不包括所述第一悬浮球和所述第一悬浮窗,所述第一窗口显示有所述第三页面。
5.根据权利要求1-3任一项所述的方法,其特征在于,所述第一悬浮窗还包括清除控件;
所述方法还包括:
所述终端设备在所述第六界面或所述第七界面接收到针对所述清除控件的第八操作;
所述终端设备响应于所述第八操作,显示第八界面,所述第八界面包括:所述第一窗口,不包括所述第一悬浮球和所述第一悬浮窗,所述第一窗口显示有所述第三页面。
6.根据权利要求1-5任一项所述的方法,其特征在于,所述第一界面、所述第二界面、所述第三界面、所述第四界面、第五界面、第六界面、第七界面和第八界面还包括第二窗口,所述第二窗口显示有第四页面。
7.根据权利要求6所述的方法,其特征在于,所述终端设备在显示所述第一界面前,所述方法还包括:
所述终端设备显示第九界面,所述第九界面包括所述第二窗口,不包括所述第一窗口,所述第二窗口显示有所述第四页面;
所述终端设备接收到针对所述第四页面中第三控件的第九操作;
所述终端设备响应于所述第九操作,显示所述第一界面,所述第三控件与所述第一页面相关。
8.根据权利要求6所述的方法,其特征在于,所述第四页面包括第四控件;
所述方法还包括:
所述终端设备在第五界面、第六界面或第七界面接收到针对所述第四控件的第九操作;
所述终端设备响应于所述第九操作,显示第十界面,所述第十界面包括:所述第一窗口、所述第一悬浮球、所述第二窗口和所述第二窗口对应的第二悬浮球,所述第一窗口显示有所述第三页面,所述第二窗口显示有所述第五页面。
9.根据权利要求8所述的方法,其特征在于,所述方法还包括:
所述终端设备接收到针对所述第二悬浮球的第十操作;
所述终端设备响应于所述第十操作,显示第十一界面,所述第十一界面包括:所述第一窗口、所述第一悬浮球、所述第二窗口和所述第二窗口对应的第二悬浮窗,所述第一窗口显示有所述第三页面,所述第二窗口显示有所述第五页面,所述第二悬浮窗显示有所述第四页面对应的第四截图。
10.根据权利要求1-9任一项所述的方法,其特征在于,所述终端设备响应于所述第一操作,显示第二界面,包括:
所述终端设备中的活动管理器基于所述第一操作调用任务栈task;
所述task基于所述第一操作确认更新所述第一窗口的页面,并创建所述第一窗口对应的第一悬浮窗;
所述task向所述终端设备中的窗口管理器发送第一悬浮窗的第一状态信息;
所述窗口管理器创建所述第一悬浮窗对应的图层,并基于所述第一状态信息绘制所述第一悬浮球;
所述窗口管理器向所述终端设备中的SF线程发送绘制好的所述第一悬浮球,以在所述终端设备的显示屏显示;
所述task对所述第一窗口显示的所述第一页面进行截图处理,得到所述第一截图,并保存所述第一截图与所述第一页面的对应关系;
所述task基于所述第一操作确定所述第二页面;
所述task向所述窗口管理器发送所述第二页面的页面信息;
所述窗口管理器基于所述第二页面的页面信息绘制所述第二页面;
所述窗口管理器向所述SF线程发送绘制好的所述第二页面,以在所述终端设备的显示屏显示;
所述终端设备显示所述第二界面。
11.根据权利要求10所述的方法,其特征在于,所述终端设备响应于所述第二操作,显示第三界面,包括:
所述终端设备中的活动管理器基于所述第二操作调用所述task;
所述task基于所述第二操作调整所述第一悬浮窗为第二状态;
所述task向所述窗口管理器发送所述第一截图和所述第一悬浮窗的第二状态信息;
所述窗口管理器基于所述第一截图和所述第一悬浮窗的第二状态信息绘制所述第一悬浮窗;
所述窗口管理器向所述SF线程发送绘制好的所述第一悬浮窗,以在所述终端设备的显示屏显示;
所述终端设备显示所述第三界面。
12.根据权利要求10或11所述的方法,其特征在于,所述终端设备响应于所述第三操作,显示第四界面,包括:
所述终端设备中的活动管理器基于所述第三操作调用所述task;
所述task对所述第一窗口显示的所述第二页面进行截图处理,得到第二截图,并保存所述第二截图和所述第二页面之间的映射关系;
所述task向所述窗口管理器发送第一悬浮窗的第一状态信息;
所述task向所述窗口管理器发送所述第一状态信息;
所述窗口管理器基于所述第一状态信息绘制所述第一悬浮球;
所述窗口管理器向所述SF线程发送绘制好的所述第一悬浮球,以在所述终端设备的显示屏显示;
所述task基于所述第三操作确定所述第一页面;
所述task向所述窗口管理器发送所述第一页面的页面信息;
所述窗口管理器基于所述第一页面的页面信息绘制所述第一页面;
所述窗口管理器向所述SF线程发送绘制好的所述第一页面,以在所述终端设备的显示屏显示;
所述终端设备显示所述第四界面。
13.一种界面切换方法,其特征在于,包括:
终端设备显示第一界面,所述第一界面包括:第一窗口和第二窗口,所述第一窗口显示有第一页面,所述第二窗口显示包括第一控件的第二页面;
终端设备接收到针对所述第一控件的第一操作;
所述终端设备响应于所述第一操作,显示第二界面,所述第二界面包括:所述第一窗口、所述第二窗口和所述第一窗口对应的第一悬浮球,所述第一窗口显示有所述第二页面,所述第二窗口显示有第三页面,所述第三页面与所述第一控件相关;
所述终端设备接收到针对所述第一悬浮球的第二操作;
所述终端设备响应于所述第二操作,显示第三界面,所述第三界面包括:所述第一窗口、所述第二窗口和所述第一窗口对应的第一悬浮窗,所述第一窗口显示有所述第二页面,所述第二窗口显示所述第三页面,所述第一悬浮窗显示有所述第一页面对应的第一截图;
所述终端设备接收到针对所述第一截图的第三操作;
所述终端设备响应于所述第三操作,显示第四界面,所述第四界面包括:所述第一窗口、所述第二窗口和所述第一悬浮球,所述第一窗口显示有所述第一页面,所述第二窗口显示所述第三页面。
14.根据权利要求13所述的方法,其特征在于,所述第一界面还包括所述第二窗口对应的第二悬浮球;
所述终端设备显示第一界面之前,所述方法还包括:
所述终端设备显示第五界面,所述第五界面包括:所述第一窗口和所述第二窗口,所述第一窗口显示有所述第一页面,所述第一页面包括第二控件,所述第二窗口显示有第四页面;
所述终端设备接收到针对所述第二控件的第四操作;
所述终端设备响应于所述第四操作,显示所述第一界面,所述第二控件与所述第二页面相关。
15.根据权利要求13所述的方法,其特征在于,所述第一界面还包括所述第二窗口对应的第二悬浮球;
所述终端设备显示第一界面之前,所述方法还包括:
所述终端设备显示第六界面,所述第六界面包括:所述第一窗口和所述第二窗口,所述第一窗口显示有所述第一页面,所述第二窗口显示有第四页面,所述第四页面包括第三控件;
所述终端设备接收到针对所述第三控件的第五操作;
所述终端设备响应于所述第五操作,显示所述第一界面,所述第三控件与所述第二页面相关。
16.根据权利要求13-15任一项所述的方法,其特征在于,所述终端设备在所述第四界面接收到针对所述第一悬浮球的第六操作;
所述终端设备响应于所述第六操作,显示第七界面,所述第七界面包括:所述第一窗口、所述第二窗口和所述第一悬浮窗,所述第一窗口显示有所述第一页面,所述第二窗口显示所述第三页面,所述第一悬浮窗显示有所述第二页面对应的第二截图。
17.根据权利要求16所述的方法,其特征在于,所述第一悬浮窗在显示所述第二截图时还显示有所述第二截图对应的第二关闭控件;
所述方法还包括:
所述终端设备在所述第七界面接收到针对所述第二关闭控件的第七操作;
所述终端设备响应于所述第七操作,显示第八界面,所述第八界面包括所述第一窗口、所述第二窗口,不包括所述第一悬浮球和所述第一悬浮窗,所述第一窗口显示有所述第一页面,所述第二窗口显示所述第三页面。
18.根据权利要求16所述的方法,其特征在于,所述第一悬浮窗还包括清除控件;
所述方法还包括:
所述终端设备在所述第七界面接收到针对所述清除控件的第八操作;
所述终端设备响应于所述第八操作,显示第八界面,所述第八界面包括:所述第一窗口,不包括所述第一悬浮球和所述第一悬浮窗,所述第一窗口显示有所述第一页面,所述第二窗口显示所述第三页面。
19.一种终端设备,其特征在于,包括:处理器和存储器;
所述存储器存储计算机执行指令;
所述处理器执行所述存储器存储的计算机执行指令,使得所述终端设备执行如权利要求1-18中任一项所述的方法。
20.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1-18任一项所述的方法。
21.一种计算机程序产品,其特征在于,包括计算机程序,当所述计算机程序被运行时,使得计算机执行如权利要求1-18任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211392250.5A CN115729660A (zh) | 2022-11-08 | 2022-11-08 | 界面切换方法和相关装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211392250.5A CN115729660A (zh) | 2022-11-08 | 2022-11-08 | 界面切换方法和相关装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115729660A true CN115729660A (zh) | 2023-03-03 |
Family
ID=85294886
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211392250.5A Pending CN115729660A (zh) | 2022-11-08 | 2022-11-08 | 界面切换方法和相关装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115729660A (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107870784A (zh) * | 2017-11-24 | 2018-04-03 | 维沃移动通信有限公司 | 一种显示控制方法、移动终端及计算机可读存储介质 |
CN109062479A (zh) * | 2018-07-09 | 2018-12-21 | Oppo广东移动通信有限公司 | 分屏应用切换方法、装置、存储介质和电子设备 |
WO2022068563A1 (zh) * | 2020-09-30 | 2022-04-07 | 华为技术有限公司 | 一种历史页面的打开方法、相关设备及计算机存储介质 |
CN114780089A (zh) * | 2022-03-03 | 2022-07-22 | 北京字节跳动网络技术有限公司 | 一种页面切换时的悬浮窗添加方法、装置、设备及介质 |
-
2022
- 2022-11-08 CN CN202211392250.5A patent/CN115729660A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107870784A (zh) * | 2017-11-24 | 2018-04-03 | 维沃移动通信有限公司 | 一种显示控制方法、移动终端及计算机可读存储介质 |
CN109062479A (zh) * | 2018-07-09 | 2018-12-21 | Oppo广东移动通信有限公司 | 分屏应用切换方法、装置、存储介质和电子设备 |
WO2022068563A1 (zh) * | 2020-09-30 | 2022-04-07 | 华为技术有限公司 | 一种历史页面的打开方法、相关设备及计算机存储介质 |
CN114780089A (zh) * | 2022-03-03 | 2022-07-22 | 北京字节跳动网络技术有限公司 | 一种页面切换时的悬浮窗添加方法、装置、设备及介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11823341B2 (en) | 3D object camera customization system | |
US11210850B2 (en) | Rendering 3D captions within real-world environments | |
CN114911380B (zh) | 卡片显示方法、电子设备及计算机可读存储介质 | |
WO2022100315A1 (zh) | 应用界面的生成方法及相关装置 | |
US11758080B2 (en) | DIY effects image modification | |
US11775165B2 (en) | 3D cutout image modification | |
CN109948101B (zh) | 页面切换方法、装置、存储介质及电子设备 | |
WO2021047230A1 (zh) | 一种获取截图信息的方法及装置 | |
CN113805744A (zh) | 窗口的显示方法和电子设备 | |
US20230089838A1 (en) | Rendering 3d captions within real-world environments | |
CN111176533A (zh) | 壁纸切换方法、装置、存储介质以及终端 | |
CN115729660A (zh) | 界面切换方法和相关装置 | |
WO2022052677A1 (zh) | 界面显示方法及电子设备 | |
CN115421599B (zh) | 输入法显示控制方法及相关装置 | |
CN116700554B (zh) | 信息的显示方法、电子设备及可读存储介质 | |
WO2024067122A1 (zh) | 一种窗口显示方法及电子设备 | |
WO2024109220A1 (zh) | 显示卡片的方法、电子设备及可读存储介质 | |
CN117707451A (zh) | 显示方法和相关装置 | |
CN117893639A (zh) | 图片处理方法及相关装置 | |
CN117101117A (zh) | 触控方法及相关设备 | |
CN117971087A (zh) | 数据处理方法和相关装置 | |
CN116088745A (zh) | 应用的打开方法和相关装置 | |
CN118034568A (zh) | 手写输入处理的方法及装置 | |
CN116737104A (zh) | 音量调节方法和相关装置 | |
CN116700554A (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 |