CN117519858A - 一种应用显示方法及电子设备 - Google Patents
一种应用显示方法及电子设备 Download PDFInfo
- Publication number
- CN117519858A CN117519858A CN202210911664.8A CN202210911664A CN117519858A CN 117519858 A CN117519858 A CN 117519858A CN 202210911664 A CN202210911664 A CN 202210911664A CN 117519858 A CN117519858 A CN 117519858A
- Authority
- CN
- China
- Prior art keywords
- application
- size
- display area
- area
- target
- 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 77
- 230000006870 function Effects 0.000 claims abstract description 161
- 230000001960 triggered effect Effects 0.000 claims abstract description 48
- 230000004044 response Effects 0.000 claims abstract description 16
- 238000004590 computer program Methods 0.000 claims description 17
- 238000007667 floating Methods 0.000 claims description 14
- 230000009471 action Effects 0.000 claims description 7
- 238000010586 diagram Methods 0.000 description 47
- 238000013461 design Methods 0.000 description 31
- 239000010410 layer Substances 0.000 description 28
- 238000004891 communication Methods 0.000 description 18
- 230000000694 effects Effects 0.000 description 17
- 238000012545 processing Methods 0.000 description 15
- 238000007726 management method Methods 0.000 description 13
- 238000010295 mobile communication Methods 0.000 description 11
- 230000003993 interaction Effects 0.000 description 6
- 230000005856 abnormality Effects 0.000 description 5
- 230000007423 decrease Effects 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 4
- 229920001621 AMOLED Polymers 0.000 description 3
- 230000002159 abnormal effect Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 2
- 238000013528 artificial neural network Methods 0.000 description 2
- 230000003416 augmentation Effects 0.000 description 2
- 239000007795 chemical reaction product Substances 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000009434 installation Methods 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
- 238000010408 sweeping Methods 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 238000012896 Statistical algorithm Methods 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 230000003190 augmentative effect Effects 0.000 description 1
- 230000015572 biosynthetic process Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000000295 complement effect Effects 0.000 description 1
- 239000012792 core layer Substances 0.000 description 1
- 238000007405 data analysis Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 230000004927 fusion Effects 0.000 description 1
- 230000004807 localization Effects 0.000 description 1
- 238000004519 manufacturing process Methods 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
- 230000001537 neural effect Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000005855 radiation Effects 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000007619 statistical method Methods 0.000 description 1
- 238000003786 synthesis reaction Methods 0.000 description 1
- 238000013518 transcription Methods 0.000 description 1
- 230000035897 transcription Effects 0.000 description 1
- 238000012546 transfer 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
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- 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为一种电子设备在屏幕上居中显示应用界面的示意图;
图3为电子设备显示多个窗口的示意图;
图4为本申请实施例提供的一种电子设备的结构示意图;
图5为本申请实施例提供的一种电子设备的软件结构框图;
图6为本申请实施例提供的一种应用显示的示意图;
图7为本申请实施例提供的一种调节应用显示区和功能区大小的示意图;
图8为本申请实施例提供的一种电子设备调整应用显示区大小的流程图;
图9为本申请实施例提供的一种屏幕示意图;
图10为申请实施例提供的一种布局尺寸与绘制尺寸的示意图;
图11为本申请实施例提供的一种调整宽度后的布局尺寸与绘制尺寸的示意图;
图12为本申请实施例提供的一种界面示意图;
图13为本申请实施例提供的一种半侧方式显示功能区的示意图;
图14为本申请实施例提供的一种全屏叠底方式显示功能区的示意图;
图15为本申请实施例提供的一种一键显示/一键隐藏功能的示意图;
图16为本申请实施例提供的一种功能区接收用户手势控制的示意图;
图17为本申请实施例提供的一种功能区显示控制按钮的示意图;
图18为本申请实施例提供的一种功能区显示快捷功能的控件示意图;
图19为本申请实施例提供的一种应用定制化快捷功能的显示示意图;
图20为本申请实施例提供的一种功能区显示快捷功能的示意图;
图21为本申请实施例提供的一种功能区显示截图功能以及图仓的示意图;
图22为本申请实施例提供的一种图仓的显示示意图;
图23为本申请实施例提供的又一种图仓的显示示意图;
图24为本申请实施例提供的一种应用快照的示意图;
图25为本申请实施例提供的一种折叠屏电子设备显示应用显示区的示意图。
具体实施方式
为了使本申请实施例的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施例作进一步地详细描述。其中,在本申请实施例的描述中,以下,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。
应理解,本申请实施例中“至少一个”是指一个或者多个,“多个”是指两个或两个以上。“和/或”,描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B的情况,其中A、B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。“以下至少一(项)个”或其类似表达,是指的这些项中的任意组合,包括单项(个)或复数项(个)的任意组合。例如,a、b或c中的至少一项(个),可以表示:a,b,c,a和b,a和c,b和c,或a、b和c,其中a、b、c可以是单个,也可以是多个。
随着终端产品的样式增多,电子设备的显示屏幕大小以及形态也趋于多样化。如电子设备的显示屏幕可以内外折叠、横竖折叠等。对于各种形状及大小的显示屏幕,许多应用已对应用显示界面进行了优化,例如通过响应式布局方式,对不同大小的显示屏幕采用不同的应用界面布局;又例如借助电子设备系统提供的分屏能力,在分屏界面中显示应用。但仍有很多应用不能适应各种屏幕长宽比,从而导致应用显示出现异常,如在平板电脑显示应用界面时,从竖屏显示切换为横屏显示,应用界面可能无法适应横屏,而导致应用界面中的图像过大或文字过大,影响用户体验。
例如,图1为一种应用显示的示意图。参考图1,电子设备从竖屏显示应用界面切换为横屏显示应用界面时,应用界面中的图像以及文字都会放大,屏幕中显示的信息量下降,影响用户体验。
一种应用显示方案中,当应用界面的宽高比与电子设备屏幕的宽高比不兼容时,电子设备可以在屏幕上居中显示应用界面。例如,图2为一种电子设备在屏幕上居中显示应用界面的示意图,参考图2,电子设备的屏幕居中显示应用界面,屏幕上未被应用界面占用的区域用黑色背景填充。但是该方式中,屏幕显示的应用界面的尺寸是固定的,屏幕利用率低,用户体验较差。
另一种应用显示方案中,电子设备的屏幕中可以显示多个应用的窗口,用户可以对每个窗口的大小进行调整,应用可以根据窗口的大小调整布局。如图3为电子设备显示多个窗口的示意图,参考图3,电子设备可以同时显示窗口A、窗口B以及窗口C,窗口A用于显示应用A的界面,窗口B用于显示应用B的界面,窗口C用于显示应用C的界面。用户可以调整任一窗口的大小,应用根据窗口大小调整布局。但由于多数应用并不支持在任意尺寸的窗口中显示,仍然后出现显示异常的情况,且该方案仅适用于电子设备同时显示多个应用的情况,无法解决电子设备显示单个应用时,应用界面与屏幕尺寸不兼容的问题。
基于以上问题,本申请提供一种应用显示方法,用以在电子设备的屏幕上灵活显示应用界面,同时提高电子设备的屏幕利用率。在本申请实施例提供的应用显示方法中,电子设备在屏幕上显示应用显示区和功能区;电子设备响应于用户触发的拖拽操作,确定应用显示区的尺寸,在应用显示区中显示目标应用的应用界面。其中,功能区用于显示与所述应用显示区关联的功能。通过该方案,电子设备可以根据用户触发的拖拽操作调整应用显示区的大小,从而在应用显示区内灵活显示目标应用的应用界面,并且在屏幕上显示功能区,提升屏幕利用率。
以下介绍电子设备、和用于使用这样的电子设备的实施例。本申请实施例的电子设备可以为平板电脑、手机、车载设备、增强现实(augmented reality,AR)/虚拟现实(virtual reality,VR)设备、笔记本电脑、超级移动个人计算机(ultra-mobile personalcomputer,UMPC)、上网本、个人数字助理(personal digital assistant,PDA)、可穿戴设备等,本申请实施例对电子设备的具体类型不作任何限制。
图4为本申请实施例提供的一种电子设备100的结构示意图。如图4所示,电子设备100可以包括处理器110,外部存储器接口120,内部存储器121,通用串行总线(universalserial 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等。
处理器110可以包括一个或多个处理单元,例如:处理器110可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processingunit,GPU),图像信号处理器(image signal processor,ISP),控制器,存储器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。其中,控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。处理器110中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据,可从所述存储器中直接调用。避免了重复存取,减少了处理器110的等待时间,因而提高了系统的效率。
USB接口130是符合USB标准规范的接口,具体可以是Mini USB接口,Micro USB接口,USB Type C接口等。USB接口130可以用于连接充电器为电子设备100充电,也可以用于电子设备100与外围设备之间传输数据。充电管理模块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等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器,开关,功率放大器,低噪声放大器(low noise amplifier,LNA)等。移动通信模块150可以由天线1接收电磁波,并对接收的电磁波进行滤波,放大等处理,传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大,经天线1转为电磁波辐射出去。在一些实施例中,移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中,移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
无线通信模块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 mobile communications,GSM),通用分组无线服务(general packet radio service,GPRS),码分多址接入(codedivision multiple access,CDMA),宽带码分多址(wideband code division multipleaccess,WCDMA),时分码分多址(time-division code division multiple access,TD-SCDMA),长期演进(long term evolution,LTE),BT,GNSS,WLAN,NFC,FM,和/或IR技术等。所述GNSS可以包括全球卫星定位系统(global positioning system,GPS),全球导航卫星系统(global navigation satellite system,GLONASS),北斗卫星导航系统(beidounavigation satellite system,BDS),准天顶卫星系统(quasi-zenith satellitesystem,QZSS)和/或星基增强系统(satellite based augmentation systems,SBAS)。
显示屏194用于显示应用的显示界面,例如显示电子设备100上安装的应用的显示页面等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystaldisplay,LCD),有机发光二极管(organic light-emitting diode,OLED),有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode的,AMOLED),柔性发光二极管(flex light-emitting diode,FLED),Miniled,MicroLed,Micro-oLed,量子点发光二极管(quantum dot light emitting diodes,QLED)等。在一些实施例中,电子设备100可以包括1个或N个显示屏194,N为大于1的正整数。
摄像头193用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device,CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor,CMOS)光电晶体管。感光元件把光信号转换成电信号,之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB,YUV等格式的图像信号。在一些实施例中,电子设备100可以包括1个或N个摄像头193,N为大于1的正整数。
内部存储器121可以用于存储计算机可执行程序代码,所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令,从而执行电子设备100的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中,存储程序区可存储操作系统,以及至少一个应用程序的软件代码等。存储数据区可存储电子设备100使用过程中所产生的数据(例如拍摄的图像、录制的视频等)等。此外,内部存储器121可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件,闪存器件,通用闪存存储器(universal flash storage,UFS)等。
外部存储器接口120可以用于连接外部存储卡,例如Micro SD卡,实现扩展电子设备的存储能力。外部存储卡通过外部存储器接口120与处理器110通信,实现数据存储功能。例如将图片,视频等文件保存在外部存储卡中。
电子设备100可以通过音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,以及应用处理器等实现音频功能。例如音乐播放,录音等。
其中,传感器模块180可以包括压力传感器180A,加速度传感器180B,触摸传感器180C等。
压力传感器180A用于感受压力信号,可以将压力信号转换成电信号。在一些实施例中,压力传感器180A可以设置于显示屏194。
触摸传感器180C,也称“触控面板”。触摸传感器180C可以设置于显示屏194,由触摸传感器180C与显示屏194组成触摸屏,也称“触控屏”。触摸传感器180C用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器,以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中,触摸传感器180C也可以设置于电子设备100的表面,与显示屏194所处的位置不同。
按键190包括开机键,音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备100可以接收按键输入,产生与电子设备100的用户设置以及功能控制有关的键信号输入。马达191可以产生振动提示。马达191可以用于来电振动提示,也可以用于触摸振动反馈。例如,作用于不同应用(例如拍照,音频播放等)的触摸操作,可以对应不同的振动反馈效果。触摸振动反馈效果还可以支持自定义。指示器192可以是指示灯,可以用于指示充电状态,电量变化,也可以用于指示消息,未接来电,通知等。SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195,或从SIM卡接口195拔出,实现与电子设备100的接触和分离。
可以理解的是,图4所示的部件并不构成对电子设备100的具体限定,电子设备还可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。此外,图4中的部件之间的组合/连接关系也是可以调整修改的。
图5为本申请实施例提供的一种电子设备的软件结构框图。如图5所示,电子设备的软件结构可以是分层架构,例如可以将软件分成若干个层,每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中,将操作系统分为四层,从上至下分别为应用程序层,应用程序框架层(framework,FWK),运行时(runtime)和系统库,以及内核层。
应用程序层可以包括一系列应用程序包(application package)。如图5所示,应用程序层可以包括相机、设置、皮肤模块、用户界面(user interface,UI)、三方应用程序等。其中,三方应用程序可以包括图库,日历,通话,地图,导航,WLAN,蓝牙,音乐,视频,短信息等。在本申请实施例中,应用程序层可以包括电子设备从服务器请求下载的目标应用的目标安装包,该目标安装包中的功能文件和布局文件适配于电子设备。
应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface,API)和编程框架。应用程序框架层可以包括一些预先定义的函数。如图5所示,应用程序框架层可以包括窗口管理器,内容提供器,视图系统,电话管理器,资源管理器,通知管理器。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小,判断是否有状态栏,锁定屏幕,截取屏幕等。内容提供器用来存放和获取数据,并使这些数据可以被应用程序访问。所述数据可以包括视频,图像,音频,拨打和接听的电话,浏览历史和书签,电话簿等。在本申请实施例中,窗口管理器还用于计算用户调整后的应用显示区的大小,并提高窗口的缩放能力。
视图系统包括可视控件,例如显示文字的控件,显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如,包括短信通知图标的显示界面,可以包括显示文字的视图以及显示图片的视图。
电话管理器用于提供电子设备的通信功能。例如通话状态的管理(包括接通,挂断等)。
资源管理器为应用程序提供各种资源,比如本地化字符串,图标,图片,布局文件,视频文件等等。
通知管理器使应用程序可以在状态栏中显示通知信息,可以用于传达告知类型的消息,可以短暂停留后自动消失,无需用户交互。比如通知管理器被用于告知下载完成,消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知,例如后台运行的应用程序的通知,还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息,发出提示音,电子设备振动,指示灯闪烁等。
运行时包括核心库和虚拟机。运行时负责操作系统的调度和管理。
核心库包含两部分:一部分是java语言需要调用的功能函数,另一部分是操作系统的核心库。应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理,堆栈管理,线程管理,安全和异常的管理,以及垃圾回收等功能。
系统库可以包括多个功能模块。例如:表面管理器(surface manager),媒体库(media libraries),三维图形处理库(例如:OpenGL ES),二维图形引擎(例如:SGL)、图像处理库等。
表面管理器用于对显示子系统进行管理,并且为多个应用程序提供了2D和3D图层的融合。
媒体库支持多种常用的音频,视频格式回放和录制,以及静态图像文件等。媒体库可以支持多种音视频编码格式,例如:MPEG4,H.264,MP3,AAC,AMR,JPG,PNG等。
三维图形处理库用于实现三维图形绘图,图像渲染,合成,和图层处理等。
2D图形引擎是2D绘图的绘图引擎。
内核层是硬件和软件之间的层。内核层至少包含显示驱动,摄像头驱动,音频驱动,传感器驱动。
硬件层可以包括各类传感器,例如加速度传感器、陀螺仪传感器、触摸传感器等。
需要说明的是,图4和图5所示的结构仅作为本申请实施例提供的电子设备的一种示例,并不能对本申请实施例提供的电子设备进行任何限定,具体实施中,电子设备可以具有比图4或图5所示的结构中更多或更少的器件或模块。
下面对本申请实施例提供的方法进行介绍。
本申请实施例提供一种应用显示方法,用以解决屏幕尺寸与应用布局不适配时的显示异常问题。在该方法中,响应于用户触发的第一操作,电子设备可以将屏幕分为多个区域显示,其中,多个区域至少包括应用显示区和功能区,第一操作用于启动目标应用。例如,图6为本申请实施例提供的一种应用显示的示意图。参考图6,电子设备的屏幕上包括应用显示区和功能区,其中,应用显示区可以用于显示目标应用的应用界面,功能区可以用于显示与应用显示区关联的功能。图6所示的屏幕中左侧的空白区域可以显示电子设备的主页面,或者电子设备可以提取目标应用的应用界面的颜色,并将屏幕左侧的空白区域渲染为该颜色,以提升观感。
需要说明的是,目标应用可以为应用布局与电子设备的屏幕尺寸无法适配的应用。
另外,参考图6,应用显示区和功能区之间还包括拖拽线,用户可以在拖拽线上触发拖拽操作,电子设备响应于用户触发的拖拽操作可以调整应用显示区和/或功能区的尺寸,如调整应用显示区和/或功能区的宽度。
例如,图7为本申请实施例提供的一种调节应用显示区和功能区尺寸的示意图。参考图7中的(a),用户在拖拽线上触发拖拽操作,当用户在拖拽线上触发向左拖拽的操作时,电子设备调整功能区的宽度增大、应用显示区的宽度减小,调整后的屏幕显示效果如图7中的(b)所示;当用户在拖拽线上触发向右拖拽的操作时,电子设备调整功能区的宽度减小、应用显示区的宽度增大,调整后的屏幕显示效果如图7中的(c)所示。
需要说明的是,在图7所示的屏幕中,应用显示区处于屏幕居中的位置,如图7中的(b)或图7中的(c),调整宽度后的应用显示区仍然可以处于屏幕居中的位置,当然,应用显示区还可以处于屏幕左侧或屏幕右侧,也就是说,本申请实施例对应用显示区以及功能区在屏幕中的位置并不进行限定,具体实施时可根据应用场景进行调整。
图8为本申请实施例提供的一种电子设备调整应用显示区尺寸的流程图。参考图8,在图7所示的调整应用显示区域尺寸的方式中,电子设备执行以下步骤:
S801:电子设备检测到第二操作。
例如,第二操作可以为用户在图7所示的应用显示区与功能区之间的拖拽线上触发的拖拽操作。
S802:电子设备计算应用显示区的位置。
可选地,电子设备在计算应用显示区的位置时,可以计算应用显示区的边界位置,或电子设备可以计算应用显示区中多个顶点的位置,或者电子设备可以计算应用显示区的中心点位置,并根据应用显示区的宽和高确定应用显示区的位置。也就是说,本申请实施例中对电子设备计算应用显示区的位置的方式并不进行限定。
例如,图9为本申请实施例提供的一种屏幕示意图。参考图9,假设用户在拖拽线上触发拖拽操作,抬手后拖拽线的位置如图9所示,其中,x表示拖拽线与屏幕左边界之间的距离,W表示屏幕的宽,H表示屏幕的高。在用户触发拖拽操作的过程中,x的值发生变化,用户触发拖拽操作后,电子设备可以确定x的值以确定应用显示区的边界位置。
又例如,电子设备可以计算调整宽度后应用显示区的顶点位置,如,以屏幕左上顶点为原点,屏幕上边界为X轴,且右为X轴正方向,屏幕左边界为Y轴,且下为Y轴正方向。则电子设备可以确定调整宽度后的应用显示区的左上顶点坐标为(2x-W,0),应用显示区的右下顶点坐标为(x,H)。
S803:电子设备根据计算得到的应用显示区的位置对目标应用的应用界面进行重新布局。
一种可选的实施方式中,电子设备可以根据计算得到的应用显示区的位置对屏幕中的应用显示区进行调整,电子设备可以将调整后的应用显示区的尺寸发送给目标应用,触发目标应用可以根据调整后的应用显示区的尺寸对目标应用的应用界面进行重新布局。
需要说明的是,功能区可以看作为用于显示功能应用的区域,则用户触发拖拽操作后,功能区中显示的功能应用的界面也可以进行重新布局,具体实施可以参见图8所示的方法,重复之处不再赘述。
在本申请一些实施方式中,目标应用在根据调整后的应用显示区的尺寸重新布局时,当应用显示区的宽度发生变化时,目标应用可以对应用界面中的元素(如图像、控件等)进行缩放;当应用显示区的高度发生变化时,目标应用可以增加或减少应用界面中的元素。例如,参考图7中的(b),当应用显示区的宽度减小时,目标应用可以缩小应用界面中的元素;参考图7中的(c),当应用显示区的宽度增大时,目标应用可以放大应用界面中的元素。
考虑到有些应用中的元素并不支持缩放后仅部分元素支持缩放,则应用重新布局后的显示效果可能不好,本申请实施例还提供一种调整目标应用布局的方式,以保证调整后的应用显示区中应用界面的显示效果。
在该方式中,首先定义两个尺寸:布局尺寸与绘制尺寸,其中,布局尺寸指目标应用感知到的宽和高,是目标应用用于进行布局的尺寸;绘制尺寸指实际绘制在屏幕上的尺寸,也即应用显示区的实际尺寸。图10为申请实施例提供的一种布局尺寸与绘制尺寸的示意图。参考图10在初始状态下,布局尺寸与绘制尺寸的大小相同,布局尺寸的宽为fixed_w,高为h;同样的,绘制尺寸的宽为fixed_w,高为h。
当用户在拖拽线上触发拖拽操作,触发电子设备调整应用显示区的宽度时,布局尺寸的宽度可选地不变,仍为fixed_w,但布局尺寸的高度随应用显示区的宽度的增大而减小。图11为本申请实施例提供的一种调整宽度后的布局尺寸与绘制尺寸的示意图。参考图11,电子设备调整应用显示区的宽度后,绘制尺寸的宽为2x-W,高为H;布局尺寸的宽为fixed_w,则缩放比例α满足以下公式:
α=(2x-W)/fixed_w
布局尺寸的高h满足以下公式:
h=H/α
参考图11,当应用显示区的宽度增大,缩放比例α>1,则电子设备计算布局尺寸的高h减小,此时布局尺寸见图11中阴影部分。可见,布局尺寸的宽未发生变化,但高减小。电子设备确定出布局尺寸后,以布局尺寸进行目标应用的应用界面布局,然后再将应用界面等比例放大至可以完全填充应用显示区。
通过该方式,目标应用不需要对应用界面中的元素进行缩放,只需要根据布局尺寸的高度纵向调整应用界面中的元素数量,然后再将应用界面等比例缩放至填充绘制尺寸,避免缩放元素导致的显示异常,提升用户体验。
在本申请一些实施例中,电子设备还可以根据目标应用的应用界面中的内容对应用显示区的尺寸进行调整。可选的,当目标应用的应用界面中包含多媒体内容时,电子设备可以响应于用户触发的显示所述多媒体内容的操作,将应用显示区的尺寸增大至第一预设尺寸,并在增大后的应用显示区内显示多媒体内容。电子设备还可以响应于用户触发的退出显示多媒体内容的操作,或者检测到多媒体内容显示完毕,电子设备将应用显示区的尺寸恢复至初始尺寸;其中,该初始尺寸为应用显示区未增大至预设尺寸之前的尺寸。多媒体内容可以包括视频、图像、动图等。例如,图12为本申请实施例提供的一种界面示意图。参考图12,电子设备在应用显示区中显示目标应用,目标应用的应用界面中包括视频播放器,当用户触发播放视频时,电子设备可以增大应用显示区的尺寸,以提升视频播放的效果。当用户触发停止播放视频或视频播放结束时,电子设备可以恢复应用显示区的尺寸至未播放视频时的尺寸。通过该方式,电子设备可以根据目标应用的显示内容灵活调整应用显示区的尺寸,提升屏幕显示效果,进而提升用户体验。
下面对本申请实施例中的功能区显示的内容以及功能进行进一步介绍:
本申请实施例中功能区可以看作为用于显示功能应用的区域,功能应用又可以称为工具应用。功能应用可以提供与所述应用显示区关联的功能的控件,在屏幕中应用显示区之外的区域显示功能应用可以提高屏幕利用率,同时丰富交互方式,提升用户体验。
参考图6,功能区可以位于屏幕的右侧,当然,功能区也可以位于屏幕的左侧,或者功能区可以占用屏幕中除应用显示区以外的全部区域,又或者功能区可以为一个悬浮的窗口。
可选地,电子设备可以采用半侧方式或全屏叠底方式显示功能区。其中,图13为本申请实施例提供的一种半侧方式显示功能区的示意图。参考图13,在采用半侧方式显示功能区时,功能区可以占用屏幕的右侧或左侧,该方式占用屏幕位置小,对目标应用的影响较小,且可以将功能区显示的常用功能集中在用户的常用手侧,便于用户操作。在半侧显示功能区的方式中,当用户在拖拽线上触发拖拽操作时,功能应用需要根据用户触发的拖拽操作重新布局,具体实施可以参见图8所示的电子设备调整应用显示区大小的方式,重复之处不再赘述。
图14为本申请实施例提供的一种全屏叠底方式显示功能区的示意图。参考图14,主屏幕对应的图层上方为功能区对应的图层,功能区对应的图层上方为应用显示区对应的图层,功能区中与应用显示区重叠的区域可以增加蒙版,以防止电子设备在响应用户在应用显示区触发的操作时出现错误。功能区采用全屏叠底方式显示时,功能控件可以显示在功能区中与应用显示区不重叠的区域。可见全屏叠底方式下,功能区可以承载更多内容,丰富显示内容。
下面对本申请实施例中功能区中可以显示的与应用显示区关联的功能分别进行介绍:
1、功能区一键显示/一键隐藏功能
当屏幕上显示应用显示区和功能区时,功能区可以包括隐藏控件,该隐藏控件可以用于触发电子设备隐藏功能区显示的内容,仅保留应用显示区。当电子设备隐藏功能区显示的内容时,功能区可以包括显示控件,该显示控件可以用于触发电子设备显示功能区的内容。
例如,图15为本申请实施例提供的一种一键显示/一键隐藏功能的示意图。参考图15,用户点击图15中的(a)所示的隐藏控件,电子设备隐藏功能区中的内容;用户点击图15中的(b)所示的显示控件,电子设备显示功能区中的内容。
2、手势交互功能
在本申请实施例中,功能区还可以提供手势交互功能。功能区可以作为应用显示区的控制面板,如将功能区作为手势面板,接收用户在功能区触发的滑动、缩放等手势,并将该手势传递至目标应用,目标应用根据用户在功能区触发的手势做出相应的响应。举例来说,图16为本申请实施例提供的一种功能区接收用户手势控制的示意图。参考图16,用户在功能区触发向上滑动的手势,目标应用调整应用界面向上移动。
或者功能区可以显示控制按钮,用户点击控制按钮后,电子设备将用户点击控制按钮的事件传递给目标应用,目标应用做出该事件对应的响应。举例来说,图17为本申请实施例提供的一种功能区显示控制按钮的示意图。参考图17,功能区可以显示用于翻页的控制按钮,用户点击功能区中的控制按钮,目标应用执行翻页动作,显示下一页内容。
3、应用快捷功能
在本申请实施例中,功能区可以显示快捷功能的控件。快捷功能可以为多个应用共有的功能。例如。图18为本申请实施例提供的一种功能区显示快捷功能的控件的示意图。参考图18中的(a),功能区可以包括扫一扫、刷新界面、升级应用等快捷功能的控件。用户点击图18中的(a)所示的功能区中的扫一扫功能的控件时,电子设备的操作系统调用目标应用的扫一扫功能;用户点击图18中的(a)所示的功能区中的刷新界面功能的控件时,电子设备的操作系统调用目标应用的刷新功能,实现对应用界面的更新;用户点击图18中的(a)所示的功能区中的升级应用功能的控件时,电子设备的操作系统调用目标应用升级应用功能,实现应用版本升级。
以用户点击图18中的(a)所示的扫一扫功能的控件为例,参考图18中的(b),电子设备可以在屏幕中的左侧空白区域显示目标应用的扫一扫功能对应的界面。参考图18中的(c),电子设备可以将扫一扫功能扫描得到的结果对应的界面显示在屏幕左侧区域,如图18中的(c),电子设备可以将扫一扫功能扫描得到的“用户21”的添加页面显示在屏幕左侧区域。可选地,电子设备在屏幕左侧区域显示扫一扫功能对应的界面或扫一扫功能扫描得到的结果对应的界面时,若确定屏幕左侧区域的尺寸小于设定阈值,此时屏幕左侧显示界面内容时可能出现显示异常,则电子设备可以根据预设比例调整应用显示区和功能区的尺寸,使得屏幕中各个区域布局更加合理,屏幕显示效果更加协调。
可选的,快捷功能还可以包括目标应用对应的一些快捷功能,也就是说,功能区显示的快捷功能支持应用定制化。例如,图19为本申请实施例提供的一种应用定制化快捷功能的显示示意图。参考图19中的(a),当应用显示区显示的目标应用为即时通信应用程序时,功能区中的快捷功能可以包括:打开最近浏览的小程序、收款、付款等。以用户点击图19中的(a)所示的功能区中的收款功能的控件为例,参考图19中的(b),电子设备可以在屏幕左侧区域显示应用1和应用2的图标,应用1和应用2均可提供收款功能。参考图19中的(c),如用户点击应用1的图标,则电子设备在屏幕左侧区域显示应用1的收款界面。可选地,电子设备在屏幕左侧显示应用1的收款界面时,若确定屏幕左侧区域的尺寸小于设定阈值,此时屏幕左侧显示界面内容时可能出现显示异常,则电子设备可以根据预设比例调整应用显示区和功能区的尺寸,使得屏幕中各个区域布局更加合理,屏幕显示效果更加协调。通过该方式,功能区可以显示目标应用对应的快捷功能的控件,进一步提升功能区的交互能力,提升用户体验。
可选地,功能区中显示的快捷功能还可以根据应用显示区中应用界面包含的内容进行调整。例如,当应用界面中播放视频时,功能区可以包括暂停、退出等快捷功能的控件。当应用界面中显示语音时,功能区可以包括语音转写、全选复制等快捷功能的控件。
需要说明的是,为了保证功能区显示效果,防止不同应用定制化的快捷功能的用户界面(user interface,UI)效果不一致,电子设备可以提供功能区中快捷功能的模板和配置文件。应用开发者可以按照电子设备提供的模板提供配置文件,电子设备在启动应用时读取应用对应的配置文件,并根据该配置文件在功能区显示应用对应的快捷功能的控件。
例如,电子设备提供的配置文件的模板中可以包括以下至少一项:序号、快捷功能图标、文字说明、触发的事件。图20为本申请实施例提供的一种功能区显示快捷功能的示意图。参考图20,电子设备启动目标应用,并在应用显示区显示目标应用的应用界面时,电子设备读取目标应用的配置文件,按照配置文件中的序号在功能区显示目标应用对应的多个快捷功能的控件。用户点击功能区的快捷功能的控件后,电子设备将用户点击的快捷功能对应的事件传递给目标应用,目标应用执行该事件对应的响应动作。
4、图片仓库功能
本申请实施例还提供一种图片仓库功能,图片仓库功能可以为用户提供一种便捷的截图触发方式,并将截图得到的图像保存在临时的图片仓库(又称图仓)中,便于用户随时查看。
图21为本申请实施例提供的一种功能区显示截图功能以及图仓的示意图。参考图21,用户点击功能区中的截图功能,电子设备可以执行截图动作,并将截图得到的图像存储到图仓中。可选地,本申请实施例中电子设备可以截取当前屏幕中的单图,例如电子设备截取应用界面的焦点窗口中面积最大的图像;或者电子设备可以截取整个屏幕中显示的内容,如电子设备调用操作系统的截图功能截取包含整个屏幕显示内容的图像;或者电子设备可以截取长图,如电子设备调用操作系统的截长图功能,得到长图;或者电子设备可以截取应用显示区中应用界面对应的图像,如电子设备回调目标应用的生成图像接口,获取当前应用界面对应图像。
可以理解的是,本申请实施例对电子设备截图的方式以及截取的图像并不进行限定,具体实施中可以根据应用场景进行设置。
电子设备进行截图得到的图像可以保存至图仓中,用户点击功能区中的图仓后,电子设备可以显示图仓中的图像。
一种可选的实施方式中,电子设备可以显示悬浮窗口,并在悬浮窗口中打开图仓,并显示图仓中的图像。例如,图22为本申请实施例提供的一种图仓的显示示意图,参考图22,电子设备可以在屏幕上显示悬浮窗口,为避免悬浮窗口遮挡应用显示区,电子设备可以在应用显示区未占用的区域显示悬浮窗口,如在左侧的空白区域或功能区显示悬浮窗口。图22中以在左侧的空白区域显示悬浮窗口为例,悬浮窗口中可以显示图仓中的图像,用户点击其中一张图像后,电子设备可以在悬浮窗口中显示放大的图像。
另一种可选的实施方式中,电子设备可以移动应用显示区的位置,并增大功能区的尺寸至第二预设尺寸,在增大尺寸后的功能区中打开图仓,并显示图仓中的图像。例如,图23为本申请实施例提供的又一种图仓的显示示意图。用户在图21所示的功能区中点击图仓后,参考图23,电子设备将应用显示区移动至屏幕左侧,并增大功能区的尺寸。电子设备在增大尺寸后的功能区显示图仓中的图像,用户点击其中一张图像后,电子设备可以在功能区显示放大的图像。
在本申请实施例中,电子设备可以在设定时长后删除图仓中的图像,或者电子设备在退出目标应用时删除图仓中的图像,从而节省电子设备的存储空间。可选地,用户还可以选择图仓中需要继续保存的目标图像,电子设备可以将图仓中目标图像之外的其它图像进行删除。
通过以上设计,电子设备在功能区提供一种便捷截图以及查看图像的方式,可以应用于购物应用场景,如截图多个商品页面,用户可以点击图仓查看截图得到的图像,方便用户对多个商品进行比价,节省用户操作步骤,提升用户体验。
基于本申请实施例提供的应用显示方法,电子设备在生成应用快照时,如电子设备在最近使用应用界面中显示应用快照,电子设备可以截取当前屏幕显示的所有内容作为应用快照,或者电子设备可以仅截取应用显示区中的应用界面作为应用快照,并且在应用快照附近显示功能区中的内容。例如,图24为本申请实施例提供的一种应用快照的示意图。参考图24,电子设备可以截取应用显示区中的应用界面作为应用快照,并在该应用快照的右侧显示功能区中的快捷功能。
在本申请一些实施例中,电子设备显示如图6所示的应用显示区和功能区时,用户可以在拖拽线上触发拖拽操作以调整应用显示区的宽度,从而得到在应用显示区中显示目标应用的最佳效果。电子设备可以在退出目标应用时保存应用显示区的尺寸作为目标应用对应的应用显示区的目标尺寸,并在用户下一次打开目标应用时,将应用显示区设置为目标尺寸,从而无需用户再次调整应用显示区的尺寸,提升用户体验。
在一些场景中,电子设备的屏幕可以有多种形态和尺寸,如可折叠手机的屏幕在展开状态和折叠状态下的尺寸不同。电子设备可以保存不同屏幕形态下应用显示区的尺寸,并在屏幕形态切换时,根据电子设备保存的应用显示区的尺寸调整应用显示区。例如,图25为本申请实施例提供的一种折叠屏电子设备显示应用显示区的示意图。参考图25,在折叠屏电子设备的屏幕展开状态下,电子设备显示应用显示区,应用显示区中显示目标应用。用户折叠电子设备时,电子设备保存目标应用对应的应用显示区的尺寸,并在屏幕折叠状态下,全屏显示目标应用。当用户再次展开电子设备时,电子设备将应用显示区的尺寸设置为电子设备保存的目标应用对应的应用显示区尺寸,并在应用显示区中显示目标应用。
基于相同的设计构思,由于电子设备的类型多样,不同电子设备之间屏幕的形状或尺寸可能相同,也可能不同,且同一应用在不同尺寸的屏幕上,获取最佳显示效果的应用显示区的尺寸也不同。因此,本申请实施例还提供一种设备间共享应用显示区尺寸的方式。
在该方式中,电子设备在应用显示区显示目标应用,用户调整应用显示区的尺寸后,电子设备可以将目标应用以及应用显示区的尺寸参数保存至本地,如表1为本申请实施例提供的一种电子设备在本地保存的数据示例。
表1电子设备本地保存的数据
应用包名 | 应用显示区尺寸 |
com.xxx.app | 25%-75% |
com.yyy.reader | 15%-85% |
其中,表1所示的数据中应用显示区的尺寸以应用显示区在屏幕上的左右位置为例,如25%-75%是指,屏幕宽度为W时,应用显示区占用1/4W-3/4W的区域。
电子设备还可以将目标应用标识、电子设备的屏幕参数以及应用显示区的尺寸参数等发送给云端服务器,如表2为本申请实施例提供的一种电子设备向云端服务器发送的数据示例。
表2电子设备向云端服务器发送的数据
应用包名 | 用户标识 | 应用显示区尺寸 | 电子设备屏幕尺寸 |
com.xxx.app | 1234555 | 25%-75% | 2480*2200 |
云端服务器可以保存电子设备发送的数据,并基于统计算法对云端服务器中保存的数据进行统计分析,确定每种屏幕尺寸下目标应用对应的应用显示区的最优尺寸参数。如表3为本申请实施例提供的一种电子设备向云端服务器发送的数据示例。
表3电子设备向云端服务器发送的数据
电子设备在初次启动目标应用时,可以向云端服务器发送请求消息,请求消息中可以包括目标应用的应用包名以及电子设备的屏幕尺寸。云端服务器可以向电子设备返回目标尺寸,该目标尺寸可以为目标应用对应的应用显示区的常用尺寸。电子设备将应用显示区的尺寸设置为目标尺寸,并在应用显示区显示目标应用。通过该设计,多个电子设备之间可以共享应用显示区的尺寸参数,从而基于大数据分析,使电子设备在初次启动应用时,可以向用户展示最被大众认可的显示效果,提升用户体验。
基于以上实施例,本申请还提供一种电子设备,所述电子设备包括多个功能模块;所述多个功能模块相互作用,实现本申请实施例所描述的各方法。所述多个功能模块可以基于软件、硬件或软件和硬件的结合实现,且所述多个功能模块可以基于具体实现进行任意组合或分割。
基于以上实施例,本申请还提供一种电子设备,该电子设备包括至少一个处理器和至少一个存储器,所述至少一个存储器中存储计算机程序指令,所述电子设备运行时,所述至少一个处理器执行本申请实施例所描述的各方法。
基于以上实施例,本申请还提供一种计算机程序,当所述计算机程序在计算机上运行时,使得所述计算机执行本申请实施例所描述的各方法。
基于以上实施例,本申请还提供一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机程序,当所述计算机程序被计算机执行时,使得所述计算机执行本申请实施例所描述的各方法。
基于以上实施例,本申请还提供了一种芯片,所述芯片用于读取存储器中存储的计算机程序,实现本申请实施例所描述的各方法。
基于以上实施例,本申请提供了一种芯片系统,该芯片系统包括处理器,用于支持计算机装置实现本申请实施例所描述的各方法。在一种可能的设计中,所述芯片系统还包括存储器,所述存储器用于保存该计算机装置必要的程序和数据。该芯片系统,可以由芯片构成,也可以包含芯片和其他分立器件。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
显然,本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的保护范围。这样,倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内,则本申请也意图包含这些改动和变型在内。
Claims (19)
1.一种应用显示方法,其特征在于,应用于电子设备,所述方法包括:
响应于用户触发的第一操作,在屏幕中显示应用显示区和功能区;所述功能区用于显示与所述应用显示区关联的控件;
在所述应用显示区显示所述目标应用的应用界面。
2.如权利要求1所述的方法,其特征在于,在所述应用显示区显示所述目标应用的应用界面之后,所述方法还包括:
响应于所述用户触发的第二操作,根据所述第二操作调整所述应用显示区的尺寸;
根据调整后的应用显示区的尺寸重新布局所述目标应用的应用界面。
3.如权利要求2所述的方法,其特征在于,所述根据调整后的应用显示区的尺寸重新布局所述目标应用的应用界面,包括:
根据调整后的应用显示区的宽度和所述目标应用的应用界面的布局尺寸的宽度确定所述布局尺寸的高度;
根据所述布局尺寸的宽度和所述布局尺寸的高度重新布局所述目标应用的应用界面;
将重新布局后的所述目标应用的应用界面等比例扩大至填充所述调整后的应用显示区。
4.如权利要求3所述的方法,其特征在于,所述根据调整后的应用显示区的宽度和所述目标应用的应用界面的布局尺寸的宽度确定所述布局尺寸的高度,包括:
根据调整后的应用显示区的宽度和所述目标应用的应用界面的布局尺寸的宽度确定调整比例;
根据所述调整比例和所述屏幕的高度确定所述布局尺寸的高度。
5.如权利要求1-4中任一项所述的方法,其特征在于,所述目标应用的应用界面中包括多媒体内容,所述方法还包括:
响应于所述用户触发的第三操作,确定所述应用显示区的初始尺寸小于第一预设尺寸,将所述应用显示区的尺寸从初始尺寸调整为第一预设尺寸,并在第一预设尺寸的应用显示区内显示所述多媒体内容;
响应于所述用户触发的第四操作,或检测到所述多媒体内容显示完毕,将所述应用显示区的尺寸恢复至所述初始尺寸。
6.如权利要求1-5任一项所述的方法,其特征在于,所述功能区包括第一控件或第二控件;所述方法还包括:
响应于所述用户触发的作用于所述第一控件的第五操作,隐藏所述功能区中的内容;或者
响应于所述用户触发的作用于所述第二控件的第六操作,显示所述功能区中的内容。
7.如权利要求1-6任一项所述的方法,其特征在于,所述方法还包括:
检测所述用户在所述功能区触发的手势,将所述手势传递至所述目标应用,以使所述目标应用执行所述手势对应的响应动作。
8.如权利要求1-7任一项所述的方法,其特征在于,所述方法还包括:
在所述功能区显示至少一个快捷功能的控件;
其中,所述至少一个快捷功能包括以下至少一项:
所述电子设备中安装的多个应用共有的功能;
所述目标应用对应的快捷功能;或
所述目标应用的应用界面包含的内容对应的快捷功能。
9.如权利要求1-8任一项所述的方法,其特征在于,所述功能区包括第三控件;所述方法还包括:
响应于所述用户触发的作用于所述第三控件的第七操作,执行截图动作,并将截图得到的图像保存至第一应用中。
10.如权利要求9所述的方法,其特征在于,所述功能区包括所述第一应用的图标,所述方法还包括:
响应于所述用户触发的作用于所述第一应用的图标的第八操作,显示悬浮窗口,并在所述悬浮窗口中显示所述第一应用中保存的图像,或者
响应于所述用户触发的作用于所述第一应用的图标的第八操作,在所述功能区中显示所述第一应用中保存的图像。
11.如权利要求10所述的方法,其特征在于,所述在所述功能区中显示所述第一应用中保存的图像之前,所述方法还包括:
确定所述功能区的尺寸小于第二预设尺寸,将所述功能区的尺寸调整为第二预设尺寸。
12.如权利要求10或11所述的方法,其特征在于,所述方法还包括:
响应于所述用户触发的作用于目标图像的第九操作,删除所述第一应用中保存的除所述目标图像之外的图像;和/或,
响应于所述用户触发的第十操作,停止显示所述目标应用,并删除所述第一应用中保存的图像。
13.如权利要求1-12任一项所述的方法,其特征在于,所述在屏幕上显示应用显示区,包括:
查找所述目标应用对应的应用显示区的目标尺寸,将所述应用显示区的尺寸设置为所述目标尺寸,显示所述应用显示区;
其中,所述目标尺寸为所述电子设备上一次退出所述目标应用时保存的应用显示区的尺寸,或所述目标尺寸为所述电子设备从服务器上获取的所述目标应用对应的应用显示区的尺寸。
14.如权利要求1-13任一项所述的方法,其特征在于,
所述功能区位于所述应用显示区的左侧;或者
所述功能区位于所述应用显示区的右侧;或者
所述功能区占用所述屏幕中除应用显示区以外的全部区域;或者
所述功能区为所述屏幕上的悬浮窗口。
15.如权利要求1-13任一项所述的方法,其特征在于,显示所述功能区,包括:
采用半侧方式在所述屏幕的左侧或右侧显示所述功能区;或者
采用全屏叠底方式在所述应用显示区对应的图层下显示所述功能区对应的图层。
16.一种电子设备,其特征在于,包括至少一个处理器,所述至少一个处理器与至少一个存储器耦合,所述至少一个处理器用于读取所述至少一个存储器所存储的计算机程序,以执行如权利要求1-15中任一所述的方法。
17.一种电子设备,其特征在于,包括多个功能模块;所述多个功能模块相互作用,实现如权利要求1-15中任一所述的方法。
18.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有指令,当其在计算机上运行时,使得计算机执行如权利要求1-15中任一所述的方法。
19.一种包含指令的计算机程序产品,其特征在于,当所述计算机程序产品在计算机上运行时,使得计算机执行如权利要求1-15中任一所述的方法。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210911664.8A CN117519858A (zh) | 2022-07-30 | 2022-07-30 | 一种应用显示方法及电子设备 |
PCT/CN2023/108113 WO2024027504A1 (zh) | 2022-07-30 | 2023-07-19 | 一种应用显示方法及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210911664.8A CN117519858A (zh) | 2022-07-30 | 2022-07-30 | 一种应用显示方法及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117519858A true CN117519858A (zh) | 2024-02-06 |
Family
ID=89750046
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210911664.8A Pending CN117519858A (zh) | 2022-07-30 | 2022-07-30 | 一种应用显示方法及电子设备 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN117519858A (zh) |
WO (1) | WO2024027504A1 (zh) |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110661917B (zh) * | 2019-08-07 | 2022-04-12 | 华为技术有限公司 | 一种显示方法及电子设备 |
CN112583957A (zh) * | 2019-09-30 | 2021-03-30 | 华为技术有限公司 | 电子设备的显示方法、电子设备与计算机可读存储介质 |
CN114077464A (zh) * | 2020-07-31 | 2022-02-22 | 华为技术有限公司 | 显示控制方法和装置 |
-
2022
- 2022-07-30 CN CN202210911664.8A patent/CN117519858A/zh active Pending
-
2023
- 2023-07-19 WO PCT/CN2023/108113 patent/WO2024027504A1/zh unknown
Also Published As
Publication number | Publication date |
---|---|
WO2024027504A1 (zh) | 2024-02-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20210048939A1 (en) | Icon display method, device, and terminal | |
JP2023514631A (ja) | インタフェースレイアウト方法、装置、及び、システム | |
WO2021057868A1 (zh) | 一种界面切换方法及电子设备 | |
WO2021000881A1 (zh) | 一种分屏方法及电子设备 | |
CN115297199A (zh) | 一种具有折叠屏的设备的触控方法与折叠屏设备 | |
CN111597000B (zh) | 一种小窗口管理方法及终端 | |
CN111147660B (zh) | 一种控件的操作方法及电子设备 | |
US20220374118A1 (en) | Display Method and Electronic Device | |
WO2022166713A1 (zh) | 电子设备及其应用的显示方法和介质 | |
CN115480670A (zh) | 一种导航栏显示方法、显示方法与第一电子设备 | |
EP4365722A1 (en) | Method for displaying dock bar in launcher and electronic device | |
CN116204254A (zh) | 一种批注页面生成方法、电子设备及存储介质 | |
CN113642010B (zh) | 一种获取扩展存储设备数据的方法及移动终端 | |
CN117769696A (zh) | 显示方法、电子设备、存储介质和程序产品 | |
CN117519858A (zh) | 一种应用显示方法及电子设备 | |
CN111324255A (zh) | 一种基于双屏终端的应用处理方法及通信终端 | |
WO2023051354A1 (zh) | 一种分屏显示方法及电子设备 | |
CN113179362B (zh) | 电子设备及其图像显示方法 | |
WO2024008017A1 (zh) | 内容分享方法、图形界面及相关装置 | |
CN113253905B (zh) | 基于多指操作的触控方法及智能终端 | |
EP4343521A1 (en) | Method and apparatus for scrolling to capture screenshot | |
CN117421073A (zh) | 一种显示方法及电子设备 | |
CN117389437A (zh) | 一种多窗口显示方法及设备 | |
CN117991937A (zh) | 多窗口管理方法、图形界面及相关装置 | |
CN113703655A (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 |