CN117827331A - 一种窗口显示方法及电子设备 - Google Patents
一种窗口显示方法及电子设备 Download PDFInfo
- Publication number
- CN117827331A CN117827331A CN202211197113.6A CN202211197113A CN117827331A CN 117827331 A CN117827331 A CN 117827331A CN 202211197113 A CN202211197113 A CN 202211197113A CN 117827331 A CN117827331 A CN 117827331A
- Authority
- CN
- China
- Prior art keywords
- window
- interface
- electronic device
- control
- display
- 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
- 238000000034 method Methods 0.000 title claims abstract description 93
- 238000004590 computer program Methods 0.000 claims description 9
- 230000033001 locomotion Effects 0.000 claims description 7
- 230000004044 response Effects 0.000 description 80
- 230000006870 function Effects 0.000 description 61
- 239000010410 layer Substances 0.000 description 25
- 238000004891 communication Methods 0.000 description 18
- 238000010586 diagram Methods 0.000 description 15
- 238000007726 management method Methods 0.000 description 13
- 238000010295 mobile communication Methods 0.000 description 13
- 230000005236 sound signal Effects 0.000 description 8
- 230000008569 process Effects 0.000 description 7
- 230000003287 optical effect Effects 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 4
- 229920001621 AMOLED Polymers 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 3
- 230000003190 augmentative effect Effects 0.000 description 3
- 230000008859 change Effects 0.000 description 3
- 230000004913 activation Effects 0.000 description 2
- 238000013528 artificial neural network Methods 0.000 description 2
- 230000003416 augmentation Effects 0.000 description 2
- 210000000988 bone and bone Anatomy 0.000 description 2
- 210000001145 finger joint Anatomy 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000007774 longterm Effects 0.000 description 2
- 239000002096 quantum dot Substances 0.000 description 2
- 238000009877 rendering Methods 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 241000220317 Rosa Species 0.000 description 1
- 238000000889 atomisation Methods 0.000 description 1
- 230000015572 biosynthetic process Effects 0.000 description 1
- 210000004556 brain Anatomy 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000000295 complement effect Effects 0.000 description 1
- 239000004020 conductor Substances 0.000 description 1
- 239000012792 core layer Substances 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 230000004927 fusion Effects 0.000 description 1
- 230000001939 inductive effect Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 230000004807 localization Effects 0.000 description 1
- 239000011159 matrix material Substances 0.000 description 1
- 229910044991 metal oxide Inorganic materials 0.000 description 1
- 150000004706 metal oxides Chemical class 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000005855 radiation Effects 0.000 description 1
- 239000004984 smart glass Substances 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000003786 synthesis reaction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供了一种窗口显示方法及电子设备,该方法包括:显示第一界面,所述第一界面包括浏览器的第一窗口和第一控件,第一窗口用于显示第一网页;接收针对第一界面中的第一控件的第一操作;显示第二界面,第二界面包括全部或部分的第一窗口和浏览器的第二窗口,第二窗口用于显示第二网页,第二网页是预设的网页或者和第一网页相关的网页。采用本申请能够在显示第一窗口时快速调出其他窗口,让用户可以方便快捷地同时使用多个窗口。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种窗口显示方法及电子设备。
背景技术
用户使用电子设备的浏览器时,可以通过当前显示的窗口查看网页等内容,若用户通过其他窗口查看内容,则需要先进入浏览器的多窗口模式,然后在该模式下选择其他窗口,用户操作繁琐,尤其是用户需要在两个窗口之间频繁切换的情况,例如,用户在窗口1打开英文文献和在窗口2打开辞典工具,需要在窗口1和窗口2之间频繁切换来查询英文文献中的词汇。
发明内容
本申请公开了一种窗口显示方法及电子设备,能够在显示当前窗口时快速调出其他窗口,让用户可以方便快捷地同时使用多个窗口。
第一方面,本申请实施例提供一种窗口显示方法,该方法包括:显示第一界面,所述第一界面包括浏览器的第一窗口和第一控件,所述第一窗口用于显示第一网页;接收针对所述第一界面中的所述第一控件的第一操作;显示第二界面,所述第二界面包括全部或部分的所述第一窗口和所述浏览器的第二窗口,所述第二窗口用于显示第二网页,所述第二网页是预设的网页或者和所述第一网页相关的网页。
在一些示例中,所述第二界面还包括所述第一控件,所述第二窗口和所述第一控件相关联,所述第二窗口和所述第一控件相邻,所述第一界面中所述第一控件的显示位置和所述第二界面中所述第一控件的显示位置不同。
在一些示例中,所述电子设备显示所述第一界面时,在后台运行所述第二窗口。在另一些示例中,所述电子设备响应于所述第一操作,创建和运行所述第二窗口。
在一些示例中,所述第一操作为拖拽操作。
在上述方法中,电子设备可以新增第一控件,并且可以在显示第一窗口时根据针对第一控件的用户操作,快速呼出和第一控件相关的第二窗口,同时显示原本的第一窗口,用户无需再通过浏览器的多窗口模式在两个窗口之间频繁切换,只需通过简单方便的第一操作即可同时使用两个窗口,并且,新呼出的第二窗口的显示内容可以是预设的,也可以和第一窗口的显示内容相关,满足不同场景下不同的用户需求,提升用户体验。
在一种实施方式中,所述第二界面还包括所述第一控件,所述第一界面中的所述第一控件在第一位置显示,所述第二界面中的所述第一控件在第二位置显示,所述第一控件从所述第一位置移动至所述第二位置的过程中,所述第二窗口的面积增大。
在一些示例中,所述第一位置为所述电子设备的显示屏的边缘。
在上述方法中,第二窗口的呼出过程中,第二窗口的显示面积可以随着第一控件的移动逐渐增大,让用户体验到“通过拖拽第一控件将隐藏在显示屏外侧的第二窗口拖拽出来”的操作效果,提升用户体验。
在一种实施方式中,所述第二界面包括部分所述第一窗口和所述第二窗口,所述方法还包括:接收针对所述第二界面中的所述第一窗口的第二操作;显示第三界面,所述第三界面包括全部的所述第一窗口和部分的所述第二窗口;接收针对所述第三界面中的所述第二窗口的第三操作;显示所述第二界面。
在一些示例中,所述方法还包括:响应于针对所述第三界面中的所述第一窗口的操作,更新所述第一窗口显示的网页内容;响应于针对所述第三界面中的所述第二窗口的操作,显示更新网页内容后的部分的所述第一窗口和全部的所述第二窗口。
在上述方法中,用户可以通过第二操作,快速切换在用户界面中显示全部内容的窗口,无需关闭第二窗口即可查看和/或操作第一窗口的全部内容,后续还可以快速切换为之前的显示方式(即显示部分的第一窗口和全部的第二窗口),让用户可以方便快捷地同时使用两个窗口,提升用户体验。
在一种实施方式中,所述第二界面包括全部的所述第一窗口和所述第二窗口,所述第一窗口和所述第二窗口在所述第二界面中分屏显示。
在一些示例中,所述电子设备为配置有折叠屏的设备。在一些示例中,所述电子设备为平板电脑。
在上述方法中,快速呼出第二窗口后,电子设备可以显示全部的第一窗口和全部的第二窗口,让用户可以同时浏览到当前两个窗口的全部内容,提升浏览体验。
在一种实施方式中,所述第二界面还包括所述第一控件,所述方法还包括:接收针对所述第二界面中的所述第一控件的第四操作;显示第四界面,所述第四界面包括所述第一窗口、所述第二窗口和所述第一控件,所述第二界面中所述第一控件的显示位置和所述第四界面中所述第一控件的显示位置不同,所述第二界面中所述第二窗口的显示面积和所述第四界面中所述第二窗口的显示面积不同。
在一些示例中,所述第四操作为拖拽操作。
在上述方法中,电子设备可以响应于针对第一控件的第四操作,快速调整第二窗口的显示面积,为用户了提供更加丰富便捷的窗口功能,提升用户体验。
在一种实施方式中,所述第二界面还包括所述第一控件,所述方法还包括:接收针对所述第二界面中的所述第一控件的第五操作;显示第五界面,所述第五界面包括所述第二窗口,不包括所述第一窗口。
在一些示例中,所述电子设备显示所述第五界面时,在后台运行所述第一窗口。
在一些示例中,所述第五操作包括将所述第一控件拖动至所述电子设备的显示屏的边缘,所述第五界面还包括所述第二控件,所述第五界面中的所述第二控件显示在所述显示屏的边缘,所述第二控件和所述第一窗口相关联。
在一些示例中,所述显示第五界面,包括:响应于所述第五操作,显示第三控件,所述第三控件和所述第二窗口相关联;接收针对所述第三控件的第六操作;显示所述第五界面。
在上述方法中,电子设备可以响应于针对第一控件的第五操作,全屏显示第二窗口,也可理解为是隐藏第一窗口,让用户可以通过简单方便的操作快速切换全屏显示的窗口,提升用户体验。并且,第五操作的类型多种多样,可以满足用户在不同场景下的不同需求。
在一种实施方式中,所述第五界面还包括所述第二控件,所述第二控件和所述第一窗口相关联,所述方法还包括:接收针对所述第五界面中的所述第二控件的第七操作;显示第六界面,所述第六界面包括全部或部分的所述第二窗口和所述第一窗口。
在上述方法中,电子设备全屏显示第二窗口时,也可以根据针对第二控件的第七操作,快速呼出第一窗口,进一步提升用户同时使用第一窗口和第二窗口的便捷性,提升用户体验。
在一种实施方式中,所述方法还包括:接收针对所述第二界面中的所述第一控件的第八操作;显示所述第一界面。
在上述方法中,电子设备可以响应于针对第一控件的第八操作,全屏显示第一窗口,也可理解为是隐藏第二窗口,让用户可以通过简单方便的操作快速切换全屏显示的窗口,提升用户体验。
在一种实施方式中,所述方法还包括:接收针对所述第一界面的第九操作,所述第一界面包括所述第一信息;显示第七界面,所述第七界面包括全部或部分的所述第一窗口和所述浏览器的第三窗口,所述第三窗口用于显示第三网页,所述第三网页是和所述第一信息相关的网页。
在一些示例中,所述第三网页包括将所述第一信息作为关键词搜索得到的结果;或者,所述第三网页包括对所述第一信息进行翻译得到的结果;或者,所述第三网页的网址为所述第一信息对应的网址;或者,所述第三网页包括和所述第一信息相关的商品信息;或者,所述第三网页包括和第一位置相关的信息,所述第一位置是根据所述第一信息确定的。
在一些示例中,所述第九操作为针对所述第一信息的操作。
在上述方法中,电子设备可以根据针对第一窗口的第九操作,快速呼出第三窗口,同时显示原本的第一窗口,第三窗口和第一窗口中的第一信息相关,用户无需再通过浏览器的多窗口模式在两个窗口之间频繁切换,只需通过简单方便的第九操作即可同时使用两个相关的窗口,大大提升了用户体验。
在一种实施方式中,所述方法还包括:接收针对所述第七界面中的所述第一窗口的操作,显示第八界面,所述第八界面包括全部的所述第一窗口和部分的所述第三窗口。
在上述方法中,用户可以快速切换在用户界面中显示全部内容的窗口,无需关闭第三窗口即可查看和/或操作第一窗口的全部内容,可以理解为是第三窗口和第一窗口可以独立操作,进一步提升用户同时使用第一窗口和第三窗口的便捷性。
在一种实施方式中,所述显示第一界面之前,所述方法还包括:接收针对所述浏览器的设置界面的第十操作;响应于所述第十操作,确定所述第二窗口显示的所述第二网页。
在上述方法中,用户可通过第一控件快速呼出的第二窗口的显示内容可以是用户设置的,满足用户的个性化需求。
第二方面,本申请提供了一种电子设备,包括收发器、处理器和存储器,上述存储器用于存储计算机程序,上述处理器调用上述计算机程序,用于执行上述任一方面任一项可能的实现方式中的窗口显示方法。
第三方面,本申请提供了一种计算机存储介质,该计算机存储介质存储有计算机程序,该计算机程序被处理器执行时,实现上述任一方面任一项可能的实现方式中的窗口显示方法。
第四方面,本申请提供了一种计算机程序产品,当该计算机程序产品在电子设备上运行时,使得该电子设备执行上述任一方面任一项可能的实现方式中的窗口显示方法。
第五方面,本申请提供一种电子设备,该电子设备包括执行本申请任一实现方式所介绍的方法或装置。上述电子设备例如为芯片。
附图说明
以下对本申请用到的附图进行介绍。
图1是本申请提供的一种电子设备的硬件结构示意图;
图2是本申请提供的一种电子设备的软件架构示意图;
图3A是本申请提供的一种用户界面实施例的示意图;
图3B是本申请提供的又一种用户界面实施例的示意图;
图4A是本申请提供的又一种用户界面实施例的示意图;
图4B是本申请提供的又一种用户界面实施例的示意图;
图5是本申请提供的又一种用户界面实施例的示意图;
图6是本申请提供的又一种用户界面实施例的示意图;
图7是本申请提供的又一种用户界面实施例的示意图;
图8是本申请提供的又一种用户界面实施例的示意图;
图9是本申请提供的又一种用户界面实施例的示意图;
图10是本申请提供的又一种用户界面实施例的示意图;
图11是本申请提供的又一种用户界面实施例的示意图;
图12是本申请提供的又一种用户界面实施例的示意图;
图13是本申请提供的一种窗口显示方法的流程示意图;
图14是本申请提供的一种窗口显示方法的流程示意图。
具体实施方式
下面将结合附图对本申请实施例中的技术方案进行描述。其中,在本申请实施例的描述中,除非另有说明,“/”表示或的意思,例如,A/B可以表示A或B;文本中的“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况,另外,在本申请实施例的描述中,“多个”是指两个或多于两个。
以下,术语“第一”、“第二”仅用于描述目的,而不能理解为暗示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征,在本申请实施例的描述中,除非另有说明,“多个”的含义是两个或两个以上。
用户使用电子设备的浏览器时,可以通过当前显示的窗口查看网页等内容,若用户想要通过其他窗口查看内容,可以使用以下两种方式:
方式一:先进入浏览器的多窗口模式,然后在该模式下选择其他窗口,用户操作繁琐。
方式二:用户可以长按当前显示的窗口中的链接以触发打开网址为该链接的新窗口,此时上述当前显示的窗口也可以称为旧窗口,虽然这两个窗口可以同时显示,但用户仅能操作新窗口,若想要操作旧窗口需要关闭新窗口,并且,关闭新窗口后,用户若想再次查看新窗口,则需要重新触发,两个窗口之间的切换操作繁琐,用户使用不便。
本申请提供了一种窗口显示方法,应用于电子设备,电子设备显示应用1的窗口1时,可以根据用户手势快速打开应用1的窗口2(也可称为呼出窗口2),窗口2的呼出方式简单便捷。并且,电子设备可以根据用户操作快速切换窗口1和窗口2,用户可以正常操作切换至前台的窗口(可简称为前台窗口)。电子设备还可以根据用户操作快速调整窗口2在显示屏中的区域大小,例如全屏显示、不显示或者部分显示。本申请解决了用户同时浏览两个窗口的痛点问题,有效满足用户的便捷性需求,提升用户体验感。
其中,电子设备可以运行应用1的至少一个窗口,这至少一个窗口中的一个窗口是用户可见且可交互的(即上述前台窗口),在一些示例中,电子设备可以显示全部的前台窗口。在一种实施方式中,这至少一个窗口还包括一个或多个后台窗口,后台窗口是用户不可交互的。在一些示例中,电子设备可以显示部分的后台窗口,在另一些示例中,电子设备可以不显示后台窗口,在另一些示例中,电子设备可以显示全部的后台窗口。以下实施例以电子设备显示全部的前台窗口,不显示后台窗口或者显示部分的后台窗口为例进行说明。
本申请中的触摸操作可以但不限于包括:单击、双击、长按、单指长按、多指长按、单指滑动、多指滑动、指关节滑动等多种形式。其中,滑动形式的触摸操作可以简称为滑动操作,滑动操作例如但不限于为左右滑动、上下滑动、往特定位置1滑动、按照特定轨迹滑动等,本申请对滑动操作的轨迹不作限定。在一种实施方式中,该触摸操作可以作用于电子设备上的特定位置2,特定位置2可以位于电子设备的显示屏上,例如图标等控件所在的位置或显示屏的边缘等,或者,特定位置2也可以位于电子设备的侧边、背面等其他位置,例如音量键、电源键等按键的位置。其中,特定位置1或特定位置2为电子设备预设的,或者,电子设备响应于用户操作确定的。特定轨迹为电子设备预设的,或者,电子设备响应于用户操作确定的。
本申请中,电子设备可以是手机、平板电脑、手持计算机、桌面型计算机、膝上型计算机、超级移动个人计算机(ultra-mobile personal computer,UMPC)、上网本、蜂窝电话、个人数字助理(personal digital assistant,PDA),以及智能电视、智能摄像头、智能音箱等智能家居设备,智能手环、智能手表、智能眼镜等可穿戴设备,增强现实(augmentedreality,AR)、虚拟现实(virtual reality,VR)、混合现实(mixed reality,MR)等扩展现实(extended reality,XR)设备,车载设备或智慧城市设备,本申请实施例对电子设备的具体类型不作特殊限制。
接下来介绍本申请实施例提供的示例性的电子设备100。
图1示例性示出了一种电子设备100的硬件结构示意图。
应理解的是,图1所示电子设备100仅是一个范例,并且电子设备100可以具有比图1中所示的更多的或者更少的部件,可以组合两个或多个的部件,或者可以具有不同的部件配置。图1中所示出的各种部件可以在包括一个或多个信号处理和/或专用集成电路在内的硬件、软件、或硬件和软件的组合中实现。
如图1所示,电子设备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用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用,以提高天线的利用率。例如:可以将天线1复用为无线局域网的分集天线。在另外一些实施例中,天线可以和调谐开关结合使用。
移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G/6G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器,开关,功率放大器,低噪声放大器(low noise amplifier,LNA)等。移动通信模块150可以由天线1接收电磁波,并对接收的电磁波进行滤波,放大等处理,传送至调制解调处理器进行解调。移动通信模块150可以对经调制解调处理器调制后的信号放大,经天线1转为电磁波辐射出去。在一种实施方式中,移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一种实施方式中,移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
调制解调处理器可以包括调制器和解调器。其中,调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后,被传递给应用处理器。应用处理器通过音频设备(不限于扬声器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)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波,将电磁波信号调频以及滤波处理,将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号,对其进行调频,放大,经天线2转为电磁波辐射出去。
在一种实施方式中,电子设备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反馈的数据。例如,拍照时,打开快门,光线通过镜头被传递到摄像头感光元件上,光信号转换为电信号,摄像头感光元件将所述电信号传递给ISP处理,转化为肉眼可见的图像。ISP还可以对图像的噪点,亮度,肤色进行算法优化。ISP还可以对拍摄场景的曝光,色温等参数优化。在一种实施方式中,ISP可以设置在摄像头193中。
摄像头193用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device,CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor,CMOS)光电晶体管。感光元件把光信号转换成电信号,之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB,YUV等格式的图像信号。在一种实施方式中,电子设备100可以包括1个或N个摄像头193,N为大于1的正整数。
外部存储器接口120可以用于连接外部存储卡,例如Micro SD卡,实现扩展电子设备100的存储能力。
内部存储器121可以用于存储计算机可执行程序代码,所述可执行程序代码包括指令。内部存储器121可以包括存储程序区和存储数据区。其中,存储程序区可存储操作系统,至少一个功能所需的应用程序(比如声音播放功能,图像播放功能等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如音频数据,电话本等)等。此外,内部存储器121可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件,闪存器件,通用闪存存储器(universal flash storage,UFS)等。处理器110通过运行存储在内部存储器121的指令,和/或存储在设置于处理器中的存储器的指令,执行电子设备100的各种功能应用以及数据处理。
电子设备100可以通过音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,以及应用处理器等实现音频功能。例如音乐播放,录音等。
音频模块170用于将数字音频信息转换成模拟音频信号输出,也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一种实施方式中,音频模块170可以设置于处理器110中,或将音频模块170的部分功能模块设置于处理器110中。
扬声器170A,也称“喇叭”,用于将音频电信号转换为声音信号。电子设备100可以通过扬声器170A收听音乐,或收听免提通话。
受话器170B,也称“听筒”,用于将音频电信号转换成声音信号。当电子设备100接听电话或语音信息时,可以通过将受话器170B靠近人耳接听语音。
麦克风170C,也称“话筒”,“传声器”,用于将声音信号转换为电信号。当拨打电话或发送语音信息时,用户可以通过人嘴靠近麦克风170C发声,将声音信号输入到麦克风170C。
耳机接口170D用于连接有线耳机。
压力传感器180A用于感受压力信号,可以将压力信号转换成电信号。在一种实施方式中,压力传感器180A可以设置于显示屏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)和光检测器,例如光电二极管。发光二极管可以是红外发光二极管。电子设备100通过发光二极管向外发射红外光。电子设备100使用光电二极管检测来自附近物体的红外反射光。当检测到充分的反射光时,可以确定电子设备100附近有物体。当检测到不充分的反射光时,电子设备100可以确定电子设备100附近没有物体。
环境光传感器180L用于感知环境光亮度。
指纹传感器180H用于采集指纹。电子设备100可以利用采集的指纹特性实现指纹解锁,访问应用锁,指纹拍照,指纹接听来电等。
温度传感器180J用于检测温度。
触摸传感器180K,也称“触控器件”。触摸传感器180K可以设置于显示屏194,由触摸传感器180K与显示屏194组成触摸屏,也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器,以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中,触摸传感器180K也可以设置于电子设备100的表面,与显示屏194所处的位置不同。
骨传导传感器180M可以获取振动信号。
按键190包括开机键,音量键等。
马达191可以产生振动提示。
指示器192可以是指示灯,可以用于指示充电状态,电量变化,也可以用于指示消息,未接来电,通知等。
SIM卡接口195用于连接SIM卡。
电子设备100的软件系统可以采用分层架构,事件驱动架构,微核架构,微服务架构,或云架构。例如,分层架构的软件系统可以是安卓(Android)系统,也可以是鸿蒙(harmony)操作系统(operating system,OS),或其它软件系统。本申请实施例以分层架构的Android系统为例,示例性说明电子设备100的软件结构。
图2示例性示出一种电子设备100的软件架构示意图。
分层架构将软件分成若干个层,每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一种实施方式中,将Android系统分为四层,从上至下分别为应用程序层,应用程序框架层,安卓运行时(Android runtime)和系统库,以及内核层。
应用程序层可以包括一系列应用程序包。
如图2所示,应用程序包可以包括相机,日历,音乐,图库,短信息,通话,导航,蓝牙,浏览器等应用程序。本申请中,应用程序包也可以替换为小程序、原子化服务等其他形式的软件。
应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface,API)和编程框架。应用程序框架层包括一些预先定义的函数。
如图2所示,应用程序框架层可以包括窗口管理器,内容提供器,视图系统,电话管理器,资源管理器,通知管理器等。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小,判断是否有状态栏,锁定屏幕,截取屏幕等。
内容提供器用来存放和获取数据,并使这些数据可以被应用程序访问。所述数据可以包括视频,图像,音频,拨打和接听的电话,浏览历史和书签,电话簿等。
视图系统包括可视控件,例如显示文字的控件,显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如,包括短信通知图标的显示界面,可以包括显示文字的视图以及显示图片的视图。
电话管理器用于提供电子设备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显示浏览器应用的前台窗口。
下面介绍本申请实施例涉及的应用场景以及该场景下的用户界面实施例。
图3A示例性示出一种浏览器应用的用户界面的示意图。
如图3A所示,电子设备100可以显示浏览器应用的用户界面310,用户界面310可以包括状态栏311、窗口312和功能列表313。其中,状态栏311可以包括移动通信信号的信号强度指示符、Wi-Fi信号的信号强度指示符、电池状态指示符和时间指示符等。窗口312的高度为h,宽度为w,h和w为正数。窗口312可以用于显示网址为字符312A(“aaa.com”)的网页内容(标题为“自我介绍范文”),在用户界面310中,窗口312为浏览器的前台窗口。浏览器的功能列表313可以包括用于返回上一级页面的控件313A,用于打开下一级界面的控件313B、用于打开浏览器的主页的控件313C、用于进入浏览器的多窗口模式的控件313D和用于查看更多功能的控件313E。用户界面310中的控件313D包括数字“1”,可以表征浏览器的多窗口模式运行了1个窗口,即窗口312。
用户界面310还包括热区314,热区314可以和窗口320相关,例如可以用于呼出窗口320(即在显示屏上显示窗口320)和调整窗口320的显示区域的大小。在一种实施方式中,热区314的大小、位置等参数可以是电子设备100预设的,在另一种实施方式中,也可以是电子设备100响应于用户操作设置的,具体示例可参见下图3B,暂不详述。在一些示例中,热区314可以显示在电子设备100的显示屏的边缘。和热区314相关的窗口320为浏览器应用的窗口,用于显示网页内容。图3A以窗口320的默认大小和窗口312的大小一致为例进行说明,即窗口320默认的高度、宽度也分别为h和w,不限于此,即窗口320的默认大小也可以更大或更小。图3A以窗口320默认显示新标签页面为例进行说明,例如,窗口320可以包括搜索框321,搜索框321可以用于用户输入搜索词或者想要查看的网页的网址。在一些示例中,电子设备100可以根据接收到的用户操作更新窗口320显示的网页内容,未接收到用户操作时窗口320显示的网页内容可以保持不变。在一些示例中,用户可以通过浏览器的多窗口模式查看窗口320,在另一些示例中,窗口320是独立于浏览器的多窗口模式运行的窗口,用户无法通过浏览器的多窗口模式查看窗口320。
在一种实施方式中,电子设备100显示用户界面310时,可以在后台运行窗口320,不显示窗口320,可以理解为是窗口320是预先创建好的。在一些示例中,浏览器应用启动后(例如前台窗口的内容加载完毕后),电子设备100就创建窗口320,并且显示热区314和在后台运行窗口320(不显示)。在另一些示例中,浏览器应用启动后,电子设备100可以先不显示热区314,电子设备100可以响应于针对浏览器应用的用户操作(例如,针对显示屏边缘的滑动操作),创建窗口320,并且显示热区314和在后台运行窗口320(不显示),本申请对此不作限定。在一些示例中,如图3A所示,电子设备100在后台运行窗口320时,窗口320可以位于显示屏外侧且位于热区314旁边。不限于上述实施方式,在另一种实施方式,电子设备100也可以响应于针对用户界面310中的热区314的用户操作,创建窗口320并显示窗口320,具体示例和下图4A、图4B类似,暂不详述,本申请对此不作限定。
在一种实施方式中,窗口320默认显示的网页内容可以是电子设备100预设的,例如预设为新标签页面。在另一种实施方式中,电子设备100也可以响应于针对热区314的用户操作,设置窗口320默认显示的网页内容,例如,电子设备100可以响应于针对热区314的用户操作,显示输入框,电子设备100可以将用户基于该输入框输入的网页设置为窗口320默认显示的网页。在另一种实施方式中,用户也可以基于浏览器的设置界面设置窗口320默认显示的网页内容,具体示例可参见下图3B。
图3B示例性示出一种设置界面的示意图。
如图3B所示,电子设备100可以显示浏览器应用的设置界面330,设置界面330可以包括功能信息331,功能信息331可以包括功能名称331A(包括字符“快捷窗口”)、开关控件331B和功能说明331C(包括字符“可通过屏幕上的热区呼出快捷窗口”),开关控件331B可以用于开启或关闭名称为“快捷窗口”的功能。设置界面330中的开关控件331B为开启状态,此时,设置界面330还可以显示该功能相关的个性化设置,例如设置列表332和设置列表333,其中:
设置列表332可以包括设置名称332A(包括字符“右侧热区”)和设置开关332B,设置开关332B可以用于启用或取消右侧热区,设置开关332B为开启状态时,设置界面330还可以显示示例的右侧热区334。设置列表332还包括右侧热区的显示位置的设置说明332C(包括字符“长按拖动示例的右侧热区可设置显示位置”),在一些示例中,电子设备100可以接收针对右侧热区334的触摸操作,例如,该触摸操作包括长按操作和拖动操作,电子设备100可以响应于该触摸操作,更新右侧热区334的显示位置。设置列表332还包括右侧热区的显示大小的设置条332D。设置列表332还包括右侧热区对应的快捷窗口的显示内容的设置栏332E,在一些示例中,电子设备100可以响应于针对设置栏332E的触摸操作,显示多个网页内容,电子设备100可以响应于针对这多个网页内容中的网页内容1的触摸操作,确定右侧热区对应的快捷窗口默认显示的内容为网页内容1,此时,设置栏332E可以包括网页内容1的信息,例如,网页内容1为新标签页面时,设置栏332E包括“新标签页面”的信息332F。
设置列表333的说明和设置列表332的说明类似,区别在于,设置列表333中的设置名称333A包括字符“左侧热区”,即设置列表333是针对“左侧热区”的设置选项。设置列表333中的设置开关333B为开启状态时,设置界面330还可以显示示例的左侧热区335。图3B以设置列表333中的左侧热区对应的快捷窗口的显示内容的设置栏333C包括:网址“aaa.com”的信息333D为例进行示意,在一些示例中,电子设备100可以响应于针对设置栏333C的触摸操作,显示输入框,电子设备100可以根据用户基于该输入框输入的网址“aaa.com”,确定左侧热区对应的快捷窗口默认显示的内容为网址“aaa.com”的内容。
以下示例的触摸操作例如但不限于为:单击、双击、长按、单指长按、多指长按、单指滑动(包括单指拖动)、多指滑动(包括多指拖动)或指关节滑动等。
图4A示例性示出一种窗口呼出过程的示意图。
如图4A的(A)所示,电子设备100可以显示图3A所示的用户界面310,和用户界面310中的热区314相关的窗口410的说明与图3A所示的窗口320的说明类似,区别在于,窗口410用于显示网址为字符411(“bbb.com”)的网页内容(包括“翻译”功能的内容),例如为用户通过浏览器应用的设置界面设置的窗口410默认显示的网页内容。在一种实施方式中,电子设备100可以接收针对用户界面310中的热区314的触摸操作,在一些示例中,该触摸操作包括向左或向右拖动,例如,电子设备100可以先接收针对热区314的长按操作,然后接收针对热区314的向左或向右的拖动操作。电子设备100可以响应于该触摸操作,更新热区314的显示位置,并且在显示屏(假设宽度为n)中显示窗口410的内容(可以理解为是呼出窗口410),在一些示例中,热区314和窗口410的相对位置可以保持不变。图4A以该触摸操作为向左拖动热区314为例进行示意,电子设备100可以响应于该触摸操作,显示图4A的(B)所示的用户界面420。
如图4A的(B)所示,用户界面420中热区314的所在位置,位于用户界面310中热区314所在位置的左侧,且距离为m,m为小于w的正数。用户界面420中宽度为m、高度为h的区域421用于显示窗口410的部分内容。用户界面420中除区域421以外的宽度为(w-m)、高度为h的区域422用于显示窗口312的部分内容。在一些示例中,图4A的(A)所示的热区314在显示屏的右侧边缘显示,窗口410位于热区314的右侧且位于显示屏外侧(即不显示),假设电子设备100响应于上述触摸操作后,热区314和窗口410的相对位置不变,因此,位于热区314右侧的区域421用于显示:窗口410中位于左侧且宽度为m、高度为h的区域的内容,窗口410中位于右侧且宽度为(w-m)、高度为h的区域412包括的内容不显示,用户界面420中位于区域421左侧的区域422用于显示窗口312中位于左侧且宽度为(w-m)的区域包括的内容。
其中,电子设备100显示用户界面420时,用户手指仍然触摸显示(例如位于热区314所在区域)。在一种实施方式中,电子设备100可以响应于用户的松手操作(即用户手指离开显示,可以理解为是上述触摸操作的一部分),调整窗口410的显示方式,具体可参见图4A的(C)所示的用户界面430。和用户界面420不同,用户界面430中的区域421用于显示窗口410的全部内容,并且,显示方式和图4A的(A)和(B)所示的窗口410的显示方式不同(例如字体、布局等不同),可以理解为是,窗口410被调整为和区域421适配(例如在区域421正常显示)的大小和/或布局。
如图4A的(C)所示,用户界面430中的窗口410显示在窗口312之上,并且用户可交互,例如,电子设备100可以响应于针对功能列表313中的控件313A的触摸操作(例如单击操作),在窗口410显示当前页面(网址为“bbb.com”)的上一级页面,或者,电子设备100可以接收用户基于窗口410中的输入框输入的内容,也就是说,在用户界面430中,窗口410为前台窗口。
在一种实施方式中,图4A所示的实施方式之后,电子设备100可以响应于针对窗口312中的信息1的触摸操作,例如,该触摸操作为长按操作,在窗口410中显示和信息1相关的内容,例如,将窗口410所示的网页(网址为“bbb.com”)中的待翻译内容设置为信息1,在窗口410所示的网页中显示信息1对应的翻译结果。
图4A所示的实施方式可以理解为是:电子设备100响应于用于呼出窗口410的用户操作,显示全部的窗口410和部分的窗口312,在另一种实施方式中,电子设备100响应于用于呼出窗口410的用户操作,显示全部的窗口410和全部的窗口312,例如分屏显示窗口410和窗口312,具体示例可参见下图4B。
图4B示例性示出又一种窗口呼出过程的示意图。
图4B以电子设备100配置有折叠屏为例进行说明,如图4B所示,电子设备100可以包括显示区域440和显示区域450,显示区域440和显示区域450之间的交线可以称为中轴线。电子设备100的物理姿态例如但不限于包括展开状态、弯折状态、折叠状态,其中,显示区域440和显示区域450所在平面之间的夹角为180度时,电子设备100可以处于展开状态,即图4B所示的状态。显示区域440和显示区域450所在平面之间的夹角小于180度且大于0度时,电子设备100可以处于弯折状态。显示区域440和显示区域450所在平面之间的夹角为0度时,电子设备100可以处于折叠状态(显示区域440和显示区域450相对)。
如图4B的(A)所示,电子设备100可以显示浏览器应用的用户界面460,用户界面460可以包括标签信息461、标签信息461对应的窗口462和热区463,窗口462的说明和图3A所示的窗口312的说明一致,热区463的说明和图3A所示的热区314的说明类似,区别在于,热区463和窗口470相关,窗口470的说明和图4A的(A)所示的窗口410的说明一致,不再赘述。在一些示例中,电子设备100可以接收针对用户界面460中的热区463的触摸操作,例如,该触摸操作包括向左或向右拖动,图4B以该触摸操作为向左拖动热区463为例进行示意。电子设备100可以响应于该触摸操作,显示图4B的(B)所示的用户界面480。用户界面480可以包括全部的窗口462和全部的窗口470。本申请对窗口462和窗口470在电子设备100的显示屏中所占区域的比例不作限定,例如,1:1分屏显示,例如,根据针对热区463的触摸操作的移动距离/热区463的移动距离确定该比例,图4B的(B)以窗口462所占区域大于窗口470所占区域为例进行示意。在一些示例中,用户界面480中热区463所在位置,位于用户界面460中热区463所在位置的左侧,和上述触摸操作相对应。在一些示例中,在用户界面460中,热区463位于显示屏的左侧边缘,在用户界面480中,热区463位于窗口470的左侧边缘,可以理解为是热区463和窗口470的相对位置不变。
在一些示例中,电子设备100可以接收针对用户界面480中的热区463的触摸操作,例如,该触摸操作包括向左或向右拖动,图4B以该触摸操作为向左拖动热区463为例进行示意。电子设备100可以响应于该触摸操作,显示图4B的(C)所示的用户界面490。用户界面490和用户界面480类似,区别在于,窗口462和窗口470在电子设备100的显示屏中所占区域的比例不同,图4B的(C)以窗口462所占区域小于窗口470所占区域为例进行示意。可以理解为是,电子设备100可以根据用户操作调整窗口462和窗口470在电子设备100的显示屏中所占区域的比例,本申请对调整后的比例不作限定,例如可以全屏显示窗口462、全屏显示窗口470、或者分屏显示窗口462和窗口470。
在一种实施方式中,图4A所示的实施方式之后,电子设备100可以响应于用户操作,切换前台窗口,具体示例可参见下图5。
如图5的(A)所示,电子设备100可以显示图4A的(C)所示的用户界面430,用户界面430中的区域421用于显示窗口410的全部内容,区域422用于显示窗口312的部分内容。电子设备100可以响应于针对用户界面430中的区域422的触摸操作,例如,该触摸操作为单击或双击操作,将前台窗口由窗口410切换为窗口312,界面示例可参见图5的(B)所示的用户界面510。
如图5的(B)所示,用户界面510可以包括宽度为s、高度为h的区域511,以及宽度为(w-s)、高度为h的区域512,s为小于w的正数。其中,区域511可以用于显示窗口312的全部内容,并且,显示方式和图3A、图4A所示的窗口312的显示方式(例如字体、布局等不同),可以理解为是,窗口312被调整为和区域511适配(例如在区域511正常显示)的大小和/或布局。区域512可以用于显示窗口410的部分内容,例如,图5的(A)所示的窗口410中位于右侧且宽度为(w-s)、高度为h的区域的内容,此时,(w-s)为小于m的正数。用户界面510中的窗口312显示在窗口410之上,并且用户可交互,例如,电子设备100可以响应于针对功能列表313中的控件313A的触摸操作(例如单击操作),在窗口312显示当前页面(网址为“aaa.com”)的上一级页面,或者,电子设备100可以响应于针对窗口312中的控件312B(包括字符“个人简历模板”)的触摸操作(例如单击操作),在窗口312显示网址为控件312B对应的链接的网页内容。
在一些示例中,电子设备100可以响应于针对用户界面510中的区域512的触摸操作,例如,该触摸操作为单击操作或双击操作,将前台窗口由窗口312切换为窗口410,界面示例可参见图5的(A)所示的用户界面430。
图5所示的实施方式可以理解为是:电子设备100接收到针对某一个窗口的触摸操作后,将该窗口设置为前台窗口,后续电子设备100可以响应于针对该窗口的触摸操作,更新该窗口的显示内容,该触摸操作可以理解为是激活操作。在另一种实施方式中,用户也可以无需执行激活操作,直接操作窗口,例如,电子设备100接收到针对某一个窗口的触摸操作后,将该窗口设置为前台窗口,并且更新该窗口的显示内容,本申请对此不作限定。
在一种实施方式中,图4A所示的实施方式之后,电子设备100可以响应于针对热区314的用户操作,调整窗口410的显示区域的大小,具体示例可参见下图6和图7。
图6示例性示出一种调大窗口显示区域的示意图。
如图6的(A)所示,电子设备100可以显示图4A的(C)所示的用户界面430。电子设备100可以接收针对用户界面430中的热区314的触摸操作,在一些示例中,该触摸操作包括向左或向右拖动,例如,电子设备100可以先接收针对热区314的长按操作,然后接收针对热区314的向左或向右的拖动操作。电子设备100可以响应于该触摸操作,更新热区314的显示位置,并且调整区域421的大小,在一些示例中,热区314和窗口410的相对位置可以保持不变。图6以该触摸操作为向左拖动热区314为例进行示意,电子设备100可以响应于该触摸操作,显示图6的(B)所示的用户界面610。
如图6的(B)所示,用户界面610中热区314的所在位置,位于用户界面430中热区314所在位置的左侧,且距离为(t-m)。用户界面610中的区域421的宽度t大于用户界面430中的区域421的宽度m,高度保持不变,可以理解为是,电子设备100响应于上述触摸操作(以向左拖动热区314为例示意),拉宽用于显示和热区314相关的窗口410的区域421,并且,窗口410被调整为和拉宽后的区域421适配的大小和/或布局。相应地,用户界面610中的区域422的宽度(w-t)小于用户界面430中的区域422的宽度(w-m)。
在一些示例中,电子设备100可以接收针对用户界面610中的热区314的触摸操作,例如,该触摸操作包括向左或向右拖动。图6以该触摸操作为将热区314向左拖动至显示屏的边缘为例进行示意,电子设备100可以响应于该触摸操作,显示图6的(C)所示的用户界面620。用户界面620中的热区314位于显示屏的左侧边缘。用户界面620包括宽度为w(即显示屏的宽度)、高度为h的窗口410,可以理解为是,电子设备100响应于上述触摸操作(以将热区314向左拖动至显示屏的边缘为例进行示意),“全屏”显示和热区314相关的窗口410。相应地,用户界面620不显示窗口312,可以理解为是电子设备100“隐藏”窗口312,在一些示例中,如图6的(C)所示,窗口312可以位于显示屏外侧且位于热区314旁边,在一些示例中,此时,窗口312的大小和窗口410的大小一致,在一些示例中,此时,和热区314相关的窗口为不显示的窗口312,热区314例如但不限于用于呼出窗口312和/或调整窗口312的显示区域的大小。
图7示例性示出一种调小窗口显示区域的示意图。
如图7的(A)所示,电子设备100可以显示图4A的(C)所示的用户界面430。电子设备100可以接收针对用户界面430中的热区314的触摸操作,在一些示例中,该触摸操作包括向左或向右拖动,例如,电子设备100可以先接收针对热区314的长按操作,然后接收针对热区314的向左或向右的拖动操作。电子设备100可以响应于该触摸操作,更新热区314的显示位置,并且调整区域421的大小,在一些示例中,热区314和窗口410的相对位置可以保持不变。图7以该触摸操作为向右拖动热区314为例进行示意,电子设备100可以响应于该触摸操作,显示图7的(B)所示的用户界面710。
如图7的(B)所示,用户界面710中热区314的所在位置,位于用户界面430中热区314所在位置的右侧,且距离为(m-p)。用户界面710中的区域421的宽度p小于用户界面430中的区域421的宽度m,高度保持不变,可以理解为是,电子设备100响应于上述触摸操作(向右拖动热区314),拉窄用于显示和热区314相关的窗口410的区域421,并且,窗口410被调整为和拉宽后的区域421适配的大小和/或布局。相应地,用户界面610中的区域422的宽度(w-p)小于用户界面430中的区域422的宽度(w-m)。
在一些示例中,电子设备100可以接收针对用户界面710中的热区314的触摸操作,例如,该触摸操作包括向左或向右拖动。图7以该触摸操作为将热区314向右拖动至显示屏的边缘为例进行示意,电子设备100可以响应于该触摸操作,显示图7的(C)所示的用户界面310,用户界面310和窗口320的说明具体可参见图3A的说明,不再赘述。可以理解为是,电子设备100响应于上述触摸操作(以将热区314向右拖动至显示屏的边缘为例进行示意),“隐藏”和热区314相关的窗口410,相应地,电子设备100会“全屏”显示窗口312。
不限于上述示例,在另一些示例中,热区314的初始位置和更新后的位置的距离与用于显示窗口410的区域421的宽度不同,例如,电子设备100响应于针对热区314(位于显示屏的边缘)的触摸操作,将热区314向左或向右拖动距离m,并且在显示屏中和热区314相邻的宽度小于m或大于m的区域显示窗口410的内容,本申请对此不作限定。
不限于图6和图7所示的实施方式,在另一种实施方式中,图4A所示的实施方式之后,电子设备100可以响应于针对热区314的用户操作,显示全屏控件和/或隐藏控件,全屏控件用于“全屏”显示和热区314相关的窗口410,隐藏控件用于“隐藏”和热区314相关的窗口410,具体示例可参见下图8。
如图8的(A)所示,电子设备100可以显示图4A的(C)所示的用户界面430。电子设备100可以接收针对用户界面430中的热区314的触摸操作,在一些示例中,该触摸操作包括单击操作或双击操作。电子设备100可以响应于该触摸操作,显示图8的(B)所示的用户界面810。相比图8的(A)所示的用户界面430,图8的(B)所示的用户界面810还包括功能菜单811,功能菜单811可以包括全屏控件811A和隐藏控件811B。在一些示例中,电子设备100可以响应于针对全屏控件811A的触摸操作(例如单击操作),显示图6的(C)所示的用户界面620,具体可参见图6的(C)的说明。在一些示例中,电子设备100可以响应于针对隐藏控件811B的触摸操作(例如单击操作),显示图7的(C)所示的用户界面310,具体可参见图7的(C)的说明。
在以上实施方式中,电子设备100可以新增显示控件:热区314,并通过监听针对热区314的用户操作(例如触摸操作),为用户提供快速呼出和热区314相关的窗口、调整和热区314相关的窗口的显示区域的大小(包括“全屏”显示和“隐藏”)等功能,让用户可以将和热区314相关的窗口作为工具“招之即来,挥之即去”。并且,在图5所示的实施方式中,窗口312和窗口410可以互相切换(前台窗口),独立操作,大大方便了用户的使用。
在一种实施方式中,图3A所示的实施方式之后,电子设备100可以响应于针对图3A所示的窗口312中的内容1的用户操作,在显示屏的部分区域显示窗口320的内容,其中,窗口320用于显示和内容1相关的网页内容,具体示例可参见下图9-图12。
图9以上述内容1为文本为例进行示意。
如图9的(A)所示,电子设备100可以显示用户界面310,用户界面310和用户界面310中与热区314相关的窗口320的说明可参见图3A中用户界面310和窗口320的说明。用户界面310中的窗口312可以包括标题3121(包括字符“自我介绍范文”)、文本3122(包括字符“自我介绍,一般用于初次见面时简要介绍本人或者个人简历中,下面是一些范文”)、图片3123、文本3124(包括字符“Hello!My name is Rose.I'm 14years old.I have a happyfamily.I love my parents and they love me very much”)、相关推荐的列表3125,其中,列表3125可以包括多个推荐信息,例如“个人简历模板”的推荐信息3125A、“自我介绍范文10篇”的推荐信息3125B和“自我介绍模板”的推荐信息3125C,其中任意一个推荐信息可以用于跳转至对应的网页链接的网页。电子设备100可以响应于针对标题3121中的字符“自我介绍”(即内容1)的触摸操作,在一些示例中,该触摸操作为长按操作,在窗口312中显示功能列表3126,功能列表3126可以和上述选中的字符“自我介绍”相关,例如,由于选中的内容1为文本,因此,功能列表3126可以包括复制功能的控件、搜索功能的控件3126A和查看更多功能的控件等。
在一些示例中,电子设备100可以响应于针对控件3126A的触摸操作,例如,该触摸操作为单击或者双击操作,在窗口320中搜索上述选中的字符“自我介绍”,例如,在窗口320中的搜索框321中输入上述选中的字符“自我介绍”,并且在显示屏的部分区域显示窗口320的内容,具体示例可参见图9的(B)所示的用户界面910。用户界面910中宽度为q1、高度为h的区域911用于显示窗口320的全部内容,除区域911以外的宽度为(w-q1)、高度为h的区域912用于显示窗口312的部分内容。区域911显示的窗口320中的搜索框321包括上述选中的字符“自我介绍”,用于表征当前的搜索词为“自我介绍”,窗口320还包括搜索列表911A,搜索列表911A可以包括多个和搜索词“自我介绍”相关的搜索结果,例如搜索结果911B。用户界面910中的窗口320显示在窗口312之上,并且用户可交互,即此时窗口320为前台窗口。在用户界面910中,热区314显示在窗口320旁边,可以用于调整窗口320的显示区域的大小,具体示例和图6-图8类似,不再赘述。
在一些示例中,电子设备100可以响应于针对用户界面910中的窗口320的触摸操作,更新窗口320显示的网页内容,例如,电子设备100可以响应于针对搜索结果911B的触摸操作,例如,该触摸操作为点击操作,显示图9的(C)所示的用户界面920,用户界面920和用户界面910类似,区别在于,窗口320显示的内容不同,用户界面920中的窗口320用于显示搜索结果911B对应的网页的具体内容,用户界面920所示的窗口320中的搜索框321包括搜索结果911B对应的网页的标题“面试时怎么自我介绍”。
在一些示例中,图9所示的实施方式之后,电子设备100可以响应于针对用户界面920中的窗口312的触摸操作,显示全部的窗口312和部分的窗口320,可以理解为是将前台窗口由窗口320切换为窗口312。例如,在这种情况下,电子设备100可以响应于针对窗口312的触摸操作,更新窗口312显示的网页内容。在一些示例中,上述过程之后,电子设备100可以响应于针对窗口320的触摸操作,显示部分的窗口312和全部的窗口320,其中,窗口320的显示内容保持不变,仍为用户界面920中的窗口320。也就是说,窗口312和窗口320可以独立操作、互不影响,即使某一个窗口被切换为显示部分内容且用户不可交互的状态,也不会影响该窗口的显示内容,只要该窗口被切换为显示全部且用户可交互的状态(即前台窗口),用户就可以继续使用该窗口,大大方便了用户的使用。
不限于图9示例的情况(窗口320用于显示和文本相关的搜索结果),在另一些示例中,窗口320用于显示和文本相关的翻译结果,具体示例可参见下图10。
如图10的(A)所示,电子设备100可以显示用户界面310,用户界面310和用户界面310中与热区314相关的窗口320的说明可参见图3A、图9的(A)中用户界面310和窗口320的说明。电子设备100可以响应于针对窗口312中的文本3124包括的字符“name”(即内容1)的触摸操作,在一些示例中,该触摸操作为长按操作,在窗口312中显示功能列表3127,功能列表3127可以和上述选中的字符“name”相关,例如,由于选中的内容1为英文文本,因此,功能列表3127可以包括复制功能的控件、翻译功能的控件3127A和查看更多功能的控件等。
在一些示例中,电子设备100可以响应于针对控件3127A的触摸操作,例如,该触摸操作为单击或者双击操作,在窗口320中显示和上述选中的字符“name”的翻译结果,例如,在窗口320中跳转至翻译网页,并在翻译网页中将待翻译内容设置为上述选中的字符“name”以显示对应的翻译结果,具体示例可参见图10的(B)所示的用户界面920。用户界面920中宽度为q2、高度为h的区域921用于显示窗口320的全部内容,除区域921以外的宽度为(w-q2)、高度为h的区域922用于显示窗口312的部分内容。区域911显示的窗口320中的搜索框321包括翻译网页的网址(“bbb.com”),窗口320还包括标题921A(包括字符“翻译”)、输入框921B和显示框921C,其中,输入框921B用于输入待翻译的内容,此时已显示上述选中的字符“name”,显示框921C用于显示输入框921B中的内容对应的翻译结果,此时已显示上述选中的字符“name”对应的翻译结果“名字”。用户界面920中的窗口320显示在窗口312之上,并且用户可交互,即此时窗口320为前台窗口。在用户界面920中,热区314显示在窗口320旁边,可以用于调整窗口320的显示区域的大小,具体示例和图6-图8类似,不再赘述。
图11以上述内容1为对应网页链接的内容为例进行示意。
如图11的(A)所示,电子设备100可以显示用户界面310,用户界面310和用户界面310中与热区314相关的窗口320的说明可参见图3A、图9的(A)中用户界面310和窗口320的说明。电子设备100可以响应于针对窗口312中的“个人简历模板”的推荐信息3125A(即内容1)的触摸操作,在一些示例中,该触摸操作为长按操作,在窗口312中显示功能列表3128,功能列表3128可以和上述选中的推荐信息3125A相关,例如,由于选中的内容1存在对应的网页链接,因此,功能列表3128可以包括复制功能的控件、打开功能的控件3128A和查看更多功能的控件等。
在一些示例中,电子设备100可以响应于针对控件3128A的触摸操作,例如,该触摸操作为单击或者双击操作,在窗口320中显示和上述选中的推荐信息3125A相关的网页内容,例如,推荐信息3125A对应的网页链接的网页内容,并且在显示屏的部分区域显示窗口320的内容,具体示例可参见图11的(B)所示的用户界面930。用户界面930中宽度为q3、高度为h的区域931用于显示窗口320的全部内容,除区域931以外的宽度为(w-q3)、高度为h的区域932用于显示窗口312的部分内容。假设推荐信息3125A对应的网页链接为“ccc.com”,窗口320用于显示推荐信息3125A对应的网页链接的网页内容,则区域931显示的窗口320中的搜索框321包括上述网页链接“ccc.com”。用户界面930中的窗口320显示在窗口312之上,并且用户可交互,即此时窗口320为前台窗口。在用户界面930中,热区314显示在窗口320旁边,可以用于调整窗口320的显示区域的大小,具体示例和图6-图8类似,不再赘述。
不限于图11所示的示例,在另一些示例中,对应网页链接的内容也可以为其他形式,例如图11的(A)所示的用户界面310中的图片3123,本申请对此不作限定。
图12以上述内容1为图片为例进行示意。
如图12的(A)所示,电子设备100可以显示用户界面940,用户界面940可以包括窗口941和热区314,窗口941和与热区314相关的窗口320的说明与图3A、图9的(A)中窗口312和窗口320的说明类似,区别在于,窗口941和窗口312显示的内容不同。窗口941可以包括搜索框941A(包括网址“ddd.com”)、标题941B(包括字符“健身动作分享”)、图片941C和图片941D。电子设备100可以响应于针对窗口941中的图片941C(即内容1)的触摸操作,在一些示例中,该触摸操作为长按操作,在窗口312中显示功能列表942,功能列表942可以和上述选中的图片941C相关,例如,由于选中的内容1为图片,因此,功能列表942可以包括保存功能的控件、识图功能的控件942A和查看更多功能的控件等。
在一些示例中,电子设备100可以响应于针对控件942A的触摸操作,例如,该触摸操作为单击或者双击操作,在窗口320中显示和上述选中的图片941C相关的网页内容,例如,对图片941C进行识别得到的商品的内容,具体示例可参见图12的(B)所示的用户界面950。用户界面950中宽度为q4、高度为h的区域951用于显示窗口320的全部内容,除区域951以外的宽度为(w-q4)、高度为h的区域952用于显示窗口941的部分内容。窗口320可以包括图片951A、图片951B和商品列表951C,其中,图片951A和图片951B是从上述选中的图片941C中获取到的(例如裁剪),图片951A为选中状态,可以表征商品列表951C中的商品是根据图片951A搜索得到的。用户界面950中的窗口320显示在窗口941之上,并且用户可交互,即此时窗口320为前台窗口。在用户界面950中,热区314显示在窗口320旁边,可以用于调整窗口320的显示区域的大小,具体示例和图6-图8类似,不再赘述。
不限于图12所示的示例,在另一些示例中,内容1可以包括位置信息和/或地名,电子设备100可以识别内容1得到该位置信息和/或地名,并在窗口320中显示和该位置信息和/或地名相关的导航内容,例如,该导航内容中的目的地为该位置信息或者地名。在另一些示例中,内容1可以包括位置信息和/或地名,电子设备100可以识别内容1得到该位置信息和/或地名,并在窗口320中显示和该位置信息和/或地名相关的订票内容,例如,该订票内容中的车票/机票的目的地为该位置信息或者地名,本申请对此不作限定。
在一种实施方式中,图9、图10、图11或图12所示的实施方式之后,电子设备100可以响应于用户操作,切换前台窗口,具体示例和图5类似。在一些示例中,窗口320呼出后,电子设备100可以同时显示窗口312和窗口320。在一些示例中,前台窗口为窗口320时,电子设备100可以显示部分的窗口312和全部的窗口320,具体示例和图5的(A)所示的用户界面430类似。在另一些示例中,前台窗口为窗口312时,电子设备100可以显示全部的窗口312和部分的窗口320,具体示例和图5的(B)所示的用户界面510类似。
在图9-图12所示的实施方式中,电子设备100可以响应于针对当前窗口中的网页内容的用户操作,快速呼出窗口320,并在窗口320中显示和该网页内容相关的网页内容,让用户可以在浏览当前窗口时无缝拉起窗口320以浏览相关内容。并且,当前窗口和窗口320可以快速切换,让用户可以方便快捷地同时浏览两个窗口,提升用户体验。
基于以上实施例介绍本申请涉及的窗口显示方法。该方法可以应用于图1所示的电子设备100。该方法可以应用于图2所示的电子设备100。
请参见图13,图13是本申请实施例提供的一种窗口显示方法的流程示意图。该方法可以包括但不限于如下步骤:
S101:电子设备显示窗口1和热区。
在一种实施方式中,电子设备显示应用1(例如浏览器)的界面1,界面1包括热区和应用1的窗口1,界面1中的窗口1为前台窗口,界面1中的热区和应用1的窗口2相关,界面1不包括窗口2,具体示例可参见图3A所示的实施方式,其中,窗口312为窗口1,窗口320为窗口2。
在一些示例中,窗口1和窗口2包括用于展示网页内容的网页视图(WebView),当电子设备在显示屏中显示WebView时,通过WebView显示网页内容。例如,窗口2是具有拖拽(draggable)属性的WebView。
在一些示例中,热区可以用于监听用户操作。在一些示例中,热区是自定义或者预置的控件,例如,超文本标记语言(hyper textmarkup language,html)中的视图(View)。
在一种实施方式中,S101之前,电子设备可以响应于用户操作,确定显示热区。在一种实施方式中,S101之前,电子设备可以响应于用户操作,确定热区的显示方式,例如但不限于包括显示位置、显示大小,具体示例可参见图3B所示的实施方式。
在一种实施方式中,和热区相关的窗口2的显示内容是电子设备预设的,在另一种实施方式中,和热区相关的窗口2的显示内容,与窗口1的显示内容相关,例如,窗口1用于显示英文文献的内容时,窗口2用于显示和该英文文献相关的翻译结果。在另一种实施方式中,S101之前,电子设备可以响应于用户操作,确定和热区相关的窗口2的显示内容,具体示例可参见图3B所示的实施方式。
S102:电子设备接收针对热区的第一操作。
在一种实施方式中,电子设备显示界面1时,接收针对热区的第一操作。其中,第一操作的形式可以但不限于包括触摸操作、语音输入、运动姿态(例如手势)、脑电波等。例如,第一操作包括向左或向右拖动热区。
S103:电子设备显示窗口1和窗口2。
在一种实施方式中,电子设备响应于针对热区的第一操作,显示界面2,界面2包括窗口1和窗口2,可选地以及热区。在一些示例中,界面2包括部分或全部的窗口1和全部的窗口2。在一些示例中,热区的显示位置和窗口2的显示位置相邻。在一些示例中,界面1中热区的显示位置(简称为位置1)和界面2中热区的显示位置(简称为位置2)不同。在一些示例中,热区从位置1移动至位置2的过程中,窗口2的显示面积增大。在一些示例中,热区从位置1移动至位置2的过程中,窗口2和热区的相对位置不变。
S101-S103的具体示例可参见图4A所示的实施方式,其中,图4A的(A)所示的用户界面310为界面1,图4A的(C)所示的用户界面430为界面2,窗口312为窗口1,窗口410为窗口2,界面2包括部分的窗口1和全部的窗口2。
S101-S103的具体示例可参见图4B所示的实施方式,其中,图4B的(A)所示的用户界面460为界面1,图4B的(B)所示的用户界面480为界面2,窗口462为窗口1,窗口470为窗口2,界面2包括全部的窗口1和全部的窗口2。
在一种实施方式中,电子设备可以根据第一操作对应的事件中的位置信息计算窗口2的显示位置/显示区域为区域1,并在显示屏中的区域1显示窗口2,例如,第一操作为触摸操作,第一操作对应的事件中的位置信息可以为触摸位置的信息。在一些示例中,电子设备可以通过调用方法1来获取区域1,方法1(例如函数onHotAreaTouch())用于监听第一操作对应的事件,并根据该事件动态计算窗口2的显示位置/显示区域。在一些示例中,第一操作为拖动/滑动操作,电子设备可以根据实时的第一操作对应的事件中的位置信息计算窗口2实时的显示区域,并实时更新显示屏中用于显示窗口2的区域。
在一种实施方式中,电子设备接收针对热区的第一操作之前,可以先接收针对热区的触发操作,电子设备接收到该触发操作之后,才会响应于第一操作显示窗口2。触发操作的形式示例和第一操作的形式示例类似,例如,触发操作为长按操作。在一些示例中,电子设备可以调用方法2来激活响应第一操作的功能,方法2(例如函数onHotAreaLongClick())用于监听触发操作,并根据触发操作激活响应第一操作的功能,例如,第一操作为拖动操作,响应第一操作的功能为拖动热区和/或窗口2的功能。
在一种实施方式中,界面2中的窗口2为前台窗口,在一些示例中,电子设备可以响应于针对窗口2的用户操作,更新窗口2显示的网页内容,例如跳转至其他网页显示。在一些示例中,第一操作为触摸操作,电子设备接收第一操作时,若检测到用户手指离开显示屏,可以接收对应的事件(简称为抬起事件,例如表示为(MotionEvent.ACTION_UP))。电子设备可以根据该抬起事件将窗口2设置为前台窗口。
在一种实施方式中,电子设备可以包括网页布局树,网页布局树可以包括一个或多个窗口。电子设备可以通过在网页布局树中将任意一个窗口设置为置顶展示来将该窗口设置为前台窗口,即网页布局树中被设置为置顶展示的窗口为电子设备的前台窗口。不属于网页布局树的窗口电子设备不显示。在一些示例中,电子设备生成窗口2之后,可以在网页布局树中添加窗口2。S101中,电子设备显示窗口1且不显示窗口2时,网页布局树中的窗口1被设置为置顶展示。S103中,电子设备响应于第一操作,将网页布局树中的窗口1取消置顶展示,并将窗口2设置为置顶展示,因此,电子设备显示窗口1和窗口2,并且,窗口2为前台窗口。在另一些示例中,电子设备生成窗口2之后,S101中,电子设备显示窗口1且不显示窗口2时,网页布局树中的窗口1被设置为置顶展示,并且,网页布局树不包括窗口2。S103中,电子设备响应于第一操作,将网页布局树中的窗口1取消置顶展示,以及将窗口2添加至网页布局树并将窗口2设置为置顶展示,因此,电子设备显示窗口1和窗口2,并且,窗口2为前台窗口。
在一种实施方式中,界面2中的窗口2为前台窗口。S103之后,该方法还包括:电子设备响应于针对界面2中的窗口1的用户操作,显示界面3,界面3包括窗口1和窗口2,并且界面3中的窗口1为前台窗口,具体示例可参见图5所示的实施方式。在一些示例中,电子设备可以调用方法3来切换前台窗口,方法3(例如onTouch())用于监听触发操作,并根据触发操作设置前台窗口,例如,电子设备响应于针对界面2中的窗口1的用户操作,调用方法3判断窗口1是否为前台窗口,若窗口1不是前台窗口,则将窗口1设置为前台窗口。
在一种实施方式中,S103之后,该方法还包括:电子设备响应于针对热区的用户操作(例如拖动操作),显示包括窗口1和窗口2的界面,该界面的说明和界面2的说明类似,区别在于,窗口1和窗口2的显示区域的比例不同,具体示例可参见图4B、图6和图7。
S104:电子设备接收针对热区的第二操作。
S104为可选的步骤。
在一种实施方式中,电子设备显示界面1或者界面2时,接收针对热区的第二操作,第二操作的形式示例和第一操作的形式示例类似。
S105:电子设备显示窗口2和热区。
S105为可选的步骤。
在一种实施方式中,电子设备响应于针对热区的第二操作(例如包括向左或向右拖动热区),显示界面3,界面3包括窗口2和热区,界面3不包括窗口1,界面3中的窗口2为前台窗口,具体示例可参见图6所示的实施方式,其中,窗口312为窗口1,窗口410为窗口2。在一些示例中,电子设备可以调用上述方法1计算窗口2的显示区域为“全屏”,因此,显示界面3,即“全屏”显示窗口2。
在一种实施方式中,电子设备响应于针对热区的第二操作(例如单击或者双击操作),显示全屏控件,然后响应于针对全屏控件的用户操作(例如单击操作),显示界面3,界面3包括窗口2和热区,界面3不包括窗口1,界面3中的窗口2为前台窗口,具体示例可参见图8所示的实施方式,其中,窗口312为窗口1,窗口410为窗口2。在一些示例中,电子设备可以调用方法4来显示全屏控件,方法4(例如onHotAreaDoubleClick())用于监听触发操作,并根据触发操作显示全屏控件和/或隐藏控件。
在一种实施方式中,界面3中的热区和窗口1相关。在一些示例中,电子设备可以响应于针对界面3中的热区的用户操作,显示窗口1,具体示例和S101-S105类似,区别在于,此时,窗口1需替换为窗口2,窗口2需替换为窗口1。
不限于上述示例的S104和S105,在另一种实施方式中,电子设备响应于针对热区的第二操作(例如包括向左或向右拖动热区),显示界面1,具体示例可参见图7所示的实施方式,其中,窗口312为窗口1,窗口410为窗口2。
不限于上述示例的S104和S105,在另一种实施方式中,电子设备响应于针对热区的第二操作(例如单击或者双击操作),显示隐藏控件,然后响应于针对隐藏控件的用户操作(例如单击操作),显示界面1,具体示例可参见图8所示的实施方式。
在上述方法中,用户可以通过操作热区来快速呼出和热区相关的窗口,以及调整和热区相关的窗口的显示区域的大小(包括“全屏”显示和“隐藏”),让用户可以更加方便的使用和热区相关的窗口。并且,用户可以通过操作(例如点击)窗口1或者窗口2来快速切换前台窗口,无需关闭其中一个窗口即可操作另一个窗口,操作完毕后还可以快速切换为之前的窗口,让用户可以方便快捷地同时使用两个窗口,提升用户体验。
请参见图14,图14是本申请实施例提供的又一种窗口显示方法的流程示意图。该方法可以包括但不限于如下步骤:
S201:电子设备显示窗口1。
在一种实施方式中,电子设备显示应用1(例如浏览器)的界面4,界面4包括应用1的窗口1,不包括应用1的窗口2,界面4中的窗口1为前台窗口,具体示例可参见图3A所示的实施方式,其中,窗口312为窗口1,窗口320为窗口2。窗口1和窗口2的说明可参见图13的S101中窗口1和窗口2的说明。
在一种实施方式中,界面4还包括热区,界面4中的热区和窗口2相关,热区的说明可参见图13的S101中热区的说明。
S202:电子设备接收针对窗口1的第一内容的第三操作。
在一种实施方式中,电子设备显示界面4时,接收针对窗口1中的第一内容的第三操作。其中,第一内容的形式可以但不限于为文本、图片、链接等。第三操作的形式示例和图13的S102的第一操作的形式示例类似。
S203:电子设备显示窗口1和窗口2(包括和第一内容相关的内容)。
在一种实施方式中,电子设备响应于针对第一内容的第三操作,获取和第一内容相关的内容,并显示界面5,界面5包括窗口1和窗口2,界面5中的窗口2包括和第一内容相关的内容,具体示例可参见图9-图12所示的实施方式,其中,窗口312为窗口1,窗口320为窗口2。
在一种实施方式中,电子设备响应于针对第一内容的第三操作,显示功能菜单,该功能菜单可以包括至少一个针对第一内容的功能控件。电子设备可以响应于针对功能菜单中的功能控件1,显示界面5。在一些示例中,电子设备可以调用方法5来显示功能菜单,方法5(例如onShowContextMenu())用于监听触发操作,并根据触发操作显示功能操作。
在一些示例中,窗口2包括:将第一内容作为搜索词搜索得到的结果,具体示例可参见图9所示的实施方式。
在一些示例中,窗口2包括:将第一内容作为待翻译内容得到的翻译结果,具体示例可参见图10所示的实施方式。
在一些示例中,窗口2包括:网址为第一内容对应的链接的网页的内容,具体示例可参见图11所示的实施方式。
在一些示例中,窗口2包括:和第一内容相关的商品信息,具体示例可参见图12所示的实施方式。
在一些示例中,窗口2包括:识别第一内容得到的位置信息和/或地名相关的内容,例如,将该位置信息和/或地名作为目的地的导航内容,或者,将该位置信息和/或地名作为目的地或出发点的订票内容。
不限于上述示例,在另一些示例中,窗口2包括:识别第一内容得到的人/物的详细信息(例如百科信息),本申请对此不作限定。
在一种实施方式中,界面5中的窗口2为前台窗口。S203之后,该方法还包括:电子设备响应于针对界面5中的窗口1的用户操作,显示界面6,界面6包括全部的窗口1和全部或部分的窗口2,并且界面6中的窗口1为前台窗口,具体示例可参见图5所示的实施方式。
在一种实施方式中,该方法还包括:电子设备显示界面4或者界面5时,可以响应于针对热区的用户操作,调整窗口2的显示区域的大小,具体示例和图13的S104-S105的说明类似,具体示例和图4B、图6、图7类似,不再赘述。
不限于图14所示的实施方式,在另一种实施方式中,第三操作也可以不是针对第一内容的,例如,第三操作是针对窗口1中和第一内容相关的内容的,本申请对第三操作不作限定。
在上述方法中,用户可以操作当前窗口中的内容来快速呼出其他窗口,并通过其他窗口显示和该内容相关的内容,让用户可以在浏览当前窗口时无缝衔接至浏览相关的其他窗口。并且,用户可以通过操作(例如点击)窗口1或者窗口2来快速切换前台窗口,让用户可以方便快捷地同时使用两个窗口,提升用户体验。
本申请各实施例提供的方法中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、网络设备、用户设备或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(digital subscriber line,DSL)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机可以存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质(例如,软盘、硬盘、磁带)、光介质(例如,数字视频光盘(digital video disc,DWD)、或者半导体介质(例如,固态硬盘(solid state disk,SSD)等。以上所述,以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。
Claims (16)
1.一种窗口显示方法,其特征在于,应用于电子设备,所述方法包括:
显示第一界面,所述第一界面包括浏览器的第一窗口和第一控件,所述第一窗口用于显示第一网页;
接收针对所述第一界面中的所述第一控件的第一操作;
显示第二界面,所述第二界面包括全部或部分的所述第一窗口和所述浏览器的第二窗口,所述第二窗口用于显示第二网页,所述第二网页是预设的网页或者和所述第一网页相关的网页。
2.如权利要求1所述的方法,其特征在于,所述第二界面还包括所述第一控件,所述第二窗口和所述第一控件相关联,所述第二窗口和所述第一控件相邻,所述第一界面中所述第一控件的显示位置和所述第二界面中所述第一控件的显示位置不同。
3.如权利要求1或2所述的方法,其特征在于,所述第二界面还包括所述第一控件,所述第一界面中的所述第一控件在第一位置显示,所述第二界面中的所述第一控件在第二位置显示,所述第一控件从所述第一位置移动至所述第二位置的过程中,所述第二窗口的面积增大。
4.如权利要求1-3任一项所述的方法,其特征在于,所述第二界面包括部分所述第一窗口和所述第二窗口,所述方法还包括:
接收针对所述第二界面中的所述第一窗口的第二操作;
显示第三界面,所述第三界面包括全部的所述第一窗口和部分的所述第二窗口;
接收针对所述第三界面中的所述第二窗口的第三操作;
显示所述第二界面。
5.如权利要求1-3任一项所述的方法,其特征在于,所述第二界面包括全部的所述第一窗口和所述第二窗口,所述第一窗口和所述第二窗口在所述第二界面中分屏显示。
6.如权利要求1-5任一项所述的方法,其特征在于,所述第二界面还包括所述第一控件,所述方法还包括:
接收针对所述第二界面中的所述第一控件的第四操作;
显示第四界面,所述第四界面包括所述第一窗口、所述第二窗口和所述第一控件,所述第二界面中所述第一控件的显示位置和所述第四界面中所述第一控件的显示位置不同,所述第二界面中所述第二窗口的显示面积和所述第四界面中所述第二窗口的显示面积不同。
7.如权利要求1-6任一项所述的方法,其特征在于,所述第二界面还包括所述第一控件,所述方法还包括:
接收针对所述第二界面中的所述第一控件的第五操作;
显示第五界面,所述第五界面包括所述第二窗口,不包括所述第一窗口。
8.如权利要求7所述的方法,其特征在于,所述电子设备显示所述第五界面时,在后台运行所述第一窗口。
9.如权利要求7或8所述的方法,其特征在于,所述第五操作包括将所述第一控件拖动至所述电子设备的显示屏的边缘,所述第五界面还包括所述第二控件,所述第五界面中的所述第二控件显示在所述显示屏的边缘,所述第二控件和所述第一窗口相关联。
10.如权利要求7或8所述的方法,其特征在于,所述显示第五界面,包括:
响应于所述第五操作,显示第三控件,所述第三控件和所述第二窗口相关联;
接收针对所述第三控件的第六操作;
显示所述第五界面。
11.如权利要求7-10任一项所述的方法,其特征在于,所述第五界面还包括所述第二控件,所述第二控件和所述第一窗口相关联,所述方法还包括:
接收针对所述第五界面中的所述第二控件的第七操作;
显示第六界面,所述第六界面包括全部或部分的所述第二窗口和所述第一窗口。
12.如权利要求1-11任一项所述的方法,其特征在于,所述方法还包括:
接收针对所述第二界面中的所述第一控件的第八操作;
显示所述第一界面。
13.如权利要求1-12任一项所述的方法,其特征在于,所述方法还包括:
接收针对所述第一界面的第九操作,所述第一界面包括所述第一信息;
显示第七界面,所述第七界面包括全部或部分的所述第一窗口和所述浏览器的第三窗口,所述第三窗口用于显示第三网页,所述第三网页是和所述第一信息相关的网页。
14.如权利要求13所述的方法,其特征在于,所述第三网页包括将所述第一信息作为关键词搜索得到的结果;或者,所述第三网页包括对所述第一信息进行翻译得到的结果;或者,所述第三网页的网址为所述第一信息对应的网址;或者,所述第三网页包括和所述第一信息相关的商品信息;或者,所述第三网页包括和第一位置相关的信息,所述第一位置是根据所述第一信息确定的。
15.一种电子设备,其特征在于,包括收发器、处理器和存储器,所述存储器用于存储计算机程序,所述处理器调用所述计算机程序,用于执行如权利要求1-14任一项所述的方法。
16.一种计算机存储介质,其特征在于,所述计算机存储介质存储有计算机程序,所述计算机程序被处理器执行时,实现权利要求1-14任一项所述的方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211197113.6A CN117827331A (zh) | 2022-09-28 | 2022-09-28 | 一种窗口显示方法及电子设备 |
PCT/CN2023/118769 WO2024067122A1 (zh) | 2022-09-28 | 2023-09-14 | 一种窗口显示方法及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211197113.6A CN117827331A (zh) | 2022-09-28 | 2022-09-28 | 一种窗口显示方法及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117827331A true CN117827331A (zh) | 2024-04-05 |
Family
ID=90476075
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211197113.6A Pending CN117827331A (zh) | 2022-09-28 | 2022-09-28 | 一种窗口显示方法及电子设备 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN117827331A (zh) |
WO (1) | WO2024067122A1 (zh) |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20150213148A1 (en) * | 2014-01-28 | 2015-07-30 | Jeffrey Blemaster | Systems and methods for browsing |
CN114816210B (zh) * | 2019-06-25 | 2023-03-24 | 华为技术有限公司 | 一种移动终端的全屏显示方法及设备 |
CN114281439A (zh) * | 2020-09-18 | 2022-04-05 | 华为技术有限公司 | 分屏方法、装置及电子设备 |
CN114363462B (zh) * | 2020-09-30 | 2023-01-06 | 华为技术有限公司 | 一种界面显示方法、电子设备及计算机可读介质 |
-
2022
- 2022-09-28 CN CN202211197113.6A patent/CN117827331A/zh active Pending
-
2023
- 2023-09-14 WO PCT/CN2023/118769 patent/WO2024067122A1/zh unknown
Also Published As
Publication number | Publication date |
---|---|
WO2024067122A1 (zh) | 2024-04-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2020238774A1 (zh) | 一种通知消息的预览方法及电子设备 | |
WO2021129326A1 (zh) | 一种屏幕显示方法及电子设备 | |
WO2021052458A1 (zh) | 机器翻译的方法和电子设备 | |
WO2021103981A1 (zh) | 分屏显示的处理方法、装置及电子设备 | |
CN110119296B (zh) | 切换父页面和子页面的方法、相关装置 | |
WO2020062294A1 (zh) | 系统导航栏的显示控制方法、图形用户界面及电子设备 | |
WO2021115194A1 (zh) | 一种应用图标的显示方法及电子设备 | |
CN110377204B (zh) | 一种生成用户头像的方法及电子设备 | |
WO2021082835A1 (zh) | 启动功能的方法及电子设备 | |
CN114363462B (zh) | 一种界面显示方法、电子设备及计算机可读介质 | |
CN111970401B (zh) | 一种通话内容处理方法、电子设备和存储介质 | |
CN112068907A (zh) | 一种界面显示方法和电子设备 | |
WO2022057889A1 (zh) | 一种对应用程序的界面进行翻译的方法及相关设备 | |
WO2021196980A1 (zh) | 多屏交互方法、电子设备及计算机可读存储介质 | |
WO2024067122A1 (zh) | 一种窗口显示方法及电子设备 | |
CN109948095B (zh) | 显示网页内容的方法、装置、终端及存储介质 | |
WO2023160455A1 (zh) | 删除对象的方法及电子设备 | |
CN115185440B (zh) | 一种控件显示方法及相关设备 | |
CN114244951B (zh) | 应用程序打开页面的方法及其介质和电子设备 | |
WO2022089276A1 (zh) | 一种收藏处理的方法及相关装置 | |
WO2023098417A1 (zh) | 一种界面显示方法以及装置 | |
WO2023045702A1 (zh) | 信息推荐方法及电子设备 | |
WO2024037346A1 (zh) | 页面管理方法及电子设备 | |
CN115268735A (zh) | 显示方法及其设备 | |
CN115661301A (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 |