一种屏幕显示方法及相关电子设备与流程
本技术涉及屏幕显示领域，尤其涉及一种屏幕显示方法及相关电子设备。
背景技术：
1、近年来，平板电脑和折叠屏手机等电子设备由于屏幕大，方便分屏，使得用户可以在一块屏幕上对两个应用程序进行操作，提高了用户的使用体验，因而受到青睐。例如，对于平板电脑而言，可以使用平板电脑的分屏功能将视频应用和办公软件进行左右分屏，从而在平板电脑的屏幕上同时显示视频播放界面和文本编辑界面。这样，用户就可以在使用平板电脑观看视频的同时，进行文档编辑，让用户娱乐休闲两不误。
技术实现思路
1、本技术实施例提供了一种屏幕显示方法及相关电子设备，该方法解决了分屏过程中，因要显示分屏动效需要额外添加图层，导致代码复杂，从而使得后期技术人员难以进行技术维护的问题。
2、第一方面，本技术实施例提供了一种屏幕显示方法，应用于具备显示屏的电子设备，该方法包括：显示第一界面，在第一界面上显示有悬浮窗，悬浮窗包括第一控件，悬浮窗对应第一应用，第一界面对应第二应用；响应针对第一控件的第一操作，将悬浮窗设置为第一模式，第一模式为悬浮窗可在显示屏上移动的工作模式；若第一应用和第二应用均为支持上下分屏和左右分屏的应用，在显示屏的显示区域的上、下、左、右四个方向分别确定一个或多个热区；若第一应用和第二应用不均为支持上下分屏和左右分屏的应用，在显示屏的显示区域的上、下两个方向或左、右两个方向分别确定一个或多个形状规则的热区；响应针对第一控件的第二操作，移动悬浮窗在显示屏中的位置；在第一控件移动到任意一个热区范围内的情况下，显示第二界面，第二界面包括第一view框和第二view框，第一view框显示第一应用的动效内容，第二view框显示第二应用的动效内容，第一view框和第二view框在同一图层上；在显示所述第二界面的过程中，响应针对第一控件的第三操作，显示第三界面，第三界面包括第一分屏界面和第二分屏界面，第一分屏界面对应第一应用，第二分屏界面对应第二应用。
3、在上述实施例中，电子设备根据第一应用和第二应用支持上下分屏和/或左右分屏的情况，在显示屏上确定两种不同热区的设置方式。然后，在电子设备检测到第一控件在任意热区内，触发分屏操作，随后显示分屏动效内容。由于显示分屏动效内容的view框是在同一个图层上。因此，避免了传统基于不规则热区的方式进行分屏操作，需要再添加一个带有新涂层的view框显示分屏动效内容，进而造成代码复杂，不利于后期技术人员维护的问题。
4、结合第一方面，在一种可能实现的方式中，第三界面上还包括分屏切换控件，显示第三界面之后，还包括：响应针对分屏切换控件的第四操作，若第三界面为上下分屏界面，将第三界面切换为左右分屏界面；若第三界面为左右分屏界面，将第三界面切换为上下分屏界面。这样，用户可以在已有的分屏界面上进行左右分屏/上下分屏的切换，避免了因用户需要切换分屏而要执行“退出当前分屏、拖动悬浮窗、进入分屏”的繁琐操作，提高了用户的使用体验。
5、结合第一方面，在一种可能实现的方式中，响应针对第二控件的第二操作之前，还包括：获取第一应用标识和第二应用标识，第一应用标识为第一应用的标识信息，第二应用标识述第二应用的标识信息；判断第一应用标识和第二应用标识是否均为第一白名单内的标识信息；若为是，第一应用和第二应用均为支持上下分屏和左右分屏的应用；若为否，第一应用和第二应用不均为支持上下分屏和左右分屏的应用。这样，通过白名单的方式判断第一应用和第二应用支持分屏的情况，有利于电子设备根据第一应用和第二应用支持的分屏情况确定热区的设置方式。
6、结合第一方面，在一种可能实现的方式中，在显示屏的显示区域包括n个形状为矩形的view框，每个view框均包括上、下、左、右四条边，每个view框在显示区域中的位置和范围通过四维坐标(xi，yi，zi，ki)来表示；其中，xi表示第i个view框的左边与第一边缘的距离，yi表示第i个view框的右边与第一边缘的距离，zi表示第i个view框的上边与第二边缘的距离，ki表示第i个view框的下边与第二边缘的距离；第一边缘为所述显示屏与所述左边和所述右边平行的边，所述第二边缘为所述显示屏与所述上边和所述下边平行的边，n为大于1的整数。
7、结合第一方面，在一种可能实现的方式中，在第一应用和所述第二应用均为支持上下分屏和左右分屏的应用的情况下，显示第二界面，具体包括：获取第一控件的第一位置信息；基于第一位置信息计算第一标识；根据第一标识获取对应的n个view框的四维坐标；基于这n个四维坐标对应调整每个view框在所述显示屏中的范围，得到第一view框和第二view框；在第一view框中显示第一应用的动效内容，在第二view框中显示第二应用的动效内容。
8、结合第一方面，在一种可能实现的方式中，在第一应用和第二应用不均为支持上下分屏和左右分屏的应用的情况下，显示第二界面，具体包括：获取第一控件的第一位置信息；根据热区的四维坐标获取热区在显示屏中的范围；在基于第一位置信息确定第一控件在任意一个热区中的情况下，获取第一控件所在热区的标识信息；基于该标识信息获取对应的n个view框的四维坐标；基于这n个四维坐标对应调整每个view框在显示屏中的范围，得到第一view框和第二view框；在第一view框中显示第一应用的动效内容，在第二view框中显示第二应用的动效内容。
9、结合第一方面，在一种可能实现的方式中，该电子设备包括分屏动效管理模块、动效框调整模块以及动效添加模块，若第一应用和第二应用均为支持上下分屏和左右分屏的应用，显示第二界面，包括：分屏动效管理模块根据所述第一控件的第一位置信息计算第一标识；分屏动效管理模块向动效框调整模块发送第三通知消息，所述第三通知消息包括所述第一标识；动效框调整模块根据第一标识获取对应的n个view框的四维坐标；动效调整模块根据这n个view框的四维坐标调整该显示屏中对应n个view框的范围，得到第一view框和第二view框；动效调整模块向动效添加模块发送第四通知消息，第四通知消息包括第一标识、第一view框与第一应用的第一映射关系、第二view框与第二应用的第二映射关系；动效添加模块根据第一标识获取第一应用的动效内容和第二应用的动效内容；动效添加模块根据第一映射关系将第一应用的动效内容显示在第一view框上；动效添加模块根据第二映射关系将第二应用的动效内容显示在第二view框上。
10、结合第一方面，在一种可能实现的方式中，电子设备包括分屏动效管理模块、动效框调整模块以及动效添加模块，若第一应用和第二应用不均为支持上下分屏和左右分屏的应用，显示第二界面，包括：分屏管理模块在基于第一控件的第一位置信息判断第一控件在热区范围内的情况下，向动效框调整模块发送第三通知消息，第三通知消息包括第一控件所在热区的标识信息；动效框调整模块根据标识信息获取对应的n个view框的四维坐标；动效调整模块根据这n个view框的四维坐标调整显示屏中对应n个view框的范围，得到第一view框和第二view框；动效调整模块向动效添加模块发送第四通知消息，第四通知消息包括该标识信息、第一view框与第一应用的第一映射关系、第二view框与第二应用的第二映射关系；动效添加模块根据该标识信息获取第一应用的动效内容和第二应用的动效内容；动效添加模块根据第一映射关系将第一应用的动效内容显示在第一view框上；动效添加模块根据第二映射关系将第二应用的动效内容显示在第二view框上。
11、结合第一方面，在一种可能实现的方式中，电子设备还包括第一应用的悬浮窗移动模块、热区设置模块，所述显示第二界面之前，还包括：悬浮窗移动模块响应第一操作，向热区设置模块发送第一通知消息，第一通知消息包括第一应用标识和第二应用标识，第一应用标识为第一应用的标识信息，第二应用标识为第二应用的标识信息；热区设置模块判断第一应用标识和第二应用标识是否均为在第一白名单内的应用标识；若为是，所述热区设置模块向分屏动效管理模块发送第一热区信息，第一热区信息用于指示第一应用和第二应用均为支持上下分屏和左右分屏的应用；若为否，热区设置模块向分屏动效管理模块发送第二热区信息，第二热区信息用于指示第一应用和第二应用不均为支持上下分屏和左右分屏的应用。
12、结合第一方面，在一种可能实现的方式中，热区设置模块向分屏动效管理模块发送第一热区信息之后或热区设置模块向分屏动效管理模块发送第二热区信息之后，还包括：悬浮窗移动模块响应第二操作，向分屏动效管理模块发送第二通知消息，第二通知消息用于提示所述分屏动效管理模块获取第一控件的第一位置信息；分屏动效管理模块实时获取第一控件的第一位置信息。
13、结合第一方面，在一种可能实现的方式中，显示第二界面之后，还包括：悬浮窗移动模块响应第三操作，向动效添加模块发送第五通知消息；动效添加模块向第一应用发送第一指示消息，第一指示消息包括第一标识；动效添加模块向第二应用发送第二指示消息，第二指示消息包括第一标识；第一应用基于第一标识在第三界面上显示第一分屏界面；第二应用基于第一标识在第三界面上显示第二分屏界面。
14、结合第一方面，在一种可能实现的方式中，显示第二界面之后，还包括：悬浮窗移动模块响应第三操作，向动效添加模块发送第五通知消息；动效添加模块向所述第一应用发送第一指示消息，所述第一指示消息包括第一控件所在热区的标识信息；动效添加模块向第二应用发送第二指示消息，第二指示消息包括第一控件所在热区的标识信息；第一应用基于第一控件所在热区的标识信息在第三界面上显示第一分屏界面；第二应用基于第一控件所在热区的标识信息在第三界面上显示第二分屏界面。
15、第二方面，本技术实施例提供了一种电子设备，该电子设备包括：一个或多个处理器、显示屏和存储器；该存储器与该一个或多个处理器耦合，该存储器用于存储计算机程序代码，该计算机程序代码包括计算机指令，该一个或多个处理器调用该计算机指令以使得该电子设备执行：通过显示屏显示第一界面，在第一界面上显示有悬浮窗，悬浮窗包括第一控件，悬浮窗对应第一应用，第一界面对应第二应用；响应针对第一控件的第一操作，将悬浮窗设置为第一模式，第一模式为悬浮窗可在显示屏上移动的工作模式；若第一应用和第二应用均为支持上下分屏和左右分屏的应用，在显示屏的显示区域的上、下、左、右四个方向分别确定一个或多个热区；若第一应用和第二应用不均为支持上下分屏和左右分屏的应用，在显示屏的显示区域的上、下两个方向或左、右两个方向分别确定一个或多个形状规则的热区；响应针对第一控件的第二操作，移动悬浮窗在显示屏中的位置；在第一控件移动到任意一个热区范围内的情况下，通过显示屏显示第二界面，第二界面包括第一view框和第二view框，第一view框显示第一应用的动效内容，第二view框显示第二应用的动效内容，第一view框和第二view框在同一图层上；在显示所述第二界面的过程中，响应针对第一控件的第三操作，通过显示屏显示第三界面，第三界面包括第一分屏界面和第二分屏界面，第一分屏界面对应第一应用，第二分屏界面对应第二应用。
16、结合第二方面，在一种可能实现的方式中，该一个或多个处理器调用该计算机指令以使得该电子设备执行：响应针对分屏切换控件的第四操作，若第三界面为上下分屏界面，将第三界面切换为左右分屏界面；若第三界面为左右分屏界面，将第三界面切换为上下分屏界面。
17、结合第二方面，在一种可能实现的方式中，该一个或多个处理器调用该计算机指令以使得该电子设备执行：获取第一应用标识和第二应用标识，第一应用标识为第一应用的标识信息，第二应用标识述第二应用的标识信息；判断第一应用标识和第二应用标识是否均为第一白名单内的标识信息；若为是，第一应用和第二应用均为支持上下分屏和左右分屏的应用；若为否，第一应用和第二应用不均为支持上下分屏和左右分屏的应用。
18、结合第二方面，在一种可能实现的方式中，该一个或多个处理器调用该计算机指令以使得该电子设备执行：获取第一控件的第一位置信息；基于第一位置信息计算第一标识；根据第一标识获取对应的n个view框的四维坐标；基于这n个四维坐标对应调整每个view框在所述显示屏中的范围，得到第一view框和第二view框；通过显示屏在第一view框中显示第一应用的动效内容，通过显示屏在第二view框中显示第二应用的动效内容。
19、结合第二方面，在一种可能实现的方式中，该一个或多个处理器调用该计算机指令以使得该电子设备执行：获取第一控件的第一位置信息；根据热区的四维坐标获取热区在显示屏中的范围；在基于第一位置信息确定第一控件在任意一个热区中的情况下，获取第一控件所在热区的标识信息；基于该标识信息获取对应的n个view框的四维坐标；基于这n个四维坐标对应调整每个view框在显示屏中的范围，得到第一view框和第二view框；通过显示屏在第一view框中显示第一应用的动效内容，通过显示屏在第二view框中显示第二应用的动效内容。
20、第三方面，本技术实施例提供了一种电子设备，包括：触控屏、摄像头、一个或多个处理器和一个或多个存储器；所述一个或多个处理器与所述触控屏、所述摄像头、所述一个或多个存储器耦合，所述一个或多个存储器用于存储计算机程序代码，计算机程序代码包括计算机指令，当所述一个或多个处理器执行所述计算机指令时，使得所述电子设备执行如第一方面或第一方面的任意一种可能实现的方式所述的方法。
21、第四方面，本技术实施例提供了一种芯片系统，该芯片系统应用于电子设备，该芯片系统包括一个或多个处理器，该处理器用于调用计算机指令以使得该电子设备执行如第一方面或第一方面的任意一种可能实现的方式所述的方法。
22、第五方面，本技术实施例提供了一种包含指令的计算机程序产品，当该计算机程序产品在电子设备上运行时，使得该电子设备执行如第一方面或第一方面的任意一种可能实现的方式所述的方法。
23、第六方面，本技术实施例提供了一种计算机可读存储介质，包括指令，当该指令在电子设备上运行时，使得该电子设备执行如第一方面或第一方面的任意一种可能实现的方式所述的方法。
技术特征：
1.一种屏幕显示方法，其特征在于，应用于具备显示屏的电子设备，所述方法包括：
2.如权利要求1所述的方法，其特征在于，所述第三界面上还包括分屏切换控件，所述显示第三界面之后，还包括：
3.如权利要求1或2所述的方法，其特征在于，所述响应针对所述第二控件的第二操作之前，还包括：
4.如权利要求1-3任一项所述的方法，其特征在于，在所述显示屏的显示区域包括n个形状为矩形的view框，每个view框均包括上、下、左、右四条边，每个view框在所述显示区域中的位置和范围通过四维坐标(xi，yi，zi，ki)来表示；
5.如权利要求4所述的方法，其特征在于，在所述第一应用和所述第二应用均为支持上下分屏和左右分屏的应用的情况下，所述显示第二界面，具体包括：
6.如权利要求4所述的方法，其特征在于，在所述第一应用和所述第二应用不均为支持上下分屏和左右分屏的应用的情况下，所述显示第二界面，具体包括：
7.如权利要求1所述的方法，其特征在于，所述电子设备包括分屏动效管理模块、动效框调整模块以及动效添加模块，若所述第一应用和所述第二应用均为支持上下分屏和左右分屏的应用，所述显示第二界面，包括：
8.如权利要求1所述的方法，其特征在于，所述电子设备包括分屏动效管理模块、动效框调整模块以及动效添加模块，若所述第一应用和所述第二应用不均为支持上下分屏和左右分屏的应用，所述显示第二界面，包括：
9.如权利要求7或8所述的方法，其特征在于，所述电子设备还包括所述第一应用的悬浮窗移动模块、热区设置模块，所述显示第二界面之前，还包括：
10.如权利要求9所述的方法，其特征在于，所述热区设置模块向所述分屏动效管理模块发送第一热区信息之后或所述热区设置模块向所述分屏动效管理模块发送第二热区信息之后，还包括：
11.如权利要求7所述的方法，其特征在于，所述电子设备还包括第一热区的悬浮窗移动模块，所述显示第二界面之后，还包括：
12.如权利要求8所述的方法，其特征在于，所述电子设备还包括第一热区的悬浮窗移动模块，所述显示第二界面之后，还包括：
13.一种电子设备，其特征在于，包括：存储器、处理器和触控屏；其中：
14.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，该计算机程序被处理器执行时，实现如权利要求1-13任意一项所述的方法。
技术总结
本申请提供一种屏幕显示方法及相关电子设备，该方法包括：根据悬浮窗应用和当前显示界面的应用是否均支持上下分屏的情况，确定是基于规则热区的方式进行分屏操作还是基于不规则热区的方式进行分屏操作。在开始分屏操作后，通过调整同一图层上View框的大小和位置来得到显示动效内容的View框。避免了要新添加View框而造成新添加图层，从而导致代码复杂，不利于后期技术人员进行技术维护的问题。
技术研发人员：孙以天,彭许凯
受保护的技术使用者：荣耀终端有限公司
技术研发日：
技术公布日：2024/9/23