界面切换方法和相关装置制造方法及图纸

本申请实施例提供界面切换方法和相关装置。该方法包括：显示包括第一窗口的第一界面，第一窗口显示有包括第一控件的第一页面；接收到针对第一控件的第一操作；响应于第一操作显示第二界面，第二界面包括第一窗口和第一悬浮球，第一窗口显示有第二页面，第二页面与第一控件相关；接收到针对第一悬浮球的第二操作；响应于第二操作显示第三界面，第三界面包括第一窗口和第一悬浮窗，第一窗口显示有第二页面，第一悬浮窗显示有第一页面对应的第一截图；接收到针对第一截图的第三操作；响应于第三操作显示包括第一窗口和第一悬浮球的第四界面，第一窗口显示有第一页面。这样，通过悬浮窗实现第一窗口显示的页面的切换，简单易于实现，提升用户体验。提升用户体验。提升用户体验。

【技术实现步骤摘要】
界面切换方法和相关装置


[0001]本申请涉及终端
，尤其涉及界面切换方法和相关装置。

技术介绍

[0002]目前，用户可以通过终端设备的显示屏浏览各类内容。终端设备可以响应于用户在显示屏上的点击操作，切换显示屏显示的界面。
[0003]可能的设计中，当终端设备接收到用户在多次点击切换界面后，想要回退之前浏览过的某一界面时，终端设备在接收到用户多次按压返回键操作或者多次滑动操作才能返回之前浏览过的界面。
[0004]但是，在终端设备多次控制显示屏切换页面的场景中，用户可能需要多次点击回退控件，以控制终端设备显示之前浏览过的界面。这种方式操作繁琐，用户体验差。

技术实现思路

[0005]本申请实施例提供一种界面切换方法和相关装置，应用于终端
将除了正在显示的页面之外的其他页面映射到悬浮球内；通过点击悬浮球内的界面标识，打开相应页面。这样，终端设备可以通过悬浮窗实现对相应窗口中浏览过的页面进行管理，通过悬浮球实现浏览过的界面的查找与切换，不需要通过回退的方式返回之前浏览过的页面，操作简单方便，易于实现。
[0006]第一方面，本申请实施例提出一种界面切换方法。该方法包括：终端设备显示第一界面，第一界面包括：第一窗口，第一窗口显示有包括第一控件的第一页面；终端设备接收到针对第一控件的第一操作；终端设备响应于第一操作，显示第二界面，第二界面包括：第一窗口和第一窗口对应的第一悬浮球，第一窗口显示有第二页面，第二页面与第一控件相关；终端设备接收到针对第一悬浮球的第二操作；终端设备响应于第二操作，显示第三界面，第三界面包括：第一窗口和第一窗口对应的第一悬浮窗，第一窗口显示有第二页面，第一悬浮窗显示有第一页面对应的第一截图；终端设备接收到针对第一截图的第三操作；终端设备响应于第三操作，显示第四界面，第四界面包括：第一窗口和第一悬浮球，第一窗口显示有第一页面。
[0007]本申请实施例中，第一界面至第四界面可以对应于图4中的b
‑
e所示的界面、图11中的a
‑
d所示的界面。第一窗口可以对应于图4中的B窗口，或者对应于图11中的A窗口。第一操作、第二操作、第三操作均可以为用户点击、触摸等操作，本申请实施例对此不作限定。第一控件可以对应于下文中的用户头像等控件。
[0008]页面对应的标识可以为页面的截图或页面对应的文字、页面对应的链接等。本申请实施例对此不作限定。这样，页面对应的标识可以为页面的截图时，显示更加直观，方便用户识别相应页面。
[0009]可以理解的是，第一窗口中的页面从第一页面切换为第二页面时，终端设备可以存储第一页面对应的标识，通过悬浮窗显示该标识，并实现第一窗口中的页面切换为第一
页面显示。
[0010]这样，悬浮窗可以显示切换之前的页面对应的标识，通过悬浮球和悬浮窗，实现窗口之前的页面的切换，操作便捷，易于实现，提升用户体验。此外，悬浮球还可以减少对相应窗口的遮挡，方便用户浏览相应窗口显示的页面，提升用户体验。
[0011]可选的，第一页面还包括第二控件；方法还包括：终端设备接收到针对第二控件的第四操作；终端设备响应于第四操作，显示第五界面，第五界面包括：第一窗口和第一悬浮球，第一窗口显示有第三页面，第三页面与第二控件相关；终端设备在第五界面接收到针对第一悬浮球的第五操作；终端设备响应于第五操作，显示第六界面，第六界面包括：第一窗口和第一悬浮窗，第一窗口显示有第三页面，第一悬浮窗显示有第一截图和第二页面对应的第二截图。
[0012]本申请实施例中，第四操作和第三操作均可以为用户点击、触摸等操作，本申请实施例对此不作限定。第五界面、第六界面可以对应于图6所示的界面。可以理解的是，第一窗口新增页面切换显示时，悬浮窗内页面的标识也相应增加。
[0013]这样，当第一窗口的页面再次切换时，悬浮窗对应的标识也相应增加。
[0014]可选的，第一悬浮窗在显示第一截图时还显示有第一截图对应的第一关闭控件，以及在显示第二截图时还显示有第二截图对应的第二关闭控件；方法还包括：终端设备在第六界面接收到针对第一关闭控件的第六操作；终端设备响应于第六操作，显示第七界面，第七界面包括：第一窗口和第一悬浮窗，第一窗口显示有第三页面，第一悬浮窗显示有第二截图和第二关闭控件。
[0015]本申请实施例中，第六操作可以为用户点击、触摸等操作，本申请实施例对此不作限定。第七界面可以对应于图5中的c或d所示的界面。
[0016]这样，可以通过关闭控件删除相应标识，减少悬浮窗显示的标识数量。方便用户管理悬浮窗内的标识。
[0017]可选的，方法还包括：终端设备在第七界面接收到针对第二关闭控件的第七操作；终端设备响应于第七操作，显示第八界面，第八界面包括第一窗口，不包括第一悬浮球和第一悬浮窗，第一窗口显示有第三页面。
[0018]本申请实施例中，第七操作可以为用户点击、触摸等操作，本申请实施例对此不作限定。第八界面可以对应于图5中的e所示的界面。
[0019]这样，当悬浮窗内没有标识时，终端设备销毁悬浮窗，减少对相应窗口的遮挡。
[0020]可选的，第一悬浮窗还包括清除控件；方法还包括：终端设备在第六界面或第七界面接收到针对清除控件的第八操作；终端设备响应于第八操作，显示第八界面，第八界面包括：第一窗口，不包括第一悬浮球和第一悬浮窗，第一窗口显示有第三页面。
[0021]本申请实施例中，第六界面、第七界面、第八界面可以对应于下文图5所示的界面。第八操作可以为用户点击、触摸等操作，本申请实施例对此不作限定。
[0022]这样，还可以通过清除控件删除悬浮窗内的全部标识，销毁悬浮窗。
[0023]可选的，第一界面、第二界面、第三界面、第四界面、第五界面、第六界面、第七界面和第八界面还包括第二窗口，第二窗口显示有第四页面。
[0024]这样，终端设备还可以显示有第二窗口，适用于应用分屏的导航模式，或者应用分屏的购物模式未锁定的场景中。
[0025]可以理解的是，还可以适用于应用分屏的购物模式，若第一页面对应于下文中的第二主页面，点击第二主页面中的控件时，B窗口显示的页面切换，A窗口显示不变。
[0026]可选的，终端设备在显示第一界面前，方法还包括：终端设备显示第九界面，第九界面包括第二窗口，不包括第一窗口，第二窗口显示有第四页面；终端设备接收到针对第四页面中第三控件的第九操作；终端设备响应于第九操作，显示第一界面，第三控件与第一页面相关。
[0027]第九界面可以对应于图5中的a所示的界面。适用于采用应用分屏的导航模式的应用中。例如，新闻应用等。第九操作可以为用户点击、触摸等操作，本申请实施例对此不作限定。
[0028]可选的，第四页面包括第四控件；方法还包括：终端设备在第五界面、第六界面或第七界面接收到针对第四控件的第九操作；终端设备响应于第九操作，显示第十界面，第十界面包括：第一窗口、第一悬浮球、第二窗口和第二窗口对应的第本文档来自技高网...

【技术保护点】

【技术特征摘要】
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所述的方法，其特征在于，所述终端设备响应于所述第二操作，显...

【专利技术属性】
技术研发人员：曹鑫，段可，
申请(专利权)人：荣耀终端有限公司，
类型：发明
国别省市：