CN117421073A - 一种显示方法及电子设备 - Google Patents

一种显示方法及电子设备 Download PDF

Info

Publication number
CN117421073A
CN117421073A CN202210809466.0A CN202210809466A CN117421073A CN 117421073 A CN117421073 A CN 117421073A CN 202210809466 A CN202210809466 A CN 202210809466A CN 117421073 A CN117421073 A CN 117421073A
Authority
CN
China
Prior art keywords
window
interface
user operation
displaying
user
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
Application number
CN202210809466.0A
Other languages
English (en)
Inventor
江秀萍
杨一璇
朱培
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Huawei Technologies Co Ltd
Original Assignee
Huawei Technologies Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Huawei Technologies Co Ltd filed Critical Huawei Technologies Co Ltd
Priority to CN202210809466.0A priority Critical patent/CN117421073A/zh
Priority to PCT/CN2023/106225 priority patent/WO2024012354A1/zh
Publication of CN117421073A publication Critical patent/CN117421073A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请提供了一种显示方法及电子设备,该方法应用于电子设备,该方法包括:电子设备显示第一视窗,第一视窗包括第一应用的第一界面;接收第一用户操作,第一用户操作用于拉宽第一视窗;显示第二视窗,第二视窗包括第一界面和第一应用的第二界面。该方法还包括:接收第二用户操作,第二用户操作用于拉宽第二视窗中的第一界面;显示第三视窗,第三视窗中的第一界面的宽度大于第二视窗中的第一界面的宽度,第三视窗中的第二界面的宽度和第二视窗中的第二界面的宽度相等。采用本申请能够提供用户使用感好的视窗缩放功能,提升视觉效果和操作体验。

Description

一种显示方法及电子设备
技术领域
本申请涉及计算机技术领域,尤其涉及一种显示方法及电子设备。
背景技术
目前,终端显示的窗口大多是固定布局的,用户拉伸窗口时,终端往往是等比例缩放窗口,或者,用户虽然可以横向拉伸或纵向拉伸窗口,但拉伸后的窗口会出现布局错乱、图片等内容变形的情况,情况严重甚至可能导致应用无法使用,视觉效果和操作体验都较差,窗口缩放功能的用户使用感不好。
发明内容
本申请公开了一种显示方法及电子设备,能够提供用户使用感好的窗口缩放功能,提升视觉效果和操作体验。
第一方面,本申请提供了一种显示方法,应用于电子设备,该方法包括:显示第一视窗,所述第一视窗包括第一应用的第一界面;接收第一用户操作,所述第一用户操作用于拉宽所述第一视窗;响应于所述第一用户操作,显示第二视窗,所述第二视窗包括所述第一界面和所述第一应用的第二界面。
在一种可能的实现方式中,所述第一用户操作用于拉宽所述第一视窗,包括:所述第一用户操作用于增大所述第一视窗的宽度。在一些示例中,所述第一用户操作用于拉宽所述第一视窗时,所述第一用户操作还用于改变所述第一视窗的高度(例如增大高度),在另一些示例中,所述第一用户操作用于拉宽所述第一视窗时,所述第一视窗的高度保持不变。本申请中用于拉宽视窗的用户操作和上述第一用户操作类似,可参见上述说明。
在上述方法中,电子设备接收到用于拉宽第一视窗的第一用户操作后,可以开启视窗的平行视界模式,即在拉宽后的第二视窗中显示第一应用的两个界面,而不是等比例放大第一视窗(放大前视窗的宽度和高度的比例与放大后相同),更符合第一用户操作相关的用户需求,也不是直接拉宽第一视窗,避免布局错乱、图片等内容变形的情况,提升视窗的视觉效果和操作体验,为用户提供使用感好的视窗缩放功能。
在一种可能的实现方式中,所述第一用户操作包括以所述第一视窗的左侧边缘为起点向左滑动的用户操作,或者,以所述第一视窗的右侧边缘为起点向右滑动的用户操作。
例如,所述以所述第一视窗的左侧边缘为起点向左滑动,包括:以所述第一视窗的左上角为起点向左滑动,以所述第一视窗的左下角为起点向左滑动,以所述第一视窗的左侧边缘的中间位置为起点向左滑动,或者以距离所述第一视窗的左侧边缘预设值的位置为起点向左滑动。本申请中以视窗的左侧边缘或右侧边缘为起点滑动和上述以所述第一视窗的左侧边缘为起点向左滑动类似,可参见上述说明。
在一种可能的实现方式中,所述显示第二视窗,包括:当拉宽后的所述第一视窗的宽度和高度的比例大于或等于预设比例时,显示所述第二视窗,所述拉宽后的所述第一视窗的宽度是根据所述第一用户操作确定的。
在一种可能的实现方式中,所述方法还包括:响应于所述第一用户操作,当拉宽后的所述第一视窗的宽度和高度的比例小于预设比例时,显示由所述第一视窗拉宽的第三视窗。
在一种可能的实现方式中,所述预设比例大于1,例如,所述预设比例为三分之四。
在上述方法中,当第一用户操作用于将第一视窗拉宽为宽度和高度的比例小于预设比例时,电子设备可以直接拉宽第一视窗,当第一用户操作用于将第一视窗拉宽为宽度和高度的比例大于或等于预设比例时,可以开启视窗的平行视界模式,预设比例可以是电子设备根据第一应用的显示效果确定的,进一步提升视窗的显示效果,用户体验感更好。
在一种可能的实现方式中,所述第二界面为所述第一界面的上一级界面或下一级界面。
在上述方法中,电子设备响应于用于拉宽第一视窗的第一用户操作,在第二视窗中显示第一视窗中的第一界面,以及和第一界面关联较为紧密的上一级界面或下一级界面,更符合用户的使用习惯,提升用户体验感。
在一种可能的实现方式中,所述第二视窗中的所述第一界面和所述第二界面的宽度相等。
在上述方法中,电子设备可以在第二视窗中以1:1的比例显示第一界面和第二界面,尽可能保证这两个界面的显示效果,提升用户体验感。
在一种可能的实现方式中,所述方法还包括:接收第二用户操作,所述第二用户操作用于拉宽所述第二视窗中的所述第一界面;响应于所述第二用户操作,显示由所述第二视窗拉宽的第四视窗,所述第四视窗中的所述第一界面的宽度大于所述第二视窗中的所述第一界面的宽度,所述第四视窗中的所述第二界面的宽度和所述第二视窗中的所述第二界面的宽度相等。
在一种可能的实现方式中,所述第二视窗中所述第一界面位于所述第二界面的左侧;所述第二用户操作包括:以所述第二视窗的左侧边缘为起点向左滑动的用户操作;或者,以所述第二视窗中位于所述第一界面和所述第二界面之间的拖动条为起点向右滑动的用户操作;或者,作用于所述第一界面中的第一控件的用户操作。
在上述方法中,用户执行第二用户操作时,电子设备不仅可以根据第二用户操作拉宽整个第二视窗,而且可以拉宽第二视窗中和第二用户操作相关的第一界面,视窗缩放功能更加贴合用户意图,进一步提升视窗的显示效果和操作体验。
在一种可能的实现方式中,所述第二视窗中的所述第一界面和所述第二界面的宽度相等,所述第四视窗中的所述第一界面的宽度大于所述第二界面的宽度。
在一种可能的实现方式中,所述显示由所述第二视窗拉宽的第四视窗,包括:全屏显示由所述第二视窗拉宽的所述第四视窗。
例如,所述第二用户操作包括以所述第二视窗的左上角为起点向所述电子设备的显示屏的左上角滑动的用户操作,或者以所述第二视窗的左下角为起点向所述电子设备的显示屏的左下角滑动的用户操作时,所述电子设备响应于所述第二用户操作,全屏显示由所述第二视窗拉宽的所述第四视窗。
在一种可能的实现方式中,所述方法还包括:接收第三用户操作,所述第三用户操作用于拉宽所述第四视窗;响应于所述第三用户操作,全屏显示由所述第四视窗拉宽的第五视窗。
例如,所述第三用户操作包括以所述第四视窗的左上角为起点向所述电子设备的显示屏的左上角滑动的用户操作,或者以所述第四视窗的左下角为起点向所述电子设备的显示屏的左下角滑动的用户操作。
例如,所述第三用户操作用于拉宽所述第四视窗中的所述第一界面,则所述第五视窗中的所述第一界面的宽度大于所述第四视窗中的所述第一界面的宽度,可选地,所述第五视窗中的所述第一界面的宽度大于所述第五视窗中的所述第二界面的宽度。
在上述方法中,电子设备可以根据用于拉宽视窗的用户操作,全屏显示拉宽后的视窗(包括第一应用的第一界面和第二界面),拓宽窗口缩放功能的应用场景,满足用户查看全屏视窗的需求。
在一种可能的实现方式中,所述方法还包括:接收第四用户操作,所述第四用户操作用于拉宽所述第四视窗中的所述第一界面;响应于所述第四用户操作,全屏显示所述第一界面。
例如,所述第四视窗中所述第一界面位于所述第二界面的左侧;所述第四用户操作包括:以所述第四视窗的左侧边缘为起点向左滑动的用户操作;或者,以所述第四视窗中位于所述第一界面和所述第二界面之间的拖动条为起点向右滑动的用户操作;或者,作用于所述第一界面中的控件的用户操作。
在上述方法中,用户执行第四用户操作时,电子设备可以全屏显示第四视窗中和第四用户操作相关的第一界面,视窗缩放功能更加贴合用户意图,进一步提升视窗的显示效果和操作体验。
在一种可能的实现方式中,所述方法还包括:接收第五用户操作,所述第五用户操作用于拉窄所述第五视窗;响应于所述第五用户操作,显示由所述第五视窗拉窄的第六视窗。
在一种可能的实现方式中,所述第五用户操作用于拉窄所述第五视窗,包括:所述第五用户操作用于减小所述第五视窗的宽度。在一些示例中,所述第五用户操作用于拉窄所述第五视窗时,所述第五用户操作还用于改变所述第五视窗的高度(例如减小高度),在另一些示例中,所述第五用户操作用于拉窄所述第五视窗时,所述第五视窗的高度保持不变。本申请中用于拉窄视窗的用户操作和上述第五用户操作类似,可参见上述说明。
例如,所述第五用户操作包括以所述第五视窗的左侧边缘为起点向右滑动的用户操作,或者,以所述第五视窗的右侧边缘为起点向左滑动的用户操作。
在上述方法中,用户可以将全屏显示的第五视窗拉窄为非全屏显示的第六视窗,满足特定场景下用户的视窗缩放需求,提升用户体验感。
在一种可能的实现方式中,所述方法还包括:接收第六用户操作,所述第六用户操作用于拉窄所述第二视窗中的所述第一界面;响应于所述第六用户操作,显示由所述第二视窗拉窄的第七视窗,所述第七视窗中的所述第一界面的宽度小于所述第二视窗中的所述第一界面的宽度,所述第七视窗中的所述第二界面的宽度和所述第二视窗中的所述第二界面的宽度相等。
例如,所述第二视窗中所述第一界面位于所述第二界面的左侧;所述第六用户操作包括:以所述第二视窗的左侧边缘为起点向右滑动的用户操作;或者,以所述第二视窗中位于所述第一界面和所述第二界面之间的拖动条为起点向左滑动的用户操作;或者,作用于所述第一界面中的控件的用户操作。
在上述方法中,用户执行第六用户操作时,电子设备不仅可以根据第六用户操作拉窄整个第二视窗,而且可以拉窄第二视窗中和第六用户操作相关的第一界面,视窗缩放功能更加贴合用户意图,进一步提升视窗的显示效果和操作体验。
在一种可能的实现方式中,所述方法还包括:接收第七用户操作,所述第七用户操作用于拉窄所述第二视窗;响应于所述第七用户操作,显示第八视窗,所述第八视窗包括所述第一界面或所述第二界面。
在一种可能的实现方式中,所述第六用户操作包括以所述第二视窗的左侧边缘上左上角和左下角之间的任意一个位置为起点向右滑动的用户操作;所述第七用户操作包括以所述第二视窗的左上角为起点向右下滑动的用户操作,或者以所述第二视窗的左下角为起点向右上滑动的用户操作。
在一种可能的实现方式中,所述显示第八视窗,包括:当拉窄后的所述第二视窗的宽度和高度的比例小于所述预设比例时,显示所述第八视窗。在一种实施方式中,所述方法还包括:响应于所述第七用户操作,当拉窄后的所述第二视窗的宽度和高度的比例大于或等于所述预设比例时,显示由所述第二视窗拉窄的视窗。进一步提升视窗的显示效果,用户体验感更好。
在一种可能的实现方式中,所述第七用户操作用于拉窄所述第二视窗中的所述第一界面,则所述第八视窗包括所述第一界面,不包括所述第二界面。视窗缩放功能更加贴合用户意图,进一步提升视窗的显示效果和操作体验。
在上述方法中,用户接收到用于拉窄第二视窗(包括第一应用的两个界面)的第七用户操作后,可以关闭第二视窗的平行视界模式,即在拉窄后的第八视窗中显示第一应用的一个界面,而不是等比例缩小第二视窗(缩小前视窗的宽度和高度的比例与缩小后相同),避免用户界面中的内容缩小后用户无法正常查看内容的情况,也不是直接拉窄第二视窗,避免布局错乱、图片等内容变形的情况,提升视窗的视觉效果和操作体验,为用户提供使用感好的视窗缩放功能。
在一种可能的实现方式中,所述方法还包括:接收第八用户操作,所述第八用户操作用于拉窄所述第一视窗;响应于所述第八用户操作,显示第二控件。
例如,所述第二控件为悬浮球。
在一种可能的实现方式中,所述方法还包括:响应于作用于所述第二控件的用户操作(例如点击操作),显示所述第一视窗。
在一种可能的实现方式中,所述显示第二视窗,包括:当所述第一应用支持平行视界模式时,显示所述第二视窗;所述方法还包括:响应于所述第一用户操作,当所述第一应用不支持所述平行视界模式时,显示第九视窗,所述第九视窗包括所述第一界面,不包括所述第二界面。
在一种可能的实现方式中,所述第九视窗为等比例放大所述第一视窗得到的,所述第九视窗的宽度和高度的比例等于所述第一视窗的宽度和高度的比例。在另一种可能的实现方式中,所述第九视窗为由所述第一视窗拉宽得到的。在另一种可能的实现方式中,所述第九视窗和所述第一视窗的相同。
在一种可能的实现方式中,所述显示第二视窗,包括:当所述第一应用不支持尺寸调整功能时,显示所述第二视窗;所述方法还包括:响应于所述第一用户操作,当所述第一应用支持所述尺寸调整功能时,显示第十视窗,所述第十视窗为根据所述尺寸调整功能拉宽所述第一视窗后得到的,所述第十视窗包括所述第一界面。
例如,所述第十视窗中的所述第一界面和所述第一视窗中的所述第一界面的布局不同。
在一种可能的实现方式中,所述显示由所述第二视窗拉宽的第四视窗,包括:当所述第一应用支持平行视界模式下的拉伸功能时,显示由所述第二视窗拉宽的所述第四视窗;所述方法还包括:响应于所述第二用户操作,当所述第一应用不支持所述平行视界模式下的拉伸功能时,显示第十一视窗,所述第十一视窗中的所述第一界面的所占比例和所述第二视窗中的所述第一界面的所占比例相等。
在一种可能的实现方式中,当所述第一应用支持平行视界模式下的拉伸功能时,所述第二视窗的宽度和/或高度可以变化,可选地,所述第二视窗中的界面的宽度和/或高度可以变化。
例如,所述第十一视窗中的所述第一界面的所占比例为:所述第十一视窗中的所述第一界面的宽度和所述第十一视窗的宽度的比值;所述第二视窗中的所述第一界面的所占比例为:所述第二视窗中的所述第一界面的宽度和所述第二视窗的宽度的比值。
在一种可能的实现方式中,所述第十一视窗为等比例放大所述第二视窗得到的,所述第十一视窗的宽度和高度的比例等于所述第二视窗的宽度和高度的比例。在另一种可能的实现方式中,所述第十一视窗和所述第二视窗的相同。
在一种可能的实现方式中,所述方法还包括:显示第三界面,所述第三界面包括所述电子设备运行的多个视窗,所述多个视窗包括第十二视窗,所述第十二视窗包括第二应用的第四界面;接收作用于所述第三界面中的第三控件的第九用户操作,所述第三控件和所述第十二视窗相关;显示第十三视窗,所述第十三视窗包括所述第四界面和所述第二应用的第五界面。
例如,所述第三界面为多任务视窗的用户界面。
在一种可能的实现方式中,所述方法还包括:接收作用于所述第三界面中的第四控件的用户操作,所述第四控件和所述第十二视窗相关,所述第四控件和所述第三控件不同;显示包括所述第四界面的视窗。
在上述方法中,针对多任务视窗中的任意一个视窗,用户可以选择直接全屏显示该视窗,也可以选择在平行视界模式下显示(例如显示上述第十三视窗),使用灵活,满足用户的个性化需求,提升用户体验感。
在一种可能的实现方式中,所述显示第一视窗,包括:显示所述第一视窗和第十四视窗,所述第一视窗显示在所述第十四视窗的下层;所述显示第二视窗,包括:显示所述第二视窗和所述第十四视窗,所述第二视窗显示在所述第十四视窗的上层。
例如,所述第十四视窗包括所述电子设备前台运行的视窗中除所述第一视窗以外的全部视窗。
在上述方法中,电子设备拉宽第一视窗的同时,会将拉宽后的第二视窗的显示层级调整为高于第十四视窗的显示层级,方便用户后续操作该视窗,符合用户的使用习惯,提升用户体验。
第二方面,本申请提供了一种电子设备,包括收发器、处理器和存储器,上述存储器用于存储计算机程序,上述处理器调用上述计算机程序,用于执行上述任一方面任一项可能的实现方式中的显示方法。
第三方面,本申请提供了一种计算机存储介质,该计算机存储介质存储有计算机程序,该计算机程序包括指令,当该指令在处理器上运行时,实现上述任一方面任一项可能的实现方式中的显示方法。
第四方面,本申请提供了一种计算机程序产品,当该计算机程序产品在电子设备上运行时,使得该电子设备执行上述任一方面任一项可能的实现方式中的显示方法。
第五方面,本申请提供了一种电子设备,包括一个或多个处理器和一个或多个存储器。该一个或多个存储器与一个或多个处理器耦合,一个或多个存储器用于存储计算机程序代码,计算机程序代码包括计算机指令,当一个或多个处理器执行计算机指令时,使得通信装置执行上述任一方面任一项可能的实现方式中的显示方法。
第六方面,本申请提供一种电子设备,该电子设备包括执行本申请任一实现方式所介绍的方法或装置。上述电子设备例如为芯片。
应当理解的是,本申请中对技术特征、技术方案、有益效果或类似语言的描述并不是暗示在任意的单个实现方式中可以实现所有的特点和优点。相反,可以理解的是对于特征或有益效果的描述意味着在至少一个实现方式中包括特定的技术特征、技术方案或有益效果。因此,本说明书中对于技术特征、技术方案或有益效果的描述并不一定是指相同的实现方式。进而,还可以任何适当的方式组合本申请中所描述的技术特征、技术方案和有益效果。本领域技术人员将会理解,无需特定实现方式的一个或多个特定的技术特征、技术方案或有益效果即可实现本申请。在其他实现方式中,还可在没有体现本申请的特定实现方式中识别出额外的技术特征和有益效果。
附图说明
以下对本申请用到的附图进行介绍。
图1-图2是本申请提供的一些窗口缩放的用户界面示意图;
图3是本申请提供的一种电子设备的硬件结构示意图;
图4是本申请提供的一种电子设备的软件架构示意图;
图5是本申请提供的一种实施方式的用户界面示意图;
图6是本申请提供的又一种实施方式的用户界面示意图;
图7-图8是本申请提供的又一些实施方式的用户界面示意图;
图9是本申请提供的又一种实施方式的用户界面示意图;
图10-图11是本申请提供的又一些实施方式的用户界面示意图;
图12-图13是本申请提供的又一些实施方式的用户界面示意图;
图14-图15是本申请提供的又一些实施方式的用户界面示意图;
图16-图17是本申请提供的又一些实施方式的用户界面示意图;
图18是本申请提供的又一种实施方式的用户界面示意图;
图19是本申请提供的又一种实施方式的用户界面示意图;
图20是本申请提供的又一种实施方式的用户界面示意图;
图21是本申请提供的一种显示方法的流程示意图。
具体实施方式
下面将结合附图对本申请实施例中的技术方案进行描述。其中,在本申请实施例的描述中,除非另有说明,“/”表示或的意思,例如,A/B可以表示A或B;文本中的“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况,另外,在本申请实施例的描述中,“多个”是指两个或多于两个。
以下,术语“第一”、“第二”仅用于描述目的,而不能理解为暗示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征,在本申请实施例的描述中,除非另有说明,“多个”的含义是两个或两个以上。
目前,终端显示的窗口大多是固定布局的,用户拉伸窗口时,终端往往是等比例缩放(缩小或放大)窗口,具体示例可参见下图1。或者,用户虽然可以横向拉伸或纵向拉伸窗口,但拉伸后的窗口会出现布局错乱、图片等内容变形的情况,具体示例可参见下图2。终端无法提供随意缩放、动态改变布局的尺寸调整(resize)功能。
在一些示例中,如图1的(A)所示,终端可以显示窗口11。终端可以响应于将窗口11的左侧边缘的往外拖动的用户操作,等比例放大窗口11,放大后的窗口11可参见图1的(B)所示的窗口12。可以理解地,窗口11中的内容也会等比例缩放(等比例缩放后的窗口的宽度和高度的比例,等于,等比例缩放前的窗口的宽度和高度的比例),当等比例缩小窗口11时,窗口11中的文字等内容用户可能无法看清,视觉体验较差。
在另一些示例中,终端也可以响应于将图1的(A)所示的窗口11的左侧边缘的往外拖动的用户操作,放大窗口11,放大后的窗口11可参见图2所示的窗口13。可以理解地,终端随意缩放窗口11会出现图2所示的窗口13中的图片等内容出现变形的情况,不限于此,还可能出现布局错乱等情况,情况严重甚至可能导致应用无法使用,视觉效果和操作体验都较差。
也就是说,目前用户无法根据终端的屏幕大小自由缩放显示窗口,窗口缩放功能的用户使用感不好。
本申请提供了一种显示方法,应用于电子设备。电子设备可以显示第一视窗,第一视窗包括第一应用的第一窗口,第一窗口用于显示第一应用的第一界面。电子设备检测到用户对第一视窗的缩放意图时,可以开启第一视窗的平行视界模式:在第一视窗中显示第一窗口和第一应用的第二窗口(用于显示第一应用的第二界面)。电子设备还可以在第一视窗的平行视界模式下,根据用户对视窗的缩放意图提供第一视窗和/或第一视窗中的窗口的不同变化效果。从而为用户提供使用感好的视窗/窗口缩放功能,提升视觉效果和操作体验。
本申请中,电子设备可以运行至少一个应用,任意一个应用可以包括至少一个应用程序活动,其中,一个应用程序活动可以对应一个用户界面(user interface,UI)/一个窗口。在一些示例中,上述电子设备开启第一视窗的平行视界模式,包括:电子设备开启增加一个应用程序活动的显示方式,该应用程序活动对应第一应用的第二界面/第二窗口。在一些示例中,在第一应用的第一视窗的平行视界模式下,第一应用可以包括第一界面/第一窗口对应的应用程序活动和第二界面/第二窗口对应的应用程序活动。
其中,一个视窗可以包括至少一个窗口,一个窗口用于显示一个用户界面,以下实施例中的窗口可以替换为用户界面,类似地,以下实施例中的用户界面也可以替换为窗口。
为了方便描述,本申请将应用程序活动简称为活动,或应用活动。本申请中的活动可以是安卓(Android)系统中的活动(Activity),还可以是IOS等其他操作系统中的应用程序活动,本申请对此不作限定。以下实施例以应用程序活动为Android系统中的Activity为例进行说明。
其中,Activity是Android系统中用户和应用程序之间进行交互的接口。Activity供应用程序在其中绘制界面。Activity可以填满屏幕,也可以比屏幕小。Activity可以浮动在其他Activity上面,例如,Activity对应悬浮窗。一个Activity是用户可以直观交互的东西,可以表现为一个用户界面,可以理解为一个Activity对应一个用户界面。一个应用可以包含多个用户界面,也可以理解为是一个应用可以包含多个Activity。操作应用程序时,可以调用多个Activity来完成需求。每个Activity可以启动另一个Activity,以执行不同的操作。例如,用户启动邮件应用后可以先进入邮件应用的主界面,主界面对应的Activity可以启动其他Activity,以提供执行写邮件和打开邮件等任务的用户界面。
本申请中的触摸操作可以但不限于包括:单击、双击、长按、单指长按、多指长按、单指滑动、多指滑动、指关节滑动等多种形式。其中,滑动形式的触摸操作可以简称为滑动操作,滑动操作例如但不限于为左右滑动、上下滑动、往第一特定位置滑动等,本申请对滑动操作的轨迹不作限定。在一种实施方式中,该触摸操作可以作用于电子设备上的第二特定位置。上述特定位置可以位于电子设备的显示屏(也可称为屏幕)上,例如图标等控件所在的位置或显示屏的边缘等,或者,该特定位置也可以位于电子设备的侧边、背面等其他位置,例如音量键、电源键等按键的位置。其中,上述特定位置为电子设备预设的,或者,该特定位置为电子设备响应于用户操作确定的。
本申请中的拖动操作属于触摸操作,作用于/针对某一控件的拖动操作可以是保持触摸该控件并进行滑动的操作,例如但不限于包括单指拖动、多指拖动、指关节拖动等多种形式。和滑动操作类似,拖动操作例如但不限于为左右拖动、上下拖动、往特定位置拖动等,本申请对拖动操作的轨迹不作限定。
本申请中,电子设备可以是手机、平板电脑、手持计算机、桌面型计算机、膝上型计算机、超级移动个人计算机(ultra-mobile personal computer,UMPC)、上网本、蜂窝电话、个人数字助理(personal digital assistant,PDA),智能电视等智能家居设备,智能手环、智能手表、智能眼镜等可穿戴设备,增强现实(augmented reality,AR)、虚拟现实(virtualreality,VR)、混合现实(mixed reality,MR)等扩展现实(extended reality,XR)设备,车载设备或智慧城市设备等,本申请对电子设备的具体类型不作特殊限制。
接下来介绍本申请实施例提供的示例性的电子设备100。
图3示例性示出了一种电子设备100的硬件结构示意图。
电子设备100可以包括处理器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等。
可以理解的是,本发明实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中,电子设备100可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。图示的部件可以以硬件,软件或软件和硬件的组合实现。
处理器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)接口等。
充电管理模块140用于从充电器接收充电输入。电源管理模块141用于连接电池142,充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入,为处理器110,内部存储器121,显示屏194,摄像头193,和无线通信模块160等供电。
电子设备100的无线通信功能可以通过天线1,天线2,移动通信模块150,无线通信模块160,调制解调处理器以及基带处理器等实现。
天线1和天线2用于发射和接收电磁波信号。
移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G/6G等无线通信的解决方案。
调制解调处理器可以包括调制器和解调器。其中,调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后,被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A,受话器170B等)输出声音信号,或通过显示屏194显示图像或视频。在一种实施方式中,调制解调处理器可以是独立的器件。在另一种实施方式中,调制解调处理器可以独立于处理器110,与移动通信模块150或其他功能模块设置在同一个器件中。
无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wirelesslocal area networks,WLAN)(如无线保真(wireless fidelity,Wi-Fi)网络),蓝牙(bluetooth,BT),全球导航卫星系统(global navigation satellite system,GNSS),调频(frequency modulation,FM),近距离无线通信技术(near field communication,NFC),红外技术(infrared,IR)等无线通信的解决方案。
在一种实施方式中,电子设备100的天线1和移动通信模块150耦合,天线2和无线通信模块160耦合,使得电子设备100可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯系统(global system for mobilecommunications,GSM),通用分组无线服务(general packet radio service,GPRS),码分多址接入(code division multiple access,CDMA),宽带码分多址(wideband codedivision multiple access,WCDMA),时分码分多址(time-division code divisionmultiple access,TD-SCDMA),长期演进(long term evolution,LTE),BT,GNSS,WLAN,NFC,FM,和/或IR技术等。所述GNSS可以包括全球卫星定位系统(global positioning system,GPS),全球导航卫星系统(global navigation satellite system,GLONASS),北斗卫星导航系统(beidou navigation satellite system,BDS),准天顶卫星系统(quasi-zenithsatellite system,QZSS)和/或星基增强系统(satellite based augmentation systems,SBAS)。
电子设备100通过GPU,显示屏194,以及应用处理器等实现显示功能,例如显示应用程序的视窗。GPU为图像处理的微处理器,连接显示屏194和应用处理器。GPU用于执行数学和几何计算,用于图形渲染。处理器110可包括一个或多个GPU,其执行程序指令以生成或改变显示信息。
显示屏194用于显示图像,视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display,LCD),有机发光二极管(organic light-emittingdiode,OLED),有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrixorganic light emitting diode的,AMOLED),柔性发光二极管(flex light-emittingdiode,FLED),Miniled,MicroLed,Micro-oLed,量子点发光二极管(quantum dot lightemitting diodes,QLED)等。在一种实施方式中,电子设备100可以包括1个或N个显示屏194,N为大于1的正整数。
电子设备100可以通过ISP,摄像头193,视频编解码器,GPU,显示屏194以及应用处理器等实现拍摄功能。
ISP用于处理摄像头193反馈的数据。摄像头193用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupleddevice,CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor,CMOS)光电晶体管。感光元件把光信号转换成电信号,之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB,YUV等格式的图像信号。在一种实施方式中,电子设备100可以包括1个或N个摄像头193,N为大于1的正整数。
外部存储器接口120可以用于连接外部存储卡,例如Micro SD卡,实现扩展电子设备100的存储能力。内部存储器121可以用于存储计算机可执行程序代码,所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令,和/或存储在设置于处理器中的存储器的指令,执行电子设备100的各种功能应用以及数据处理。
电子设备100可以通过音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,以及应用处理器等实现音频功能。例如音乐播放,录音等。音频模块170用于将数字音频信息转换成模拟音频信号输出,也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。扬声器170A,也称“喇叭”,用于将音频电信号转换为声音信号。受话器170B,也称“听筒”,用于将音频电信号转换成声音信号。麦克风170C,也称“话筒”,“传声器”,用于将声音信号转换为电信号。耳机接口170D用于连接有线耳机。
压力传感器180A用于感受压力信号,可以将压力信号转换成电信号。在一种实施方式中,压力传感器180A可以设置于显示屏194。在另一种实施方式中,压力传感器180A也可以设置于电子设备100的表面,与显示屏194所处的位置不同。压力传感器180A的种类很多,如电阻式压力传感器,电感式压力传感器,电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器180A,电极之间的电容改变。电子设备100根据电容的变化确定压力的强度。当有触摸操作作用于显示屏194,电子设备100根据压力传感器180A检测所述触摸操作强度。电子设备100也可以根据压力传感器180A的检测信号计算触摸的位置。在一种实施方式中,作用于相同触摸位置,但不同触摸操作强度的触摸操作,可以对应不同的操作指令。
陀螺仪传感器180B可以用于确定电子设备100的运动姿态。在一种实施方式中,可以通过陀螺仪传感器180B确定电子设备100围绕三个轴(即,x,y和z轴)的角速度。气压传感器180C用于测量气压。磁传感器180D包括霍尔传感器。电子设备100可以利用磁传感器180D检测翻盖皮套的开合。加速度传感器180E可检测电子设备100在各个方向上(一般为三轴)加速度的大小。距离传感器180F,用于测量距离。接近光传感器180G可以包括例如发光二极管(LED)和光检测器,例如光电二极管。环境光传感器180L用于感知环境光亮度。指纹传感器180H用于采集指纹。电子设备100可以利用采集的指纹特性实现指纹解锁,访问应用锁,指纹拍照,指纹接听来电等。温度传感器180J用于检测温度。
触摸传感器180K,也称“触控器件”。在一种实施方式中,触摸传感器180K可以设置于显示屏194,由触摸传感器180K与显示屏194组成触摸屏,也称“触控屏”。在另一种实施方式中,触摸传感器180K也可以设置于电子设备100的表面,与显示屏194所处的位置不同。
触摸传感器180K和/或压力传感器180A可以用于检测作用于其上或附近的触摸操作,并且可以将检测到的触摸操作传递给应用处理器,以确定触摸事件类型。在一种实施方式中,可以通过显示屏194提供与触摸操作相关的视觉输出。
骨传导传感器180M可以获取振动信号。
按键190包括开机键,音量键等。马达191可以产生振动提示。指示器192可以是指示灯,可以用于指示充电状态,电量变化,也可以用于指示消息,未接来电,通知等。SIM卡接口195用于连接SIM卡。
电子设备100的软件系统可以采用分层架构,事件驱动架构,微核架构,微服务架构,或云架构。例如,分层架构的软件系统可以是安卓(Android)系统,也可以是鸿蒙(harmony)操作系统(operating system,OS),或其它软件系统。本申请实施例以分层架构的Android系统为例,示例性说明电子设备100的软件结构。
图4示例性示出一种电子设备100的软件架构示意图。
分层架构将软件分成若干个层,每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一种实施方式中,将Android系统分为四层,从上至下分别为应用程序层,应用程序框架层,安卓运行时(Android runtime)和系统库,以及内核层。
应用程序层可以包括一系列应用程序包。
如图4所示,应用程序包可以包括相机,视频,音乐,图库,短信息,通话,导航,购物,浏览器等应用程序。不限于此,应用程序包也可以替换为小程序等其他形式的软件,本申请对此不作限定。
应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface,API)和编程框架。应用程序框架层包括一些预先定义的函数。
如图4所示,应用程序框架层可以包括窗口管理器,内容提供器,视图系统,电话管理器,资源管理器,通知管理器等。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小,判断是否有状态栏,锁定屏幕,截取屏幕等。
内容提供器用来存放和获取数据,并使这些数据可以被应用程序访问。所述数据可以包括视频,图像,音频,拨打和接听的电话,浏览历史和书签,电话簿等。
视图系统包括可视控件,例如显示文字的控件,显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如,包括短信通知图标的显示界面,可以包括显示文字的视图以及显示图片的视图。
电话管理器用于提供电子设备100的通信功能。例如通话状态的管理(包括接通,挂断等)。
资源管理器为应用程序提供各种资源,比如本地化字符串,图标,图片,布局文件,视频文件等等。
通知管理器使应用程序可以在状态栏中显示通知信息,可以用于传达告知类型的消息,可以短暂停留后自动消失,无需用户交互。比如通知管理器被用于告知下载完成,消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知,例如后台运行的应用程序的通知,还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息,发出提示音,电子设备振动,指示灯闪烁等。
Android Runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。
核心库包含两部分:一部分是java语言需要调用的功能函数,另一部分是安卓的核心库。
应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理,堆栈管理,线程管理,安全和异常的管理,以及垃圾回收等功能。
系统库可以包括多个功能模块。例如:表面管理器(surface manager),媒体库(Media Libraries),三维图形处理库(例如:OpenGL ES),2D图形引擎(例如:SGL)等。
表面管理器用于对显示子系统进行管理,并且为多个应用程序提供了2D和3D图层的融合。
媒体库支持多种常用的音频,视频格式回放和录制,以及静态图像文件等。媒体库可以支持多种音视频编码格式,例如:MPEG4,H.264,MP3,AAC,AMR,JPG,PNG等。
三维图形处理库用于实现三维图形绘图,图像渲染,合成,和图层处理等。
2D图形引擎是2D绘图的绘图引擎。
内核层是硬件和软件之间的层。内核层至少包含显示驱动,摄像头驱动,音频驱动,传感器驱动。
下面结合应用启动场景,示例性说明电子设备100软件以及硬件的工作流程。
当触摸传感器180K接收到触摸操作,相应的硬件中断被发给内核层。内核层将触摸操作加工成原始输入事件(包括触摸坐标,触摸操作的时间戳等信息)。原始输入事件被存储在内核层。应用程序框架层从内核层获取原始输入事件,识别该输入事件所对应的控件。以该触摸操作是触摸单击操作,该单击操作所对应的控件为购物应用图标的控件为例,购物应用调用应用框架层的接口,启动购物应用,进而通过调用内核层启动显示驱动,通过显示屏194显示购物应用的用户界面。
下面介绍本申请实施例涉及的应用场景以及该场景下的用户界面示例。
图5示例性示出一种视窗缩放的用户界面示意图。
如图5的(A)所示,电子设备100可以显示桌面510,桌面510可以包括视窗511。在一种实施方式中,视窗511可以用于显示电子设备100的购物应用的第一界面。不限于此,在另一种实施方式中,视窗511也可以用于显示和电子设备100连接的电子设备200显示的购物应用的第一界面。例如,电子设备100为平板电脑,电子设备200为手机,平板电脑和手机通过蓝牙、NFC、红外线、W-Fi等近场通信方式建立连接后,可以在平板电脑上镜像显示手机视窗(即视窗511),该手机视窗可以显示手机的整个屏幕的显示内容,用户可以在平板电脑上基于手机视窗操作手机(如操作手机上的应用和文件、查看手机的通知消息、拨打/接听电话等),可以理解为是平板电脑和手机实现多屏协同。
在一种实施方式中,电子设备100可以接收针对图5的(A)所示的视窗511的触摸操作,例如,该触摸操作为向外滑动,图5的(A)以该触摸操作为将视窗511的左下角往外拖动为例进行示意。电子设备100可以响应于该触摸操作,等比例放大视窗511,放大后的视窗511可参见图5的(B)所示的桌面510中的视窗511。例如,图5的(B)所示的视窗511是等比例放大能达到的最大视窗。
在一种实施方式中,电子设备100也可以接收针对图5的(B)所示的视窗511的触摸操作,例如,该触摸操作为向内滑动。假设该触摸操作为将视窗511的左下角往内拖动,电子设备100可以响应于该触摸操作,等比例缩小视窗511,缩小后的视窗511可参见图5的(A)所示的视窗511。
在一种实施方式中,图5所示的实施方式之后,电子设备100可以接收针对图5的(B)所示的视窗511的触摸操作,例如,该触摸操作为向外滑动,图6的(A)以该触摸操作为将视窗511的左侧边缘往外拖动为例进行示意。电子设备100可以响应于该触摸操作,拉宽图6的(A)所示的视窗511。拉宽视窗511时,视窗511的宽度x1可以变大,高度y可以保持不变或也可以改变(图6以保持不变为例进行说明),其中,xi和y为正数,i为正整数。当拉宽后的视窗511的宽度和高度的比例小于预设比例时,例如图6的(B)所示的视窗511的宽度x2和高度y的比例(x2/y)<(4/3)时,视窗511可以仍然显示购物应用的第一界面。在一种实施方式中,用户可以继续拉宽图6的(B)所示的视窗511,图6的(B)以用户将视窗511的左侧边缘往外拖动为例进行示意,当拉宽后的视窗511的宽度和高度的比例大于或等于预设比例时,例如图6的(C)所示的桌面610中的视窗611的宽度x3和高度y的比例(x3/y)≥(4/3)时,可以开启视窗511的平行视界模式。其中,上述预设比例可以是电子设备100根据应用程序的最佳显示效果确定的。
如图6的(C)所示,视窗611可以包括图5的(B)所示的视窗511中显示的第一界面611A和新增的第二界面611B,在一些示例中,新增的第二界面611B为第一界面611A的上一级界面,不限于此,在另一些示例中,新增的第二界面611B也可以为电子设备在第一界面611A之前显示过的,除上一级界面外的任意一个用户界面,例如第一个打开的应用界面,例如应用的主界面,在另一些示例中,新增的第二界面611B也可以为第一界面611A的下一级界面,本申请对新增的第二界面的内容/类型不作限定。在一些示例中,视窗611的宽度为x3,视窗611中的第一界面611A和第二界面611B的宽度可以相等,即均为x3/2。如图6的(C)所示,视窗611还包括位于第一界面611A和第二界面611B之间的拖动条611C,拖动条611C可以用于调整第一界面611A和第二界面611B在视窗611中的占比大小。
不限于上述示例的情况,在另一些示例中,电子设备100显示图6的(A)所示的视窗511后,可以根据用户意图直接显示图6的(C)所示的视窗611,不显示图6的(B)所示的视窗511。例如,电子设备100可以在检测到用户意图为将图6的(A)所示的视窗511放大为目标尺寸时,直接将视窗511的尺寸参数设置为目标尺寸,即图6的(C)所示的视窗611。
不限于上述示例的情况,在另一些示例中,图6的(C)所示的视窗611中的第一界面611A的宽度大于第二界面611B的宽度,和/或,图6的(C)所示的视窗611中的第一界面611A的宽度大于图6的(A)所示的视窗511的宽度。
图6所示的实施方式可以理解为是:电子设备100接收到将视窗511的边缘往外拖动的触摸操作时,可以智能判断视窗511中的应用程序的最佳显示效果,当视窗511的宽度和高度的比例大于或等于预设比例时,可以开启视窗511的平行视界模式。即使电子设备100无法提供视窗511的resize功能,也可以结合平行视界为用户提供视觉效果和操作体验好的视窗缩放功能,大大提升用户的使用感。
不限于上述示例的情况,在另一些示例中,也可以不是在图5所示的实施方式之后执行图6所示的实施方式,电子设备100显示任意一个视窗(用于显示一个应用的一个界面)时都可以执行图6所示的实施方式,本申请对此不作限定。
在一种实施方式中,图6所示的实施方式之后,电子设备100可以接收针对图6的(C)所示的视窗611的触摸操作,例如,该触摸操作为向外滑动,图7的(A)以该触摸操作为将视窗611的左侧边缘往外拖动为例进行示意,其中,视窗611的左侧显示有第二界面611B,该触摸操作可以理解为是针对视窗611中位于左侧的第二界面611B的用户操作。电子设备100可以响应于该触摸操作,拉宽图7的(A)所示的视窗611(宽度x3),例如,电子设备100可以具体拉宽视窗611中位于左侧的第二界面611B(宽度x3/2),拉宽后的视窗611可参见图7的(B)所示的桌面610中的视窗611。如图7的(B)所示,视窗611的宽度x4大于x3,视窗611中的第一界面611A的宽度仍为x3/2,视窗611中的第二界面611B的宽度大于x3/2。图7的(B)所示的视窗611的面积大于图7的(A)所示的视窗611,图7的(B)所示的第一界面611A的面积和图7的(A)所示的第一界面611A的面积相同,图7的(B)所示的第二界面611B的面积大于图7的(A)所示的第二界面611B的面积。
图7所示的实施方式可以理解为是:电子设备100接收到将视窗611的左侧边缘往外拖动的触摸操作时,可以增大视窗611中位于左侧的第二界面611B的宽度(视窗611的整体宽度也变大),以使视窗611中的两个用户界面形成左宽右窄的显示效果,视窗显示效果符合用户执行的视窗缩放操作,为用户提供了有效、体验感好的视窗缩放功能。
在一种实施方式中,图6所示的实施方式之后,电子设备100可以接收针对图6的(C)所示的视窗611的触摸操作,例如,该触摸操作为向外滑动,图8的(A)以该触摸操作为将视窗611的右侧边缘往外拖动为例进行示意,其中,视窗611的右侧显示有第一界面611A,该触摸操作可以理解为是针对视窗611中位于右侧的第一界面611A的用户操作。电子设备100可以响应于该触摸操作,拉宽图8的(A)所示的视窗611(宽度x3),例如,电子设备100可以具体拉宽视窗611中位于右侧的第一界面611A(宽度x3/2),拉宽后的视窗611可参见图8的(B)所示的桌面610中的视窗611。如图8的(B)所示,视窗611的宽度x5大于x3,视窗611中的第一界面611A的宽度大于x3/2,视窗611中的第二界面611B的宽度仍为x3/2。图8的(B)所示的视窗611的面积大于图8的(A)所示的视窗611,图8的(B)所示的第一界面611A的面积大于图8的(A)所示的第一界面611A的面积,图8的(B)所示的第二界面611B的面积和图8的(A)所示的第二界面611B的面积相同。
图8所示的实施方式可以理解为是:电子设备100接收到将视窗611的右侧边缘往外拖动的触摸操作时,可以增大视窗611中位于右侧的第一界面611A的宽度(视窗611的整体宽度也变大),以使视窗611中的两个用户界面形成左窄右宽的显示效果,视窗显示效果符合用户执行的视窗缩放操作,为用户提供了有效、体验感好的视窗缩放功能。
在一种实施方式中,图6所示的实施方式之后,电子设备100可以接收针对图6的(C)所示的视窗611的触摸操作,例如,该触摸操作为向内滑动,图9的(A)以该触摸操作为将视窗611的左侧边缘往内拖动为例进行示意,其中,视窗611的左侧显示有第二界面611B,该触摸操作可以理解为是针对视窗611中位于左侧的第二界面611B的用户操作。电子设备100可以响应于该触摸操作,拉窄图9的(A)所示的视窗611(宽度x3)。拉窄视窗611时,视窗611的宽度x3可以变小,高度y可以保持不变或也可以改变(图9以保持不变为例进行说明),例如,电子设备100可以具体拉窄视窗611中位于左侧的第二界面611B。当拉窄后的视窗611的宽度和高度的比例大于或等于预设比例时,例如图9的(B)所示的视窗611的宽度x6和高度y的比例(x6/y)≥(4/3)时,视窗611可以仍然保持在平行视界模式下运行,即同时显示购物应用的第一界面611A和第二界面611B。如图9的(B)所示,视窗611的宽度x6小于x3,视窗611中的第一界面611A的宽度仍为x3/2,视窗611中的第二界面611B的宽度小于x3/2。图9的(B)所示的视窗611的面积小于图9的(A)所示的视窗611,图9的(B)所示的第一界面611A的面积和图9的(A)所示的第一界面611A的面积相同,图9的(B)所示的第二界面611B的面积小于图9的(A)所示的第二界面611B的面积。在一种实施方式中,用户可以继续拉窄图9的(B)所示的视窗611,图9的(B)以用户将视窗611的左侧边缘往内拖动为例进行示意,当拉窄后的视窗611的宽度和高度的比例小于预设比例时,例如图9的(C)所示的桌面710中的视窗711的宽度x7和高度y的比例(x7/y)<(4/3)时,可以关闭视窗611的平行视界模式,视窗711仅包括购物应用的第一界面611A,不包括购物应用的第二界面611B。
图9所示的实施方式可以理解为是:电子设备100接收到将(平行视界模式下的)视窗611的边缘往内拖动的触摸操作时,可以减小视窗611中该触摸操作对应的用户界面的宽度(视窗611的整体宽度也变小),视窗显示效果符合用户执行的视窗缩放操作。并且,电子设备可以智能判断视窗611中的应用程序的最佳显示效果,当视窗611的宽度和高度的比例小于预设比例时,可以关闭视窗611的平行视界模式,即根据用户执行的缩放操作灵活开启和关闭平行视界模式,为用户提供了有效、体验感好的视窗缩放功能。
在一种实施方式中,电子设备100也可以响应于将图6的(C)所示的视窗611的右侧边缘往内拖动的用户操作,具体拉窄视窗611中位于右侧的第一界面611A。当拉窄后的视窗611的宽度和高度的比例大于或等于预设比例时,视窗611可以仍然保持在平行视界模式下运行,此时视窗611中的两个用户界面形成左宽右窄的显示效果。在一种实施方式中,当拉窄后的视窗611的宽度和高度的比例小于预设比例时,可以关闭视窗611的平行视界模式,仅显示视窗611中位于左侧的第二界面611B。结合图9所示的实施方式,可以理解为是根据用户操作确定关闭视窗的平行视界模式后显示的用户界面,不限于此,在另一种实施方式中,也可以是默认关闭视窗的平行视界模式后显示级别更高的用户界面,例如,视窗611中的第二界面611B为第一界面611A的上一级界面,电子设备100可以默认关闭视窗611的平行视界模式后显示级别更高的第一界面611A,本申请对如何确定关闭视窗的平行视界模式后显示的用户界面不作限定。
在一种实施方式中,图6所示的实施方式之后,电子设备100可以接收针对图6的(C)所示的视窗611中的拖动条611C的触摸操作,例如,该触摸操作为向左或向右滑动,图10的(A)以该触摸操作为将拖动条611C向左拖动为例进行示意,其中,视窗611的右侧显示有第一界面611A,该触摸操作可以理解为是将第一界面611A的左侧边缘往外拖动的用户操作。电子设备100可以响应于该触摸操作,拉宽图10的(A)所示的视窗611,例如,电子设备100可以具体拉宽视窗611中位于右侧的第一界面611A,拉宽后的视窗611可参见图10的(B)所示的桌面610中的视窗611。图10的(B)所示的视窗611、视窗611中的第一界面611A、视窗611中的第二界面611B的说明和图8的(B)的说明类似,具体可参见图8的(B)的说明。
在一种实施方式中,图6所示的实施方式之后,电子设备100可以接收针对图6的(C)所示的视窗611中的拖动条611C的触摸操作,例如,该触摸操作为向左或向右滑动,图11的(A)以该触摸操作为将拖动条611C向右拖动为例进行示意,其中,视窗611的左侧显示有第二界面611B,该触摸操作可以理解为是将第二界面611B的右侧边缘往外拖动的用户操作。电子设备100可以响应于该触摸操作,拉宽图11的(A)所示的视窗611,例如,电子设备100可以具体拉宽视窗611中位于左侧的第二界面611B,拉宽后的视窗611可参见图11的(B)所示的桌面610中的视窗611。图11的(B)所示的视窗611、视窗611中的第一界面611A、视窗611中的第二界面611B的说明和图7的(B)的说明类似,具体可参见图7的(B)的说明。
在一种实施方式中,图7或图11所示的实施方式之后,电子设备100可以显示图12的(A)所示的桌面610,在桌面610中,视窗611中的第一界面611A的宽度小于第二界面611B的宽度。电子设备100可以接收针对视窗611的触摸操作,例如,该触摸操作为向外滑动,图12的(A)以该触摸操作为将视窗611的左侧边缘往外拖动至电子设备100的屏幕边缘为例进行示意。电子设备100可以响应于该触摸操作,全屏显示视窗611,具体可参见图12的(B)所示的用户界面1210。如图12的(B)所示,用户界面1210可以包括视窗611中的第一界面611A、第二界面611B以及位于第一界面611A和第二界面611B之间的拖动条611C。用户界面1210中的第一界面611A的宽度z1小于第二界面611B的宽度,zj为正数,j为正整数。用户界面1210中的第一界面611A的面积小于第二界面611B的面积。用户界面1210中的第一界面611A的宽度大于视窗611中的第一界面611A的宽度,用户界面1210中的第二界面611B的宽度大于视窗611中的第二界面611B的宽度。
在一种实施方式中,图8或图10所示的实施方式之后,电子设备100可以显示图13的(A)所示的桌面610,在桌面610中,视窗611中的第一界面611A的宽度大于第二界面611B的宽度。电子设备100可以接收针对视窗611的触摸操作,例如,该触摸操作为向外滑动,图13的(A)以该触摸操作为将视窗611的右侧边缘往外拖动至电子设备100的屏幕边缘为例进行示意。电子设备100可以响应于该触摸操作,全屏显示视窗611,具体可参见图13的(B)所示的用户界面1310。如图13的(B)所示,用户界面1310可以包括视窗611中的第一界面611A、第二界面611B以及位于第一界面611A和第二界面611B之间的拖动条611C。用户界面1310中的第二界面611B的宽度z2小于第一界面611A的宽度。用户界面1310中的第二界面611B的面积小于第一界面611A的面积。用户界面1310中的第一界面611A的宽度大于视窗611中的第一界面611A的宽度,用户界面1310中的第二界面611B的宽度大于视窗611中的第二界面611B的宽度。
不限于图12所示的实施方式,在另一种实施方式中,电子设备100可以响应于图12的(A)所示的触摸操作(将视窗611的左侧边缘往外拖动至电子设备100的屏幕边缘),全屏显示视窗611中位于左侧的第二界面611B,具体可参见图14所示的用户界面1410。如图14所示,用户界面1410和图12的(A)所示的第二界面611B均为购物应用的搜索界面,用户界面1410包括第二界面611B中的内容:搜索框1411和搜索结果列表1412,并且,用户界面1410还包括第二界面611B中没有的内容:搜索的筛选信息1413和推荐信息1414,这样可以保证全屏显示第二界面611B时的显示效果,提升用户体验。不限于此,在另一些示例中,也可以按照其他方式全屏显示第二界面611B,例如不显示第二界面611B中没有的内容,本申请对此不作限定。
不限于图13所示的实施方式,在另一种实施方式中,电子设备100可以响应于图13的(A)所示的触摸操作(将视窗611的右侧边缘往外拖动至电子设备100的屏幕边缘),全屏显示视窗611中位于右侧的第一界面611A,具体可参见图15所示的用户界面1510。如图15所示,用户界面1510和图12的(A)所示的第一界面611A均为商品的详情界面,但用户界面1410不仅包括第二界面611B中的内容,也包括第二界面611B中没有的内容,这样可以保证全屏显示第一界面611A时的显示效果,提升用户体验。不限于此,在另一些示例中,也可以按照其他方式全屏显示第一界面611A,例如显示下图18的(C)所示的用户界面1830,本申请对此不作限定。
不限于图12和图13所示的实施方式,在另一种实施方式中,电子设备100也可以响应于将图12的(A)所示的视窗611的右侧边缘往外拖动至电子设备100的屏幕边缘的用户操作,全屏显示视窗611,并且,全屏显示的视窗611中位于右侧的第一界面611A的宽度大于或等于位于左侧的第二界面611B的宽度。不限于此,在另一种实施方式中,电子设备100可以根据拖动操作的拖动距离确定拉伸视窗的宽度。假设上述用户操作对应的拖动距离较小,因此,电子设备100响应于上述触摸操作全屏显示的视窗611中,位于右侧的第一界面611A的宽度仍然小于位于左侧的第二界面611B的宽度,但此时第一界面611A的宽度和第二界面611B的宽度的比例,大于,图12的(A)所示的第一界面611A的宽度和第二界面611B的宽度的比例。其他情况类似,不再赘述。
图14和图15所示的实施方式可以理解为是根据用户操作确定全屏显示的用户界面,不限于此,在另一种实施方式中,也可以是默认全屏显示级别更高的用户界面,本申请对如何确定全屏显示的用户界面不作限定。
不限于以上实施方式中的用于缩放视窗的触摸操作,在另一种实施方式中,还可以通过其他形式的用户操作来触发缩放视窗,在一些示例中,电子设备100可以响应于图12的(A)所示的触摸操作,放大视窗611(但不全屏显示视窗611),电子设备100可以响应于将图12的(A)所示的视窗611的边缘往外拖动至电子设备100的屏幕角落的用户操作,全屏显示视窗611。在一些示例中,电子设备100可以响应于图9的(A)所示的触摸操作,缩小视窗611(但不关闭视窗611的平行视界模式),电子设备100可以响应于将图9的(A)所示的视窗611的边缘角落往内拖动的用户操作,关闭视窗611的平行视界模式,例如显示图9的(C)所示的视窗711。不限于此,在另一些示例中,也可以通过双指滑动等其他形式的滑动操作、语音输入、手势操作等用户操作来缩放视窗,本申请对用于缩放视窗的用户操作不作限定,但需要说明的是,用于缩放视窗的用户操作和用于移动视窗的用户操作不同,例如,用于缩放视窗的用户操作为以视窗的边缘为起点往外滑动,用于移动视窗的用户操作为先长按视窗然后再拖动视窗。
在另一种实施方式中,电子设备100还可以在检测到特定事件时,自动缩放视窗,具体示例可参见图16和图17,本申请对上述特定事件的具体内容不作限定。上述特定事件可以是电子设备100预设和/或学习得到的,也可以是电子设备100响应于用户操作确定的。
在一种实施方式中,图6所示的实施方式之后,电子设备100可以显示图16的(A)所示的桌面610(即图6的(C)所示的桌面610),在桌面610中,视窗611(宽度x3)中的第一界面611A(宽度x3/2)可以包括商品名称1611(“裤装A”)和购买控件1612,购买控件1612用于触发显示名称为“裤装A”的商品的规格信息的选择界面。电子设备100可以响应于针对购买控件1612的触摸操作(例如点击操作),增大视窗611中用于显示第一界面611A的区域,并在该增大后的区域内显示上述选择界面,具体可参见图16的(B)所示的桌面610。如图16的(B)所示,桌面610中的视窗611包括第二界面611B和第三界面1620,第三界面1620即为上述选择界面。视窗611的宽度x8大于x3,第二界面611B的宽度仍为x3/2,第三界面1620的宽度大于上述第一界面611A的宽度x3/2。图16的(B)所示的视窗611的面积大于图16的(A)所示的视窗611,图16的(B)所示的第二界面611B的面积和图16的(A)所示的第二界面611B的面积相同,图16的(B)所示的第三界面1620的面积大于图16的(A)所示的第一界面611A的面积。
在一种实施方式中,图6所示的实施方式之后,电子设备100可以显示图17的(A)所示的桌面610(即图6的(C)所示的桌面610),在桌面610中,视窗611(宽度x3)中的第二界面611B(宽度x3/2)可以包括拍摄控件1711,拍摄控件1711用于触发显示拍摄界面。电子设备100可以响应于针对拍摄控件1711的触摸操作(例如点击操作),增大视窗611中用于显示第二界面611B的区域,并在该增大后的区域内显示上述拍摄界面,具体可参见图17的(B)所示的桌面610。如图17的(B)所示,桌面610中的视窗611包括第一界面611A和第四界面1720,第四界面1720即为上述拍摄界面,第四界面1720可以包括取景框1721,取景框1721可以显示通过电子设备100或电子设备200的摄像头获取到的图像1722,用户可以操作电子设备100或电子设备200以此调整取景框1721中显示的图像1722。如图17的(B)所示,视窗611的宽度x9大于x3,第一界面611A的宽度仍为x3/2,第四界面1720的宽度大于上述第二界面611B的宽度x3/2。图17的(B)所示的视窗611的面积大于图17的(A)所示的视窗611,图17的(B)所示的第一界面611A的面积和图17的(A)所示的第一界面611A的面积相同,图17的(B)所示的第四界面1720的面积大于图17的(A)所示的第二界面611B的面积。
在一种实施方式中,电子设备100可以响应于针对全屏显示的视窗的触摸操作,缩小视窗,即非全屏显示该视窗,例如,电子设备100可以响应于将图12的(B)所示的用户界面1210的边缘往内拖动的用户操作,缩小用户界面1210,显示图12的(A)所示的视窗611。
不限于上述示例的情况,在另一些示例中,也可以不是在图7或图11所示的实施方式之后执行图12或图14所示的实施方式,电子设备100以平行视界模式显示任意一个视窗时都可以执行图12或图14所示的实施方式,例如,图6所示的实施方式之后执行图12或图14所示的实施方式,本申请对此不作限定。
不限于上述示例的情况,在另一些示例中,也可以不是在图8或图10所示的实施方式之后执行图13或图15所示的实施方式,电子设备100以平行视界模式显示任意一个视窗时都可以执行图13或图15所示的实施方式,例如,图6所示的实施方式之后执行图13或图15所示的实施方式,本申请对此不作限定。
不限于上述示例的情况,在另一些示例中,也可以不是在图6所示的实施方式之后执行图7-图11、图16、图17中的任意一种实施方式,电子设备100以平行视界模式显示任意一个视窗时都可以执行图7-图11、图16、图17中的任意一种实施方式,本申请对此不作限定。
图18示例性示出一种视窗显示的用户界面示意图。
如图18的(A)所示,电子设备100可以显示用户界面1810,在一种实施方式中,用户界面1810为多任务视窗/多任务列表的用户界面。用户界面1810可以包括当前运行的至少一个视窗,例如视窗1811和视窗1812,以视窗1812为例进行说明,其他视窗类似,视窗1812上侧显示有所属应用的信息1812A(应用程序的图标和名称“购物”)、第一显示控件1812B和第二显示控件1812C,其中:
在一种实施方式中,电子设备100可以响应于针对第一显示控件1812B的触摸操作(例如点击操作),以平行视界模式全屏显示视窗1812,具体可参见图18的(B)所示的用户界面1820。如图18的(B)所示,用户界面1820可以包括视窗1812中显示的购物应用的第一界面1821、新增的第二界面1822,以及位于第一界面1821和第二界面1822之间的拖动条1823,具体说明和图6的(C)所示的视窗611中的第一界面611A、第二界面611B和拖动条611C类似,不再赘述。
在一种实施方式中,电子设备100可以响应于针对第二显示控件1812C的触摸操作(例如点击操作),直接全屏显示视窗1812,具体可参见图18的(C)所示的用户界面1830,用户界面1830包括的界面和视窗1812包括的界面一致。
在图18所示的实施方式中,针对多任务视窗中的任意一个视窗,用户可以选择直接全屏显示该视窗,也可以选择在平行视界模式下显示,使用灵活,满足用户的个性化需求,提升用户体验感。
图19示例性示出又一种视窗显示的用户界面示意图。
如图19的(A)所示,电子设备100可以显示桌面1910,桌面1910可以包括视窗1911和视窗1912,其中,视窗1911显示在视窗1912的上层(也可理解为是视窗1911的显示层级高于视窗1912的显示层级)。在一种实施方式中,电子设备100可以接收针对视窗1912的触摸操作,例如,该触摸操作为向外滑动,图19的(A)以该触摸操作为将视窗1912的右侧边缘往外拖动为例进行示意。电子设备100可以响应于该触摸操作,调整视窗1912的显示层级,并开启视窗1912的平行视界模式,具体可参见图19的(B)所示的桌面1910中的视窗1912。如图19的(B)所示,视窗1912显示在视窗1911的上层,即调整后的视窗1912的显示层级高于视窗1911的显示层级。图19的(B)所示的视窗1912可以包括图19的(A)所示的视窗1912显示的购物应用的第一界面,以及新增的购物应用的第二界面,具体说明和图6的(C)所示的视窗611中的第一界面611A和第二界面611B类似,不再赘述。
不限于图19所示的实施方式,在另一种实施方式中,图19的(A)所示的桌面1910可以包括多个显示层级高于视窗1912的视窗,电子设备100可以响应于图19的(A)所示的触摸操作,将视窗1912的显示层级调整为:高于上述多个显示层级高于视窗1912的视窗的层级,可以理解为是将视窗1912的显示层级调整为相对最高的层级。
图19以图6的(B)和图6的(C)所示的视窗缩放过程为例进行说明,不限于此,也可以是在触发图5-图17中任意一种实施方式的视窗缩放过程时,触发调整视窗1912的显示层级,也就是说,当电子设备100检测到用户对视窗的缩放意图时,可以对该视窗执行相应的缩放操作,并且调整该视窗的显示层级为相对最高的显示层级(例如将显示层级调整为大于或等于电子设备在前台运行的全部视窗的显示层级),方便用户后续操作该视窗,符合用户的使用习惯,提升用户体验。
图20示例性示出又一种视窗显示的用户界面示意图。
如图20的(A)所示,电子设备100可以显示图5的(A)所示的桌面510。在一种实施方式中,电子设备100可以接收针对桌面510中的视窗511的触摸操作,例如,该触摸操作为向内滑动,图20的(A)以该触摸操作为将视窗511的左侧边缘往内拖动为例进行示意。电子设备100可以响应于该触摸操作,拉窄视窗511,拉窄后的视窗511可参见图20的(B)所示的桌面510中的视窗511(宽度小于图5的(A)所示的视窗511的宽度)。在一种实施方式中,假设图20的(B)所示的视窗511是视窗缩放能达到的最小视窗,电子设备100可以接收针对图20的(B)所示的视窗511的触摸操作,例如,该触摸操作为向内滑动,图20的(B)以该触摸操作为将视窗511的左侧边缘往内拖动为例进行示意。电子设备100可以响应于该触摸操作,将图20的(B)所示的视窗511的显示形式从视窗切换为悬浮球,具体可参见图20的(C)所示的桌面510中的悬浮球2010,例如,悬浮球2010可以在屏幕的右侧边缘显示。
在一种实施方式中,电子设备100可以响应于针对图20的(C)所示的悬浮球2010的触摸操作(例如点击操作),将悬浮球2010的显示形式切换回视窗,例如显示图20的(B)所示的视窗511。可以理解地,以悬浮球的形式显示视窗511可以在用户不想要查看视窗511时不影响用户查看其它内容,而且用户还可以通过悬浮球快速返回查看视窗511,大大方便了用户的使用,提升用户体验感。
不限于图20所示的实施方式,在另一种实施方式中,电子设备100也可以响应于图20的(B)所示的触摸操作,以标签形式显示视窗511,该标签上仅显示视窗511对应的购物应用的信息,本申请对显示形式不作限定。
不限于图20所示的实施方式,在另一种实施方式中,电子设备100也可以响应于图20的(B)所示的触摸操作,将图20的(B)所示的视窗511的运行方式从前台运行(即用户可见且可交互)切换至后台运行(即用户不可见且不可交互,但电子设备100仍然运行该视窗511),用户可以通过多任务列表/多任务视窗再次打开视窗511,本申请对此不作限定。
在一种实施方式中,电子设备100可以根据用户对视窗比例的缩放意图,实时改变视窗的尺寸参数,例如,电子设备100接收到将图6的(A)所示的视窗511的左侧边缘往外拖动的用户操作时,可以随着用户手指从图6的(A)所示的灰色圆圈移动至图6的(B)所示的灰色圆圈,实时增大视窗511的宽度,直到增大为图6的(B)所示的视窗511的宽度。在另一种实施方式中,电子设备100可以在检测到用户意图为将视窗缩放为目标尺寸时,直接将该视窗的尺寸参数设置为目标尺寸,例如,电子设备100接收到以图6的(A)所示的视窗511的左侧边缘为起点,向左滑动至图6的(C)所示的视窗611的左侧边缘的用户操作时,可以根据该用户操作确定拉宽视窗511的幅度L(L为正数),并将视窗511的宽度增加L,同时开启视窗511的平行视界模式,即图6的(C)所示的视窗611。
在上述实施方式中,电子设备100可以根据用户对视窗比例的缩放意图调整视窗的尺寸参数,在竖向视窗(显示一个应用的一个界面)、平行视界模式的横向视窗(显示一个应用的两个界面)、横向全屏视窗(显示一个应用的一个界面)和悬浮球等多种布局/形式的视窗中自由切换,为用户提供同一视窗的不同变化效果。
基于以上实施例介绍本申请涉及的显示方法。该方法可以应用于图3所示的电子设备100。该方法可以应用于图4所示的电子设备100。
请参见图21,图21是本申请提供的一种显示方法的流程示意图。该方法可以包括但不限于如下步骤:
S101:电子设备显示第一视窗(用于显示第一应用的第一界面)。
在一种实施方式中,电子设备在显示屏的部分区域显示第一视窗,具体示例可参见图5-图6所示的视窗511。
S102:电子设备检测到用户对第一视窗的放大意图。
在一种实施方式中,电子设备接收到针对第一视窗的缩放操作时,可以检测到用户对第一视窗的缩放意图。在一些示例中,该缩放操作为作用于显示屏中显示的第一视窗的触摸操作,例如,电子设备接收到图5-图6所示的将视窗511的边缘往外拖动的用户操作时,可以检测到用户对第一视窗的放大意图。在另一些示例中,该缩放操作为语音输入,在另一些示例中,该缩放操作为手势操作,不限于此,也可以是脑电波等,本申请对缩放操作的具体类型不作限定。
在另一种实施方式中,电子设备检测到特定事件时,可以检测到用户对第一视窗的缩放意图。在一种情况下,该特定事件是电子设备自动确定的,例如,电子设备预先设置特定事件,和/或,电子设备从其他设备学习得到特定事件,和/或,电子设备根据使用本设备的用户的操作行为学习得到特定事件(例如,用户每次打开某类界面时均会手动放大视窗,因此,电子设备检测到打开这类界面的事件时就会检测到用户对视窗的放大意图)。在另一种情况下,该特定事件是电子设备响应于用户操作确定的,可以理解为是用户自行设置该特定事件。在一些示例中,假设第一视窗显示图16的(A)所示的购物应用的第一界面611A,电子设备接收到针对第一界面611A中的购买控件1612的触摸操作(例如点击操作)时,即检测到打开商品的规格信息的选择界面的特定事件,因此检测到用户对第一视窗的放大意图。在另一些示例中,假设第一视窗显示图17的(A)所示的购物应用的第二界面611B,电子设备接收到针对第二界面611B中的拍摄控件1711的触摸操作(例如点击操作)时,即检测到打开拍摄界面的特定事件,因此检测到用户对第一视窗的放大意图。本申请对特定事件的具体内容不作限定。
S103:电子设备判断第一应用是否支持尺寸调整(resize)功能。
在一种实施方式中,S103为可选的步骤。
在一种实施方式中,resize功能为随意缩放、动态改变布局的尺寸调整功能。可以理解地,目前应用在终端上的大多数应用不支持resize功能。
在一种实施方式中,电子设备确定第一应用支持resize功能时,可以执行S104,电子设备确定第一应用不支持resize功能时,可以执行S105。
S104:电子设备基于resize功能调整第一视窗的大小。
在一种实施方式中,S104为可选的步骤。
在一种实施方式中,电子设备根据用户对第一视窗的放大意图(即S102的放大意图),随意缩放第一视窗,动态改变第一视窗的布局。可以理解地,电子设备基于resize功能调整第一视窗最大可以达到全屏显示第一视窗。在一些示例中,电子设备可以基于resize功能放大图5的(A)所示的视窗511,放大到最大程度时可以显示图14所示的用户界面1410。
S105:电子设备判断第一应用是否支持平行视界模式。
在一种实施方式中,S105为可选的步骤。
在一种实施方式中,当第一应用支持平行视界模式时,电子设备可以开启第一视窗的平行视界模式,执行S106,当第一应用不支持平行视界模式时,电子设备可以执行S112。
S106:电子设备在第一视窗中显示第一界面和第一应用的第二界面。
在一种实施方式中,当用户对第一视窗的放大意图(即S102的放大意图)用于将第一视窗放大至预设大小时,电子设备可以在第一视窗中显示之前显示的第一界面和新增的第一应用的第二界面,即在平行视界模式下运行第一视窗,可选地具体为开启第一视窗的平形视界模式。其中,预设大小为宽度和高度的比例大于或等于预设比例的大小。在一些示例中,第一界面在第一视窗中的所占比例等于第二界面在第一视窗中的所占比例,例如,第一界面和第二界面的宽度、高度均相同。在一些示例中,预设比例大于1,例如为图6所示的4/3,S102和S106的具体示例可参见图6。
在一种实施方式中,电子设备开启第一视窗的平行视界模式,包括:电子设备开启增加一个Activity的显示方式。电子设备开启第一视窗的平行视界模式之前,第一应用包括第一界面对应的第一Activity,电子设备开启第一视窗的平行视界模式之后,第一应用包括第一界面对应的第一Activity和第二界面对应的第二Activity。
S107:电子设备检测到用户对(平行视界模式下运行的)第一视窗的放大意图。
在一种实施方式中,S107和S102的说明类似。在一种实施方式中,电子设备可以具体检测到用户对第一视窗中的任意一个界面的放大意图。
S108:电子设备判断第一应用是否支持平行视界的拉伸功能。
在一种实施方式中,S108为可选的步骤。
在一种实施方式中,电子设备判断第一应用是否支持平行视界的拉伸功能,包括:电子设备判断第一应用的视窗在平行视界模式下是否可以缩放,和/或,电子设备判断第一应用的视窗中的窗口在平行视界模式下是否可以缩放。
在一种实施方式中,当第一应用支持平行视界的拉伸功能时,电子设备可以执行S109,当第一应用不支持平行视界的拉伸功能时,电子设备可以执行S112。
S109:电子设备显示放大后的第一视窗。
在一种实施方式中,S109为可选的步骤。
在一种实施方式中,电子设备可以根据用户对平行视界模式下运行的第一视窗的放大意图(即S107的放大意图),放大第一视窗。
在一种实施方式中,用户对第一视窗的放大意图(即S107的放大意图)是针对第一视窗中的第一界面或第二界面,因此,电子设备可以具体放大第一视窗中的第一界面或第二界面(第一视窗整体也在放大),例如,第一应用不支持resize功能时,电子设备可以直接纵向拉伸第一界面或第二界面,拉伸一个界面的示例和图2类似,第一应用支持resize功能时,电子设备可以使用resize功能调整第一界面或第二界面的大小,调整后的界面和图14、图15所示的界面类似(其中,调整后的界面不是全屏显示的)。在一些示例中,假设该放大意图是针对第一界面的,则第一界面在放大后的第一视窗中的所占比例大于第二界面在放大后的第一视窗中的所占比例。
接下来示出一些S107和S109的示例:
在一些示例中,电子设备接收到图7所示的将视窗611的左侧边缘往外拖动的用户操作时,可以检测到用户对视窗611中位于左侧的第二界面611B的放大意图,放大后的视窗611可参见图7的(B)所示的视窗611。
在一些示例中,电子设备接收到图8所示的将视窗611的右侧边缘往外拖动的用户操作时,可以检测到用户对视窗611中位于右侧的第一界面611A的放大意图,放大后的视窗611可参见图8的(B)所示的视窗611。
在一些示例中,电子设备接收到图10所示的将视窗611中位于第一界面611A和第二界面611B之间的拖动条611C向左拖动的用户操作时,可以检测到用户对视窗611中位于右侧的第一界面611A的放大意图,放大后的视窗611可参见图10的(B)所示的视窗611。
在一些示例中,电子设备接收到图11所示的将视窗611中位于第一界面611A和第二界面611B之间的拖动条611C向右拖动的用户操作时,可以检测到用户对视窗611中位于左侧的第二界面611B的放大意图,放大后的视窗611可参见图11的(B)所示的视窗611。
在一些示例中,电子设备检测到打开商品的规格信息的选择界面的特定事件(由图16所示的视窗611中的第一界面611A触发)时,可以检测到用户对第一界面611A的放大意图,放大后的视窗611可参见图16的(B)所示的视窗611。
在一些示例中,电子设备检测到打开拍摄界面的特定事件(由图17所示的视窗611中的第二界面611B触发)时,可以检测到用户对第二界面611B的放大意图,放大后的视窗611可参见图17的(B)所示的视窗611。
S110:电子设备检测到用户对(平行视界模式下运行的)第一视窗的放大意图。
在一种实施方式中,S110为可选的步骤。
在一种实施方式中,S110和S102的说明类似。在一种实施方式中,电子设备可以具体检测到用户将第一视窗放大至在整个显示屏显示的意图,即全屏显示第一视窗的意图。
S111:电子设备全屏显示第一视窗。
在一种实施方式中,S111为可选的步骤。
在一种实施方式中,电子设备可以根据用户对平行视界模式下运行的第一视窗的放大意图(即S110的放大意图),全屏显示平行视界模式下的第一视窗。在一些示例中,第一界面在显示屏中的所占比例等于第二界面在显示屏中的所占比例,例如,第一界面和第二界面的宽度相同。在另一些示例中,用户对第一视窗的放大意图(即S110的放大意图)是针对第一视窗中的任意一个界面(第一界面或第二界面)的,以该界面为第一界面为例进行说明,该界面为第二界面的情况类似,在这种情况下,第一界面在显示屏中的所占比例大于第二界面在显示屏中的所占比例,具体示例如下所示:
例如,电子设备接收到图12的(A)所示的将视窗611的左侧边缘往外拖动的用户操作时,可以检测到用户全屏显示视窗611的意图,以及用户对视窗611中位于左侧的第二界面611B的放大意图,全屏显示的视窗611可参见图12的(B)所示的用户界面1210。
例如,电子设备接收到图13的(A)所示的将视窗611的右侧边缘往外拖动的用户操作时,可以检测到用户全屏显示视窗611的意图,以及用户对视窗611中位于右侧的第一界面611A的放大意图,全屏显示的视窗611可参见图13的(B)所示的用户界面1310。
在另一种实施方式中,电子设备可以关闭第一视窗的平行视界模式,全屏显示第一视窗中的任意一个界面(第一界面或第二界面)。在一些示例中,用户对第一视窗的放大意图(即S110的放大意图)是针对第一视窗中的任意一个界面(第一界面或第二界面)的,因此,电子设备可以全屏显示第一界面或第二界面,具体示例如下所示:
例如,电子设备接收到图12的(A)所示的将视窗611的左侧边缘往外拖动的用户操作时,可以检测到用户对视窗611中位于左侧的第二界面611B的放大意图(也可称为是全屏显示第二界面611B的意图),因此,电子设备可以全屏显示第二界面611B,具体可参见图14所示的用户界面1410。
例如,电子设备接收到图13的(A)所示的将视窗611的右侧边缘往外拖动的用户操作时,可以检测到用户对视窗611中位于右侧的第一界面611A的放大意图(也可称为是全屏显示第一界面611A的意图),因此,电子设备可以全屏显示第一界面611A,具体可参见图15所示的用户界面1510。
S112:电子设备等比例调整第一视窗的大小或者保持第一视窗的大小不变。
在一种实施方式中,S112为可选的步骤。
在一种实施方式中,电子设备等比例调整第一视窗的大小的示例可参见图1和图5。不限于S112所示的实施方式,在另一种实施方式中,电子设备也可以根据用户对第一视窗的缩放意图,横向拉伸第一视窗,具体示例可参见图2。
不限于图21所示的说明,在另一种实施方式中,电子设备也可以检测到用户对第一视窗的缩小意图,并根据该缩小意图缩小第一视窗。在一些示例中,电子设备可以根据检测到的用户对全屏显示的、平行视界模式下的第一视窗的缩小意图,缩小第一视窗(即非全屏显示第一视窗),例如,从图13的(B)所示的用户界面1310变为图13的(A)所示的视窗611,或者,从图12的(B)所示的用户界面1210变为图12的(A)所示的视窗611。在一些示例中,电子设备可以根据检测到的用户对平行视界模式下的第一视窗中的一个界面的缩小意图,缩小该界面(第一视窗也在缩小),在一些示例中,电子设备可以根据检测到的用户对平行视界模式下的第一视窗的缩小意图,关闭第一视窗的平行视界模式,具体示例可参见图9。在一些示例中,当第一视窗缩小到最小视窗(例如图20的(B)所示的视窗511)时,电子设备检测到用户对第一视窗的缩小意图,则电子设备可以根据该缩小意图,将第一视窗的显示形式切换为其他所占区域更小的显示形式,例如图20的(C)所示的悬浮球2010或标签等,本申请对切换后的显示形式不作限定。
在图21所示的方法中,电子设备是在检测到用户对第一视窗的放大意图(例如,用于将第一视窗放大至预设大小的特定意图)时,开启第一视窗的平行视界模式,而不是在用户触发打开新的界面时开启平行视界模式(同时显示之前显示的界面和该新打开的界面),可以理解为是,本申请中的平行视界模式应用于用户意图缩放第一视窗的场景,用于提供给用户一种使用感好的视窗缩放功能,避免等比例缩放或直接拉伸视窗导致的视觉效果和操作体验差的情况。并且,电子设备还可以在该视窗的平行视界模式下,根据用户对该视窗的缩放意图缩放视窗,同时实现视窗内的界面的缩放效果,提供视窗的不同显示效果,例如,放大或缩小视窗内和用户的缩放意图相关的界面(视窗整体也会变大或缩小),视窗变化符合用户意图,从而让用户可以根据电子设备的显示屏自由调整视窗的大小,最大程度满足用户对视窗使用的体验,大大提升用户的使用感。
本申请各实施例提供的方法中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、网络设备、用户设备或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(digital subscriber line,DSL)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机可以存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质(例如,软盘、硬盘、磁带)、光介质(例如,数字视频光盘(digital video disc,DWD)、或者半导体介质(例如,固态硬盘(solid state disk,SSD)等。以上所述,以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。

Claims (24)

1.一种显示方法,其特征在于,应用于电子设备,所述方法包括:
显示第一视窗,所述第一视窗包括第一应用的第一界面;
接收第一用户操作,所述第一用户操作用于拉宽所述第一视窗;
响应于所述第一用户操作,显示第二视窗,所述第二视窗包括所述第一界面和所述第一应用的第二界面。
2.如权利要求1所述的方法,其特征在于,所述第一用户操作包括以所述第一视窗的左侧边缘为起点向左滑动的用户操作,或者,以所述第一视窗的右侧边缘为起点向右滑动的用户操作。
3.如权利要求1所述的方法,其特征在于,所述显示第二视窗,包括:
当拉宽后的所述第一视窗的宽度和高度的比例大于或等于预设比例时,显示所述第二视窗,所述拉宽后的所述第一视窗的宽度是根据所述第一用户操作确定的。
4.如权利要求1-3任意一项所述的方法,其特征在于,所述方法还包括:
响应于所述第一用户操作,当拉宽后的所述第一视窗的宽度和高度的比例小于预设比例时,显示由所述第一视窗拉宽的第三视窗。
5.如权利要求1所述的方法,其特征在于,所述第二界面为所述第一界面的上一级界面或下一级界面。
6.如权利要求1所述的方法,其特征在于,所述第二视窗中的所述第一界面和所述第二界面的宽度相等。
7.如权利要求1-6任一项所述的方法,其特征在于,所述方法还包括:
接收第二用户操作,所述第二用户操作用于拉宽所述第二视窗中的所述第一界面;
响应于所述第二用户操作,显示由所述第二视窗拉宽的第四视窗,所述第四视窗中的所述第一界面的宽度大于所述第二视窗中的所述第一界面的宽度,所述第四视窗中的所述第二界面的宽度和所述第二视窗中的所述第二界面的宽度相等。
8.如权利要求7所述的方法,其特征在于,所述第二视窗中所述第一界面位于所述第二界面的左侧;所述第二用户操作包括:
以所述第二视窗的左侧边缘为起点向左滑动的用户操作;或者,
以所述第二视窗中位于所述第一界面和所述第二界面之间的拖动条为起点向右滑动的用户操作;或者,
作用于所述第一界面中的第一控件的用户操作。
9.如权利要求7所述的方法,其特征在于,所述第二视窗中的所述第一界面和所述第二界面的宽度相等,所述第四视窗中的所述第一界面的宽度大于所述第二界面的宽度。
10.如权利要求7所述的方法,其特征在于,所述显示由所述第二视窗拉宽的第四视窗,包括:
全屏显示由所述第二视窗拉宽的所述第四视窗。
11.如权利要求7所述的方法,其特征在于,所述方法还包括:
接收第三用户操作,所述第三用户操作用于拉宽所述第四视窗;
响应于所述第三用户操作,全屏显示由所述第四视窗拉宽的第五视窗。
12.如权利要求7所述的方法,其特征在于,所述方法还包括:
接收第四用户操作,所述第四用户操作用于拉宽所述第四视窗中的所述第一界面;
响应于所述第四用户操作,全屏显示所述第一界面。
13.如权利要求11所述的方法,其特征在于,所述方法还包括:
接收第五用户操作,所述第五用户操作用于拉窄所述第五视窗;
响应于所述第五用户操作,显示由所述第五视窗拉窄的第六视窗。
14.如权利要求1-6任一项所述的方法,其特征在于,所述方法还包括:
接收第六用户操作,所述第六用户操作用于拉窄所述第二视窗中的所述第一界面;
响应于所述第六用户操作,显示由所述第二视窗拉窄的第七视窗,所述第七视窗中的所述第一界面的宽度小于所述第二视窗中的所述第一界面的宽度,所述第七视窗中的所述第二界面的宽度和所述第二视窗中的所述第二界面的宽度相等。
15.如权利要求1-6任一项所述的方法,其特征在于,所述方法还包括:
接收第七用户操作,所述第七用户操作用于拉窄所述第二视窗;
响应于所述第七用户操作,显示第八视窗,所述第八视窗包括所述第一界面或所述第二界面。
16.如权利要求1-6任一项所述的方法,其特征在于,所述方法还包括:
接收第八用户操作,所述第八用户操作用于拉窄所述第一视窗;
响应于所述第八用户操作,显示第二控件。
17.如权利要求1-6任一项所述的方法,其特征在于,所述显示第二视窗,包括:
当所述第一应用支持平行视界模式时,显示所述第二视窗;
所述方法还包括:
响应于所述第一用户操作,当所述第一应用不支持所述平行视界模式时,显示第九视窗,所述第九视窗为等比例放大所述第一视窗得到的,所述第九视窗包括所述第一界面。
18.如权利要求1-6任一项所述的方法,其特征在于,所述显示第二视窗,包括:
当所述第一应用不支持尺寸调整功能时,显示所述第二视窗;
所述方法还包括:
响应于所述第一用户操作,当所述第一应用支持所述尺寸调整功能时,显示第十视窗,所述第十视窗为根据所述尺寸调整功能拉宽所述第一视窗得到的,所述第十视窗包括所述第一界面。
19.如权利要求7所述的方法,其特征在于,所述显示由所述第二视窗拉宽的第四视窗,包括:
当所述第一应用支持平行视界模式下的拉伸功能时,显示由所述第二视窗拉宽的所述第四视窗;
所述方法还包括:
响应于所述第二用户操作,当所述第一应用不支持所述平行视界模式下的拉伸功能时,显示第十一视窗,所述第十一视窗为等比例放大所述第二视窗得到的,所述第十一视窗中的所述第一界面的所占比例和所述第二视窗中的所述第一界面的所占比例相等。
20.如权利要求1-6任一项所述的方法,其特征在于,所述方法还包括:
显示第三界面,所述第三界面包括所述电子设备运行的多个视窗,所述多个视窗包括第十二视窗,所述第十二视窗包括第二应用的第四界面;
接收作用于所述第三界面中的第三控件的第九用户操作,所述第三控件和所述第十二视窗相关;
显示第十三视窗,所述第十三视窗包括所述第四界面和所述第二应用的第五界面。
21.如权利要求1-6任一项所述的方法,其特征在于,所述显示第一视窗,包括:
显示所述第一视窗和第十四视窗,所述第一视窗显示在所述第十四视窗的下层;
所述显示第二视窗,包括:
显示所述第二视窗和所述第十四视窗,所述第二视窗显示在所述第十四视窗的上层。
22.一种电子设备,其特征在于,包括收发器、处理器和存储器,所述存储器用于存储计算机程序,所述处理器调用所述计算机程序,用于执行如权利要求1-21任一项所述的方法。
23.一种计算机存储介质,其特征在于,包括计算机程序,所述计算机程序包括指令,当所述指令在处理器上运行时,实现如权利要求1-22任一项所述的方法。
24.一种计算机程序产品,其特征在于,当所述计算机程序产品在电子设备上运行时,使得所述电子设备执行权利要求1-22任一项所述的方法。
CN202210809466.0A 2022-07-11 2022-07-11 一种显示方法及电子设备 Pending CN117421073A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202210809466.0A CN117421073A (zh) 2022-07-11 2022-07-11 一种显示方法及电子设备
PCT/CN2023/106225 WO2024012354A1 (zh) 2022-07-11 2023-07-07 一种显示方法及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210809466.0A CN117421073A (zh) 2022-07-11 2022-07-11 一种显示方法及电子设备

Publications (1)

Publication Number Publication Date
CN117421073A true CN117421073A (zh) 2024-01-19

Family

ID=89528912

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210809466.0A Pending CN117421073A (zh) 2022-07-11 2022-07-11 一种显示方法及电子设备

Country Status (2)

Country Link
CN (1) CN117421073A (zh)
WO (1) WO2024012354A1 (zh)

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10409440B2 (en) * 2016-10-14 2019-09-10 Sap Se Flexible-page layout
CN110286972A (zh) * 2019-05-14 2019-09-27 华为技术有限公司 一种折叠屏显示应用的方法及电子设备
CN111966252A (zh) * 2020-05-14 2020-11-20 华为技术有限公司 应用窗口显示方法和电子设备
CN114690991A (zh) * 2020-12-28 2022-07-01 Oppo广东移动通信有限公司 内容显示方法、装置以及电子设备
CN117032529A (zh) * 2021-04-22 2023-11-10 华为技术有限公司 一种显示方法及相关装置

Also Published As

Publication number Publication date
WO2024012354A1 (zh) 2024-01-18

Similar Documents

Publication Publication Date Title
US11921987B2 (en) System navigation bar display method, system navigation bar control method, graphical user interface, and electronic device
CN113760427B (zh) 显示页面元素的方法和电子设备
JP2023514631A (ja) インタフェースレイアウト方法、装置、及び、システム
CN113805745B (zh) 一种悬浮窗的控制方法及电子设备
CN114115619B (zh) 一种应用程序界面显示的方法及电子设备
KR20150059466A (ko) 전자장치에서 이미지 내의 특정 객체를 인식하기 위한 방법 및 장치
US20220350470A1 (en) User Profile Picture Generation Method and Electronic Device
US20220214891A1 (en) Interface display method and electronic device
CN110830645B (zh) 一种操作方法和电子设备及计算机存储介质
CN116069212A (zh) 一种应用卡片的快速查看方法、电子设备及存储介质
CN117769696A (zh) 显示方法、电子设备、存储介质和程序产品
WO2024012354A1 (zh) 一种显示方法及电子设备
CN115480629A (zh) 一种多界面显示的方法和电子设备
CN113986406B (zh) 生成涂鸦图案的方法、装置、电子设备及存储介质
CN116185245B (zh) 一种页面显示方法及电子设备
CN116684725B (zh) 应用界面的布局方法、装置、电子设备、存储介质及芯片
WO2024067122A1 (zh) 一种窗口显示方法及电子设备
EP4296840A1 (en) Method and apparatus for scrolling to capture screenshot
WO2023088093A1 (zh) 显示方法和电子设备
WO2024027504A1 (zh) 一种应用显示方法及电子设备
CN117348953A (zh) 一种显示方法及相关装置
CN117389437A (zh) 一种多窗口显示方法及设备
CN116820288A (zh) 窗口控制方法、电子设备及计算机可读存储介质
CN118625975A (zh) 一种显示界面的放大方法和装置
CN117873348A (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