[发明专利]切换父页面和子页面的方法、相关装置

说明书

本申请公开了一种切换父页面和子页面的方法及相关装置。电子设备检测到用于从父页面切换至子页面的操作时，响应于该操作，电子设备由全屏显示父页面切换为在显示屏的第一侧叠加显示子页面的中间部分，并控制子页面逐渐向显示屏的第二侧移动，同时，增加子页面在显示屏上显示的部分，直至子页面全屏显示在显示屏上。这样的从父页面切换至子页面的过程，可以缩短用户的视觉运动动线，提供更好的视觉效果，提升用户体验。

技术领域

本申请涉及终端领域及计算机图形处理技术领域，特别涉及切换父页面和子页面的方法、相关装置。

背景技术

在使用手机、平板电脑等电子设备的过程中，用户在操作电子设备上安装的应用程序(application，APP)时，经常从父页面切换到子页面，或者从子页面切换到父页面。例如，用户在操控电子设备上安装的“联系人(contacts)”应用时，可以从“联系人(contacts)”应用提供的主页面切换到用于展示某个具体联系人的通讯录详情的页面。

目前，搭载安卓(Android)操作系统的电子设备在切换父子页面时，一般有两种切换方式。以从父页面切换至子页面为例进行说明：

现有方式一：子页面从屏幕底部往顶部移动显示的方式。这样的切换方式，用户的视觉移动路径为屏幕底部至顶部，该视觉移动路径较长，体验不佳。

现有方式二：子页面从屏幕右侧往左侧移动并变换透明度的显示方式。由于切换父子级页面是常用操作，耗费时长一般较短。这样的切换方式，用户可以看到父页面的残影，切换效果较突兀，体验不佳。

基于目前用户频繁切换父子页面的情况，有必要提出相应的技术方案，使得父子级页面的切换更加符合用户预期，给用户更好的视觉效果，从而提升用户体验。

发明内容

本申请提供了切换父页面和子页面的方法、相关装置，在从父页面切换至子页面时，缩短用户的视觉运动动线，提供更好的视觉效果，提升用户体验。

第一方面，本申请提供了切换父页面和子页面的方法，该方法应用于电子设备。该方法可包括：电子设备在显示屏上全屏显示应用程序提供的父页面；其中，该应用程序还提供子页面，父页面是子页面的上级页面，且，父页面和子页面的大小相同；电子设备检测到用于从父页面切换至子页面的操作，响应于用于从父页面切换至子页面的操作，电子设备自动执行以下步骤：

由全屏显示父页面切换为在显示屏的第一侧叠加显示子页面的中间部分，子页面的中间部分的高度与子页面的高度相同，子页面的中间部分的宽度小于子页面的宽度；

控制子页面逐渐向显示屏的第二侧移动，同时，逐渐增加子页面在显示屏上显示的部分，直至子页面全屏显示在显示屏上，其中，第二侧与第一侧相反。

实施第一方面的方法，用户可以看到子页面向第二侧移动并且子页面在显示屏上显示的部分逐渐增加，父页面在显示屏中显示的部分逐渐减少，直至子页面全屏显示在显示屏上。电子设备提供的这种从父页面切换至子页面的方式，符合用户预期，视觉效果自然，用户的视觉运动动线较短，可以给用户最优的使用体验。

结合第一方面，在一些实施例中，父页面中可包括一个或多个条目。该一个或多个条目可接收打开对应界面的操作(如触摸操作)。该从父页面切换至子页面的操作可以包括作用于该条目上的操作(例如触摸操作)。不限于作用于该条目上的操作，用于从父页面切换至子页面的操作还可以包括用户输入的语音指令等，本申请对此不做限制。

结合第一方面，本申请对子页面的中间部分的面积大小不做限制。在一些实施例中，子页面的中间部分不包含子页面两侧的边缘。

结合第一方面，在一些实施例中，显示屏的第一侧为显示屏的右侧，显示屏的第二侧为显示屏的左侧。也就是说，在第一方面提供的从父页面切换至子页面的方法中，子页面向显示屏的左侧移动并且子页面在显示屏上显示的内容逐渐增加，直至子页面全屏显示在显示屏上。