CN116932101A - 一种界面显示方法及电子设备 - Google Patents
一种界面显示方法及电子设备 Download PDFInfo
- Publication number
- CN116932101A CN116932101A CN202210339477.7A CN202210339477A CN116932101A CN 116932101 A CN116932101 A CN 116932101A CN 202210339477 A CN202210339477 A CN 202210339477A CN 116932101 A CN116932101 A CN 116932101A
- Authority
- CN
- China
- Prior art keywords
- interface
- display
- area
- folding screen
- screen
- 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 100
- 238000012545 processing Methods 0.000 claims description 39
- 230000015654 memory Effects 0.000 claims description 38
- 238000004590 computer program Methods 0.000 claims description 8
- 230000008569 process Effects 0.000 claims description 7
- 230000001960 triggered effect Effects 0.000 abstract description 12
- 230000004044 response Effects 0.000 abstract description 11
- 230000006870 function Effects 0.000 description 29
- 238000004891 communication Methods 0.000 description 26
- 238000010586 diagram Methods 0.000 description 21
- 238000007726 management method Methods 0.000 description 15
- 230000000007 visual effect Effects 0.000 description 14
- 238000010295 mobile communication Methods 0.000 description 12
- 230000008859 change Effects 0.000 description 10
- 230000000694 effects Effects 0.000 description 10
- 230000005236 sound signal Effects 0.000 description 10
- 230000001965 increasing effect Effects 0.000 description 7
- 238000004364 calculation method Methods 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 5
- 230000001133 acceleration Effects 0.000 description 4
- 238000013528 artificial neural network Methods 0.000 description 4
- 230000008901 benefit Effects 0.000 description 4
- 238000001514 detection method Methods 0.000 description 4
- 230000001976 improved effect Effects 0.000 description 4
- 230000001788 irregular Effects 0.000 description 4
- 230000007246 mechanism Effects 0.000 description 4
- 230000001413 cellular effect Effects 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000011161 development Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000009467 reduction Effects 0.000 description 3
- 229920001621 AMOLED Polymers 0.000 description 2
- 230000003416 augmentation Effects 0.000 description 2
- 230000003190 augmentative effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 2
- PCHJSUWPFVWCPO-UHFFFAOYSA-N gold Chemical compound [Au] PCHJSUWPFVWCPO-UHFFFAOYSA-N 0.000 description 2
- 239000010931 gold Substances 0.000 description 2
- 229910052737 gold Inorganic materials 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000033001 locomotion Effects 0.000 description 2
- 230000007774 longterm Effects 0.000 description 2
- 238000013507 mapping Methods 0.000 description 2
- 239000000463 material Substances 0.000 description 2
- 238000003825 pressing Methods 0.000 description 2
- 239000002096 quantum dot Substances 0.000 description 2
- 230000002159 abnormal effect Effects 0.000 description 1
- 230000009471 action Effects 0.000 description 1
- 230000006978 adaptation Effects 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 230000006399 behavior Effects 0.000 description 1
- 238000013529 biological neural network Methods 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000000903 blocking effect Effects 0.000 description 1
- 210000000988 bone and bone Anatomy 0.000 description 1
- 210000004556 brain Anatomy 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000000295 complement effect Effects 0.000 description 1
- 239000004020 conductor Substances 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000003247 decreasing effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000009977 dual effect Effects 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
- 230000036541 health Effects 0.000 description 1
- 230000001939 inductive effect Effects 0.000 description 1
- 230000003993 interaction Effects 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
- 210000002569 neuron Anatomy 0.000 description 1
- 230000005855 radiation Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000000926 separation method Methods 0.000 description 1
- 230000007480 spreading Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Classifications
-
- 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
-
- 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (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为本申请实施例提供的一种折叠屏的形态示意图;
图2为本申请实施例提供的另一种折叠屏的形态示意图;
图3为本申请实施例提供的一种电子设备的硬件结构示意图;
图4为本申请实施例提供的一种应用场景示意图;
图5为现有技术中的一种折叠屏电子设备显示应用界面的实例示意图;
图6为本申请实施例提供的一种界面显示方法的方法流程图;
图7为本申请实施例提供的一种应用界面的实例示意图;
图8为本申请实施例提供的应用界面的实例示意图一;
图9为本申请实施例提供的应用界面的实例示意图二;
图10为本申请实施例提供的应用界面的实例示意图三;
图11为本申请实施例提供的应用界面的实例示意图四;
图12为本申请实施例提供的应用界面的实例示意图五;
图13为本申请实施例提供的应用界面的实例示意图六;
图14为本申请实施例提供的应用界面的实例示意图七;
图15为本申请实施例提供的应用界面的实例示意图八;
图16为本申请实施例提供的应用界面的实例示意图九;
图17为本申请实施例提供的应用界面的实例示意图十;
图18为本申请实施例提供的应用界面的实例示意图十一;
图19为本申请实施例提供的另一种界面显示方法的方法流程图;
图20为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行描述。以下,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本实施例的描述中,除非另有说明,“多个”的含义是两个或两个以上。
本申请实施例提供一种界面显示方法,该方法可以应用于具有折叠屏的电子设备。该折叠屏可折叠形成至少两个屏。例如,折叠屏可沿折叠边或折叠轴折叠形成第一屏和第二屏。即该至少两个屏包括第一屏和第二屏。
本申请实施例中的折叠屏可以分为两类。一类为朝外翻折的折叠屏(简称外折折叠屏),另一类为朝内翻折的折叠屏(简称内折折叠屏)。其中,以折叠屏可折叠形成第一屏和第二屏为例。外折折叠屏被折叠后,第一屏和第二屏相背对。内折折叠屏被折叠后,第一屏和第二屏相对。
例如,请参考图1,其示出本申请实施例提供的一种具有外折折叠屏的电子设备100的产品形态示意图。其中,图1中的(a)是外折折叠屏完全展开时的形态示意图。该外折折叠屏可沿折叠边,按照图1中的(a)所示的方向101a和101b翻折,可形成图1中的(b)所示的A屏(即第一屏)和B屏(即第二屏)。该外折折叠屏可沿折叠边,按照图1中的(b)所示的方向102a和102b继续翻折,可形成图1中的(c)所示的折叠状态的外翻折叠屏。如图1中的(c)所示,电子设备100的折叠屏完全被折叠后,A屏和B屏相背对,对用户可见。
可以理解,对于具有外折折叠屏的电子设备而言,当折叠屏处于折叠状态时,可以在第一屏或第二屏显示界面;当折叠屏处于展开状态时,可以在第一屏和第二屏显示界面。其中,对折叠屏的展开状态和折叠状态的介绍可以参考以下实施例中的描述,这里不予赘述。
又例如,请参考图2,其示出本申请实施例提供的一种具有内折折叠屏的电子设备100的产品形态示意图。其中,图2中的(a)是内折折叠屏完全展开时的形态示意图。该内折折叠屏可沿折叠边,按照图2中的(a)所示的方向201a和201b翻折,可形成图2中的(b)所示的A屏(即第一屏)和B屏(即第二屏)。该内折折叠屏可沿折叠边,按照图2中的(b)所示的方向202a和202b继续翻折,可形成图2中的(c)所示的折叠状态的外翻折叠屏。如图2中的(c)所示,电子设备100的折叠屏被完全折叠后,A屏和B屏相对,对用户不可见。其中,内折折叠屏被完全折叠屏后,A屏与B屏相对,图2中的(c)所示的黑线203是A屏与B屏的接触面上的一条线。
需要注意的是,本申请实施例提供的内折折叠屏的第一屏或第二屏的背面还可以设置一个显示屏,可以称为第三屏。例如,如图2中的(b)所示,A屏(即第一屏)的背面可以设置C屏(即第三屏)。如图2中的(c)所示,内折折叠屏被完全折叠屏后,C屏相背对,对用户可见。可以理解,对于具有这类内折折叠屏的电子设备而言,当折叠屏处于折叠状态时,可以在第三屏显示界面;当折叠屏处于展开状态时,可以在第一屏和第二屏显示界面。
一般而言,折叠屏(包括内折折叠屏和外折折叠屏)的第一屏和第二屏的夹角α的取值范围为[0°,180°]。本申请实施例中,如果α∈[0°,P],电子设备可以确定折叠屏处于折叠状态;如果α∈(P,180°],电子设备可以确定折叠屏处于展开状态。或者,如果α∈[0°,P),电子设备可以确定折叠屏处于折叠状态;如果α∈[P,180°],电子设备可以确定折叠屏处于展开状态。其中,P是预设角度阈值。P可以是根据大量用户使用折叠屏的使用习惯确定的;或者,P可以由用户在电子设备中设定。
在一些实施例中,按照大多数用户的使用习惯,第一屏和第二屏的夹角α大于90°时,用户想要将第一屏和第二屏作为整体(即作为一个完整的显示屏)使用的可能性较高。因此,本申请实施例中的预设角度阈值P可以大于90°。其中,预设角度阈值P的取值范围可以为(90°,180°)。例如,预设角度阈值P可以为100°、120°、135°、140°、145°或150°等。
需要说明的是,本申请实施例中的折叠屏(包括内折折叠屏和外折折叠屏)被折叠后形成的至少两个屏,可以为独立存在的多个屏,也可以为一体结构的一个完整屏,只是被折叠形成了至少两部分。
例如,折叠屏可以是柔性折叠屏。柔性折叠屏包括采用柔性材质制作的折叠边。该柔性折叠屏的部分或全部采用柔性材质制作。柔性折叠屏被折叠后形成的至少两个屏是一体结构的一个完整屏,只是被折叠形成了至少两部分。
又例如,上述折叠屏可以为多屏折叠屏。该多屏折叠屏可包括多个(两个或两个以上)屏。这多个屏是多个单独的显示屏。这多个屏可依次通过折叠轴连接。每个屏可以绕与其连接的折叠轴转动,实现多屏折叠屏的折叠。
其中,图1和图2中以折叠屏是柔性折叠屏为例,对本申请实施例中的折叠屏进行说明。并且,本申请后续实施例中也以折叠屏是柔性折叠屏为例,对本申请实施例提供的方法进行说明。
示例性地,本申请实施例中的电子设备可以是手机、平板电脑、桌面型、膝上型、手持计算机、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer,UMPC)、上网本,以及蜂窝电话、个人数字助理(personal digital assistant,PDA)、增强现实(augmented reality,AR)/虚拟现实(virtual reality,VR)设备等包括上述折叠屏的设备,本申请实施例对该电子设备的具体形态不作特殊限制。
请参考图3,为本申请实施例提供的一种电子设备100的结构示意图。如图3所示,电子设备100可以包括处理器310,外部存储器接口320,内部存储器321,通用串行总线(universal serial bus,USB)接口330,充电管理模块340,电源管理模块341,电池342,天线1,天线2,移动通信模块350,无线通信模块360,音频模块370,扬声器370A,受话器370B,麦克风370C,耳机接口370D,传感器模块380,按键390,马达391,指示器392,摄像头393,显示屏394,以及用户标识模块(subscriber identification module,SIM)卡接口395等。其中,传感器模块380可以包括压力传感器380A,陀螺仪传感器380B,气压传感器380C,磁传感器380D,加速度传感器380E,距离传感器380F,接近光传感器380G,指纹传感器380H,温度传感器380J,触摸传感器380K,环境光传感器380L,骨传导传感器380M等。
可以理解的是,本实施例示意的结构并不构成对电子设备100的具体限定。在另一些实施例中,电子设备100可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。图示的部件可以以硬件,软件或软件和硬件的组合实现。
处理器310可以包括一个或多个处理单元,例如:处理器310可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processingunit,GPU),图像信号处理器(image signal processor,ISP),控制器,存储器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。
控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。
处理器310中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器310中的存储器为高速缓冲存储器。该存储器可以保存处理器310刚用过或循环使用的指令或数据。如果处理器310需要再次使用该指令或数据,可从所述存储器中直接调用。避免了重复存取,减少了处理器310的等待时间,因而提高了系统的效率。
在一些实施例中,处理器310可以包括一个或多个接口。接口可以包括集成电路(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)接口等。
可以理解的是,本实施例示意的各模块间的接口连接关系,只是示意性说明,并不构成对电子设备100的结构限定。在另一些实施例中,电子设备100也可以采用上述实施例中不同的接口连接方式,或多种接口连接方式的组合。
充电管理模块340用于从充电器接收充电输入。其中,充电器可以是无线充电器,也可以是有线充电器。在一些有线充电的实施例中,充电管理模块340可以通过USB接口330接收有线充电器的充电输入。在一些无线充电的实施例中,充电管理模块340可以通过电子设备100的无线充电线圈接收无线充电输入。充电管理模块340为电池342充电的同时,还可以通过电源管理模块341为电子设备供电。
电源管理模块341用于连接电池342,充电管理模块340与处理器310。电源管理模块341接收电池342和/或充电管理模块340的输入,为处理器310,内部存储器321,外部存储器,显示屏394,摄像头393,和无线通信模块360等供电。电源管理模块341还可以用于监测电池容量,电池循环次数,电池健康状态(漏电,阻抗)等参数。在其他一些实施例中,电源管理模块341也可以设置于处理器310中。在另一些实施例中,电源管理模块341和充电管理模块340也可以设置于同一个器件中。
电子设备100的无线通信功能可以通过天线1,天线2,移动通信模块350,无线通信模块360,调制解调处理器以及基带处理器等实现。
天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用,以提高天线的利用率。例如:可以将天线1复用为无线局域网的分集天线。在另外一些实施例中,天线可以和调谐开关结合使用。
移动通信模块350可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块350可以包括至少一个滤波器,开关,功率放大器,低噪声放大器(low noise amplifier,LNA)等。移动通信模块350可以由天线1接收电磁波,并对接收的电磁波进行滤波,放大等处理,传送至调制解调处理器进行解调。移动通信模块350还可以对经调制解调处理器调制后的信号放大,经天线1转为电磁波辐射出去。在一些实施例中,移动通信模块350的至少部分功能模块可以被设置于处理器310中。在一些实施例中,移动通信模块350的至少部分功能模块可以与处理器310的至少部分模块被设置在同一个器件中。
调制解调处理器可以包括调制器和解调器。其中,调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后,被传递给应用处理器。应用处理器通过音频设备(不限于扬声器370A,受话器370B等)输出声音信号,或通过显示屏394显示图像或视频。在一些实施例中,调制解调处理器可以是独立的器件。在另一些实施例中,调制解调处理器可以独立于处理器310,与移动通信模块350或其他功能模块设置在同一个器件中。
无线通信模块360可以提供应用在电子设备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)等无线通信的解决方案。无线通信模块360可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块360经由天线2接收电磁波,将电磁波信号调频以及滤波处理,将处理后的信号发送到处理器310。无线通信模块360还可以从处理器310接收待发送的信号,对其进行调频,放大,经天线2转为电磁波辐射出去。
在一些实施例中,电子设备100的天线1和移动通信模块350耦合,天线2和无线通信模块360耦合,使得电子设备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)。
电子设备100通过GPU,显示屏394,以及应用处理器等实现显示功能。GPU为图像处理的微处理器,连接显示屏394和应用处理器。GPU用于执行数学和几何计算,用于图形渲染。处理器310可包括一个或多个GPU,其执行程序指令以生成或改变显示信息。
显示屏394用于显示图像,视频等。该显示屏394是上述外折折叠屏。或者,该显示屏394可以包括上述可折叠形成第一屏(例如,图2中的(b)所示的A屏)和第二屏(例如,图2中的(b)所示的B屏)的内折折叠屏,以及第三屏(例如,图2中的(c)所示的C屏)。在本申请实施例中,显示屏394可用于显示第一界面,例如视频播放界面。其中,该显示屏394处于展开状态时,第一界面中存在黑边区域。
显示屏394包括显示面板。显示面板可以采用液晶显示屏(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可以通过ISP,摄像头393,视频编解码器,GPU,显示屏394以及应用处理器等实现拍摄功能。
ISP用于处理摄像头393反馈的数据。例如,拍照时,打开快门,光线通过镜头被传递到摄像头感光元件上,光信号转换为电信号,摄像头感光元件将所述电信号传递给ISP处理,转化为肉眼可见的图像。ISP还可以对图像的噪点,亮度,肤色进行算法优化。ISP还可以对拍摄场景的曝光,色温等参数优化。在一些实施例中,ISP可以设置在摄像头493中。
摄像头393用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device,CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor,CMOS)光电晶体管。感光元件把光信号转换成电信号,之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB,YUV等格式的图像信号。在一些实施例中,电子设备100可以包括1个或N个摄像头393,N为大于1的正整数。
数字信号处理器用于处理数字信号,除了可以处理数字图像信号,还可以处理其他数字信号。例如,当电子设备100在频点选择时,数字信号处理器用于对频点能量进行傅里叶变换等。
视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样,电子设备100可以播放或录制多种编码格式的视频,例如:动态图像专家组(moving picture experts group,MPEG)1,MPEG2,MPEG3,MPEG4等。
NPU为神经网络(neural-network,NN)计算处理器,通过借鉴生物神经网络结构,例如借鉴人脑神经元之间传递模式,对输入信息快速处理,还可以不断的自学习。通过NPU可以实现电子设备100的智能认知等应用,例如:图像识别,人脸识别,语音识别,文本理解等。
外部存储器接口320可以用于连接外部存储卡,例如Micro SD卡,实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口320与处理器310通信,实现数据存储功能。例如将音乐,视频等文件保存在外部存储卡中。
内部存储器321可以用于存储计算机可执行程序代码,所述可执行程序代码包括指令。处理器310通过运行存储在内部存储器321的指令,从而执行电子设备100的各种功能应用以及数据处理。例如,在本申请实施例中,处理器310可以通过执行存储在内部存储器321中的指令,响应于用户在显示屏394(即折叠屏)的预设操作,在显示屏394(即折叠屏)显示对应的显示内容。内部存储器321可以包括存储程序区和存储数据区。其中,存储程序区可存储操作系统,至少一个功能所需的应用程序(比如声音播放功能,图像播放功能等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如音频数据,电话本等)等。此外,内部存储器321可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件,闪存器件,通用闪存存储器(universal flash storage,UFS)等。
电子设备100可以通过音频模块370,扬声器370A,受话器370B,麦克风370C,耳机接口370D,以及应用处理器等实现音频功能。例如音乐播放,录音等。
音频模块370用于将数字音频信息转换成模拟音频信号输出,也用于将模拟音频输入转换为数字音频信号。音频模块370还可以用于对音频信号编码和解码。在一些实施例中,音频模块370可以设置于处理器310中,或将音频模块370的部分功能模块设置于处理器410中。扬声器370A,也称“喇叭”,用于将音频电信号转换为声音信号。电子设备100可以通过扬声器370A收听音乐,或收听免提通话。受话器370B,也称“听筒”,用于将音频电信号转换成声音信号。当电子设备100接听电话或语音信息时,可以通过将受话器370B靠近人耳接听语音。麦克风370C,也称“话筒”,“传声器”,用于将声音信号转换为电信号。当拨打电话或发送语音信息或需要通过语音助手触发电子设备100执行某些功能时,用户可以通过人嘴靠近麦克风370C发声,将声音信号输入到麦克风370C。电子设备100可以设置至少一个麦克风370C。在另一些实施例中,电子设备100可以设置两个麦克风370C,除了采集声音信号,还可以实现降噪功能。在另一些实施例中,电子设备100还可以设置三个,四个或更多麦克风370C,实现采集声音信号,降噪,还可以识别声音来源,实现定向录音功能等。
耳机接口370D用于连接有线耳机。耳机接口370D可以是USB接口330,也可以是3.5mm的开放移动电子设备平台(open mobile terminal platform,OMTP)标准接口,美国蜂窝电信工业协会(cellular telecommunications industry association of the USA,CTIA)标准接口。
压力传感器380A用于感受压力信号,可以将压力信号转换成电信号。在一些实施例中,压力传感器380A可以设置于显示屏394。压力传感器380A的种类很多,如电阻式压力传感器,电感式压力传感器,电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器380A,电极之间的电容改变。电子设备100根据电容的变化确定压力的强度。当有触摸操作作用于显示屏394,电子设备100根据压力传感器380A检测所述触摸操作强度。电子设备100也可以根据压力传感器380A的检测信号计算触摸的位置。在一些实施例中,作用于相同触摸位置,但不同触摸操作强度的触摸操作,可以对应不同的操作指令。例如:当有触摸操作强度小于第一压力阈值的触摸操作作用于短消息应用图标时,执行查看短消息的指令。当有触摸操作强度大于或等于第一压力阈值的触摸操作作用于短消息应用图标时,执行新建短消息的指令。在另一些实施例中,作用于相同触摸位置,但不同触摸时长的触摸操作,也可以对应不同的操作指令。例如:显示屏394显示视频播放界面时,当有触摸时长小于第一时长的触摸操作作用于视频播放界面时,电子设备100可以执行暂停播放视频的指令。当有触摸时长大于或等于第一时长的触摸操作作用于视频播放界面时,执行移动视频播放窗口的指令。
陀螺仪传感器380B可以用于确定电子设备100的运动姿态。在一些实施例中,可以通过陀螺仪传感器380B确定电子设备100围绕三个轴(即,x,y和z轴)的角速度。本申请实施例中,电子设备100的显示屏394可折叠形成多个屏。每个屏中可以包括陀螺仪传感器380B,用于测量对应屏的朝向(即朝向的方向向量)。电子设备100可以根据测量得到的每个屏的朝向的角度变化,可以确定出相邻屏的夹角。加速度传感器380E可检测电子设备100在各个方向上(一般为三轴)加速度的大小。需要注意的是,在本申请实施例中,电子设备100的显示屏394可折叠形成多个屏。每个屏中可以包括加速度传感器380E,用于测量对应屏的朝向(即朝向的方向向量)。
指纹传感器380H用于采集指纹。电子设备100可以利用采集的指纹特性实现指纹解锁,访问应用锁,指纹拍照,指纹接听来电等。
温度传感器380J用于检测温度。在一些实施例中,电子设备100利用温度传感器380J检测的温度,执行温度处理策略。例如,当温度传感器480J上报的温度超过阈值,电子设备100执行降低位于温度传感器380J附近的处理器的性能,以便降低功耗实施热保护。
触摸传感器380K,也称“触控面板”。触摸传感器380K可以设置于显示屏394,由触摸传感器380K与显示屏394组成触摸屏,也称“触控屏”。触摸传感器380K用于检测作用于其上或附近的触摸操作(例如长按、上滑、左滑、单击、双击等)。触摸传感器可以将检测到的触摸操作传递给应用处理器,以确定触摸事件类型。可以通过显示屏394提供与触摸操作相关的视觉输出。在另一些实施例中,触摸传感器380K也可以设置于电子设备100的表面,与显示屏394所处的位置不同。
按键390包括开机键,音量键等。按键390可以是机械按键。也可以是触摸式按键。电子设备100可以接收按键输入,产生与电子设备100的用户设置以及功能控制有关的键信号输入。
马达391可以产生振动提示。马达391可以用于来电振动提示,也可以用于触摸振动反馈。例如,作用于不同应用(例如拍照,音频播放等)的触摸操作,可以对应不同的振动反馈效果。作用于显示屏394不同区域的触摸操作,马达391也可对应不同的振动反馈效果。不同的应用场景(例如:时间提醒,接收信息,闹钟,游戏等)也可以对应不同的振动反馈效果。触摸振动反馈效果还可以支持自定义。
指示器392可以是指示灯,可以用于指示充电状态,电量变化,也可以用于指示消息,未接来电,通知等。
SIM卡接口395用于连接SIM卡。SIM卡可以通过插入SIM卡接口395,或从SIM卡接口395拔出,实现和电子设备100的接触和分离。电子设备100可以支持1个或N个SIM卡接口,N为大于1的正整数。SIM卡接口395可以支持Nano SIM卡,Micro SIM卡,SIM卡等。同一个SIM卡接口395可以同时插入多张卡。所述多张卡的类型可以相同,也可以不同。SIM卡接口395也可以兼容不同类型的SIM卡。SIM卡接口395也可以兼容外部存储卡。电子设备100通过SIM卡和网络交互,实现通话以及数据通信等功能。在一些实施例中,电子设备100采用eSIM,即:嵌入式SIM卡。eSIM卡可以嵌在电子设备100中,不能和电子设备100分离。
以下实施例中的方法均可以在具有上述硬件结构的电子设备100中实现。
图4示出了本申请实施例提供的一种应用场景图。如图4所示,用户400可以通过手势、语音等方式与电子设备100进行交互,其中,电子设备100为上述折叠屏电子设备,可以是折叠屏手机、双屏手机等具备大屏显示功能的设备。示例性地,用户400可以通过作用于折叠屏上的触摸操作,打开电子设备上的应用程序(application,APP),如相机,图库,日历,通话,地图,导航,WLAN,蓝牙,音乐,视频,短信息以及桌面启动(Launcher)等应用程序。或者是打开应用程序中的一个功能模块,或者小程序、快应用等。由于电子设备100搭载有操作系统,操作系统内置有系统级APP,同时用户400也可以根据自己的需要来安装/卸载APP,因此,电子设备上的应用既可以是原生的应用,也可以是第三方应用,本申请实施例不予限定。
目前,娱乐功能已经逐渐取代电子设备的通信功能,成为电子设备的主要功能,例如,用户已经逐渐开始使用电子设备观看视频。而折叠屏电子设备在折叠状态和展开状态两种不同状态下,屏幕提供的显示面积不同,通常折叠状态的显示面积为展开状态的显示面积的一半。因此,折叠屏电子设备能够同时兼具大屏显示和小屏显示,从而被用户青睐,尤其是通过展开状态的折叠屏实现视频的大屏观看,以带来沉浸式的使用体验。
然而,目前的折叠屏电子设备,仍然沿用非折叠屏电子设备(如直板手机)的操作逻辑,在视频播放界面进行操作时,仍然使用额外的图层来显示弹出的新界面,导致新弹出的界面对视频的观看造成了严重的影响。
例如,请参阅图5,图5为现有技术中的一种折叠屏电子设备显示应用界面的实例示意图。其中,图5中的(a)是折叠屏电子设备在检测到用户在视频播放界面进行选集操作时,弹出的剧集界面。如图5中的(a)所示,剧集界面遮挡了视频播放窗口的全部区域。图5中的(b)是折叠屏电子设备在检测到用户在视频播放界面进行更换视频操作时,弹出的视频推荐界面。如图5中的(b)所示,视频推荐界面遮挡了视频播放窗口的右侧区域。且可以看出图5中的(a)和图5中的(b)所示折叠屏处于展开状态,已经具有较大的显示面积,仍然会形成遮挡,导致用户的大屏观看体验大大降低,同时也会减少大屏对用户的吸引力,从而影响产品在用户心中的价值。
为改善上述问题,本申请实施例提供一种界面显示的方法。折叠屏电子设备在显示第一界面,且第一界面中存在黑边区域时,若检测到需显示第二界面的触发指令,则折叠屏电子设备可以响应于所述触发指令,将所述第二界面显示在折叠屏上与所述黑边区域对应的目标显示区域。
可以理解的是,折叠屏电子设备显示第一界面时,如果第一界面中的内容区域未铺满第一界面的整个显示区域,则第一界面中存在有未显示任何内容的区域,也即黑边区域。由于黑边区域是未被利用的显示区域,因此在本申请实施例中,折叠屏电子设备可以利用黑边区域来显示新触发产生的界面。如此,新触发产生的界面并不会遮挡原有界面的内容区域,在保证了用户视觉体验的同时,也充分利用了折叠屏的显示区域。大大提升了大屏电子设备对用户的吸引力。
以下将以上述电子设备为手机,手机的折叠屏为上述外折折叠屏,该外折折叠屏可折叠形成第一屏(如A屏)和第二屏(如B屏)为例,对本申请实施例提供的技术方案进行具体阐述。其中,折叠屏处于折叠状态时,第一屏可作为主屏显示界面,第二屏可以黑屏不显示。折叠屏处于展开状态时,第一屏和第二屏可作为一个完整的显示屏显示界面。如图6所示,该界面显示方法可以包括S601-S603:
S601、折叠屏手机显示第一界面,其中,第一界面中存在黑边区域。
其中,上述第一界面可以是应用程序的界面,也可以是应用程序中的小程序的界面等,本申请实施例不做限定。可以理解,应用程序的界面是应用程序与用户之间进行交互和信息交换的介质接口。应用程序的界面通常可以包括窗口、下拉菜单、对话框、按钮控件及其相应的控制机制等。
本申请实施例中,折叠屏手机显示第一界面的方式,可以是全屏显示。在一种可能的实施例中,折叠屏手机全屏显示第一界面时,第一界面中的内容区域未铺满折叠屏的整个显示区域,也即第一界面中的内容区域边界与全屏显示区域边界之间,还存在未显示任何内容的黑边区域。其中,第一界面中的内容区域可以包括文字、图片、视频等信息内容,也可以包括图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏等可视的界面元素,本申请实施例不作限定。也就是说,折叠屏手机显示第一界面时,第一界面中可以包括内容区域以及一个或多个黑边区域。当第一界面包括多个黑边区域时,每个黑边区域的面积大小可以相同,也可以不同,本申请实施例并不作限定。
本申请实施例中,第一界面中存在黑边区域,可以是由于折叠屏手机的屏幕高宽比为非常规比例,导致常规高宽比的界面内容不能适配屏幕,铺满显示区域显示。
可以理解,目前大多数应用都是针对非折叠屏电子设备(如直板手机)设计的,其界面内容的高宽比例通常与非折叠屏电子设备的屏幕高宽比例适配,因此对于非折叠屏电子设备,当界面全屏显示时,应用程序的界面内容通常能铺满整个显示区域。但对于本申请实施例的折叠屏电子设备而言,由于折叠屏可以被折叠成至少两个屏(如第一屏和第二屏),使得折叠屏在展开状态和折叠状态下的屏幕高宽比(也可称纵横比)会存在不同,导致界面内容的高宽比例不一定与折叠屏电子设备的屏幕高宽比例适配。
在一些情况下,当折叠屏被折叠后,折叠屏的其中一个屏(如第一屏)的高宽比通常与普通的非折叠屏的高宽比类似,如可以为16:9、18:9、20:9或16:10等常规高宽比,因此目前大多数应用界面的高宽比能够适配,界面内容能够铺满整个显示区域。然而,当折叠屏被展开后,折叠屏的显示区域包括上述至少两个屏,展开的折叠屏的高宽比可以为1:1或者16:18等非常规高宽比,此时手机的屏幕类似于正方形(即方形屏幕),与非折叠屏的类似于长方形的屏幕有着极大的不同,因此目前大多数应用界面的高宽比不能够适配,应用程序的界面内容未必能铺满整个显示区域,从而存在黑边区域。
由于针对直板手机设计的应用界面通常不能够适配展开状态下的折叠屏,所以展开状态下显示第一界面时,比较容易出现黑边区域。因此,在一些实施例中,折叠屏手机可以通过检测折叠屏是否处于展开状态,来初步判定折叠屏手机显示的第一界面是否存在黑边区域。其中,折叠屏手机在检测到折叠屏处于展开状态时,可以初步认为折叠屏手机显示的第一界面存在黑边区域,从而可以进一步实施本申请实施例后续的界面显示方法。而折叠屏手机在检测到折叠屏处于折叠状态时,可以初步认为折叠屏手机显示的第一界面不存在黑边区域,可以不必执行本申请实施例后续的界面显示方法。
由于部分应用可以根据屏幕的高宽比调整自身的界面布局,以确保全屏显示时,界面中的内容能够铺满整个显示区域,因此,折叠屏手机显示这些应用的界面内容时,通常不会出现黑边区域(但可能会出现界面布局混乱)。但对于一些应用界面而言,例如对于视频类应用中的视频播放界面而言,为了保证视频画面的正常显示,折叠屏手机通常不会改变视频画面的高宽比,从而避免由于画面异常拉伸导致人物变形。基于此,如果屏幕的高宽比与视频画面的高宽比不同,即使折叠屏手机调整视频在界面中的布局,当视频画面全屏显示时也无法铺满整个显示区域。也即,对于视频类应用中的视频播放界面,由于无法通过改善自身画面比例来达到铺满整个显示区域的效果,因此比较容易存在黑边区域。
因此,在一些实施例中,折叠屏手机可以通过检测折叠屏是否全屏显示视频播放界面,来初步判定折叠屏手机显示的第一界面是否存在黑边区域。其中,折叠屏手机在检测到折叠屏全屏显示视频播放界面时,可以初步认为折叠屏手机显示的第一界面存在黑边区域,从而可以进一步实施本申请实施例后续的界面显示方法。
可选地,为了在有效改进显示效果的同时,减少折叠屏手机不必要的计算量,在一些实施例中,若检测到折叠屏全屏显示非视频播放界面,则折叠屏手机可以初步认为折叠屏手机显示的第一界面不存在黑边区域,基于此,折叠屏手机可以不必执行本申请实施例后续的界面显示方法。也即,上述应用程序可以限定为视频类应用,第一界面可以限定为视频类应用的视频播放界面。从而在本申请实施例中,可以是仅针对视频播放界面实施本申请实施例的界面显示方法,对于其他界面可以不必执行。
在一些实施例中,折叠屏手机也可以结合上述两种方式来直接确定是否存在黑边区域。也即折叠屏手机在检测到折叠屏处于展开状态的同时折叠屏全屏显示视频播放界面,则可以直接认为折叠屏手机显示的第一界面存在黑边区域。
示例性地,请参阅图7,图7中示出了展开状态的折叠屏进行视频播放的界面。如图7所示,视频播放界面包括内容区域701、内容区域701上侧的黑边区域702和内容区域701下侧的黑边区域703。其中,内容区域701中可以包括视频播放窗口7011和至少一个界面操作控件。该界面操作控件可以设置在视频播放窗口7011的四周,如图7中所示的设置在视频播放窗口7011下方的播放控制栏7012,其中包含有暂停、弹幕、倍速、超清、选集等操作控件。当然,在一些实施例中,界面操作控件也可以设置在视频播放窗口7011中,如图7中所示的进度条控件7013,本申请实施例不作限定。
一般地,在全屏播放模式下,折叠屏手机对视频播放窗口7011进行居中处理后,可以先进行横向适配,在横向铺满屏幕后,折叠屏手机可以再按照等比例缩放来确定视频播放窗口7011的高度。目前,由于大多数视频的高宽比通常只适配于折叠状态下的折叠屏(因为近似直板手机),而展开状态下的折叠屏由于非常规高宽比,导致视频播放窗口7011并不能实现真正的全屏播放,因此,如图7所示,视频播放界面包括视频播放窗口7011和分别位于视频播放窗口7011上、下两侧的黑边区域。其中,图7所示视频播放窗口7011上、下两侧黑边区域的面积大小可以相同,也可以不同。当然,特别情况下,视频播放界面也可能包括视频播放窗口7011和分别位于视频播放窗口7011左右两边的黑边区域,本申请实施例并不作限定。图7示出了视频播放窗口横向适配后在视频播放窗口上下两侧形成黑边区域的界面,即在视频播放窗口7011的上侧形成黑边区域702,在视频播放窗口7011的下侧形成黑边区域703。其中,图7所示的下侧黑边区域703的面积略大于上侧黑边区域702。
可以理解,若折叠屏在展开状态下的屏幕高宽比与折叠状态下的屏幕高宽比相同,如均近似于直板手机的屏幕高宽比,则目前大多数应用界面的高宽比可以同时适配两种状态下的屏幕,所以该折叠屏手机全屏显示应用界面时通常不存在黑边区域,可以不执行本申请实施例后续的界面显示方法。
在一些实施例中,折叠屏手机也可以直接通过对第一界面中内容区域的高宽与折叠屏高宽进行比对,以精准确定第一界面中的内容是否铺满折叠屏的整个显示区域,从而可以精准确定第一界面是否存在黑边区域。
可以理解,对于折叠屏手机而言,其在进行显示计算时,折叠屏的显示区域可以以像素坐标(像素点在高度方向和宽度方向的数值)的形式反映。相应的,第一界面中内容区域在折叠屏上的显示区域也可以以像素坐标的形式反映。因此,折叠屏手机可以根据第一界面中内容区域的像素坐标集合,与折叠屏整个显示区域的像素坐标集合,确定内容区域是否铺满整个显示区域,进而确定折叠屏手机显示的第一界面中是否存在黑边区域。当然,在判断折叠屏手机显示的第一界面中是否存在黑边区域时,折叠屏手机也可以通过像素坐标,确定黑边区域的面积大小、具体位置等信息。
示例性地,折叠屏手机可以根据内容区域的像素坐标集合,确定内容区域的边界像素坐标。进一步的,折叠屏手机可以通过比对内容区域的边界像素坐标与显示区域的边界像素坐标对,确定内容区域边界是否到达显示区域边界。例如,若内容区域的边界像素坐标与显示区域的边界像素坐标一致,折叠屏手机可以确定内容区域已经铺满显示区域,即可确定折叠屏手机显示的第一界面中不存在黑边区域。若内容区域的边界像素坐标与当前像素坐标不一致,折叠屏手机可以确定内容区域未铺满显示区域,即可确定折叠屏手机显示的第一界面中存在黑边区域。进一步的,折叠屏手机可以确定根据内容区域的边界像素坐标与显示区域的边界像素坐标的差值,即为黑边区域的像素坐标集合。
此外,在一些实施例中,折叠屏手机也可以先通过前述的折叠屏展开状态的判断,以及折叠屏全屏显示视频播放界面的判断中的至少一种方式,来初步确定折叠屏手机显示的第一界面存在黑边区域后,再通过上述的高宽比对方式,来进一步确定折叠屏手机显示的第一界面是否存在黑边区域。从而不必每次都通过具体的高宽比对方式来进行黑边区域的判断,大大降低了设备的运算量。
本申请实施例中,第一界面中存在黑边区域,也可以是由于第一界面中界面内容的高宽比为非常规比例,导致界面内容不能与折叠屏手机的屏幕适配,铺满显示区域显示。
以界面内容为视频为例,目前视频窗口的高宽比通常为4:3、24:10(如电影类视频)等非常规比例,其可能无法与折叠状态下的折叠屏手机屏幕适配,或者,也可能无法与展开状态下的折叠屏手机屏幕适配,导致视频窗口无法铺满显示区域显示,从而形成黑边区域。此时,折叠屏手机可以通过上述的高宽比对方式,准确判断折叠屏手机显示的第一界面是否存在黑边区域。在确定折叠屏手机显示的第一界面存在黑边区域后,折叠屏手机也可以利用该黑边区域执行本申请实施例后续的界面显示方法。
可以理解,上述第一界面中存在黑边区域的场景仅为举例,本申请实施例并未对第一界面中存在黑边区域的具体场景进行限定。一般地,第一界面中界面内容的高宽比与第一界面对应的整个显示区域的高宽比不适配时,第一界面中通常会存在黑边区域,折叠屏手机均可以利用该黑边区域执行本申请实施例后续的界面显示方法。
需要说明的是,黑边区域的划分是逻辑性的,并不是跟随物理像素点的变化而变化。即使将手机旋转90°,由于手机一般会根据旋转自动调整显示内容,所以手机也可以重新根据调整后的显示内容,重新划分出黑边区域。
S602、折叠屏手机在显示第一界面时,检测到第二界面的触发指令。
可以理解,折叠屏手机在显示第一界面时,若有新触发显示的第二界面,则很可能会对当前显示的第一界面进行遮挡,此时有必要执行本申请实施例的界面显示方法以进行优化。若没有新触发显示的第二界面,则第一界面可以正常显示,此时可不必执行本申请实施例的界面显示方法。
因此,本申请实施例中,折叠屏手机可以通过是否检测到第二界面的触发指令,确定在第一界面的显示期间,是否有第二界面对其造成遮挡的风险,进而确定是否需要进行本申请实施例的界面显示方法优化。其中,折叠屏手机在显示第一界面时,若检测到第二界面的触发指令,则可以认为有第二界面对其造成遮挡的风险,此时折叠屏手机可以执行本申请实施例的界面显示方法以进行优化。反之,若折叠屏手机未检测到第二界面的触发指令,则可以认为没有第二界面对其造成遮挡的风险,此时折叠屏手机可以不执行本申请实施例的界面显示方法。
在一些实施例中,第二界面的触发显示可以是用户操作所致。基于此,折叠屏手机可以通过是否检测到用户操作,确定是否会显示第二界面。可选地,用户操作可以是预设操作,该预设操作可以是用户指示打开第二界面的操作。折叠屏手机在显示第一界面时,若检测到预设操作,则可确定检测到第二界面的触发指令。
示例性地,该预设操作可以是用户在第一界面上的手势操作,也可以是用户在屏幕上的手势操作,还可以是用户的语音操作、按压快捷按键的操作等。其中,手势操作可以是触摸手势操作,也可以是悬浮手势操作。触摸手势操作可以是滑动、单击、双击、长按或重按(即按压的力度较大)等操作。具体的预设操作在本申请实施例中并不作限定。
示例性地,第一界面可以为图7所示的视频播放界面,该预设操作可以是用户在视频播放界面上点击“选集”控件的操作;响应于该预设操作,折叠屏手机可以对应打开图8中所示的选集界面801,该选集界面801即为用户操作所触发显示的第二界面。或者,该预设操作也可以是用户在视频播放界面上点击“倍数”控件的操作;响应于该预设操作,折叠屏手机可以对应打开图9中所示的倍数界面901,该倍数界面901即为用户操作所触发打开的第二界面。或者,该预设操作也可以是用户于屏幕边缘向屏幕内的滑动手势操作;响应于该预设操作,折叠屏手机可以对应打开图10中所示的相关推荐界面1001,该相关推荐界面1001即为用户操作所触发打开的第二界面。或者,该预设操作还可以是用户语音指示打开图10中所示的相关推荐界面1001的操作。
在另一些实施例中,第二界面也可以是系统自动触发显示。可选地,折叠屏手机在显示第一界面时,若检测到显示时长达到指定时长,则可确定检测到第二界面的触发指令。其中,显示时长可以是第一界面的显示时长,也可以是第一界面对应的应用程序的使用时长。可选地,折叠屏手机在显示第一界面时,若检测到显示内容包含指定内容,则可确定检测到第二界面的触发指令。具体的系统自动触发机制在本申请实施例中并不作限定。
示例性地,第二界面可以是视频类应用的平台奖励界面,其可以包括金币、元宝、宝箱等图标控件。折叠屏手机可以通过系统平台设置的定时触发机制,在视频的播放时长到达指定时长时,自动触发显示平台奖励界面,该平台奖励界面即为系统自动触发的第二界面。如图11中所示,当视频的播放时长到达指定时长时,折叠屏手机可以在视频播放窗口1101上显示平台奖励界面1102,该平台奖励界面1102可以包括宝箱图标控件。该平台奖励界面1102即为系统自动触发的第二界面。可选地,折叠屏手机在显示该平台奖励界面1102后,用户还可以对该平台奖励界面1101执行进一步的操作。例如,用户可以点击该宝箱图标控件1102,以获得相关奖励信息于用户账号中。
示例性地,第二界面也可以是视频类应用的广告界面,其可以包括图片、购买链接等。折叠屏手机可以通过系统平台设置的广告匹配机制,在播放的视频内容出现指定内容时,自动触发显示指定内容的广告界面,该广告界面即为系统自动触发的第二界面。如图11中所示,当播放的视频内容出现指定内容时,折叠屏手机可以在视频播放窗口1101上显示指定内容的广告界面1103,该广告界面可以包括广告图片。该广告界面1103即为系统自动触发的第二界面。可选地,折叠屏手机在显示该广告界面1103后,用户还可以对该广告界面1103执行进一步的操作。例如,用户可以点击该广告界面1103,以跳转至指定内容的购买界面。
本申请实施例中,第二界面与第一界面可以是同一应用程序的不同界面。在一些实施例中,同一应用的不同界面之间可以有上、下层级之分,如第二界面可以是第一界面的下一层级的界面。示例性地,第一界面可以为图7所示的视频播放界面,第二界面可以为图8中所示的选集界面801,二者为同一应用的不同界面,且选集界面801为视频播放界面下一层级的界面。
在另一些实施例中,同一应用的不同界面之间也可以没有上、下层级之分,如第一界面可以为图7所示的视频播放界面,第二界面可以为图11中所示的显示在视频播放窗口1101上的广告界面1103,二者为同一应用的不同界面,但无上、下层级之分。
S603、响应于所述触发指令,折叠屏手机在目标显示区域显示所述第二界面,其中,所述目标显示区域为所述折叠屏中与所述黑边区域对应的显示区域。
本申请实施例中,折叠屏手机可针对不同的第二界面的触发指令给予不同的响应结果。可以理解,第二界面的触发指令若是由系统自动生成,系统会预存有触发指令与待显示的第二界面的映射关系。基于此,折叠屏手机在检测到系统自动生成的第二界面的触发指令时,可以直接根据该映射关系确定待显示的第二界面。
可以理解,第二界面的触发指令若是由用户操作触发,则在折叠屏手机接收到用户操作后,折叠屏手机可以基于运算逻辑进行相应的计算,以根据运算结果确定待显示的第二界面的界面内容。由于用户操作可能是系统层面的全局操作,也可能仅是应用程序内的操作,因此折叠屏手机可以根据用户操作的意图,确定待显示的第二界面。
可选地,若用户操作为用户的点击手势操作,则折叠屏手机可以根据手势操作在屏幕上的着落点所显示的界面内容确定其操作意图,如用户的点击手势着落于屏幕上显示的“选集”控件图标时,折叠屏手机即可确定用户想打开选集界面,从而可以确定第二界面为选集界面。
可选地,若用户操作为用户于屏幕下方边缘的上滑手势,则折叠屏手机可以根据上滑的幅度、手势在释放前的停留时间,识别不同手势,从而对应确定其对应的操作意图。示例性地,若用户于屏幕下方边缘上滑后瞬间脱离,则折叠屏手机可认为用户想打开视频应用的相关推荐这一功能,从而可以确定第二界面为相关推荐界面。若用户于屏幕下方边缘上滑到屏幕中间,且释放前驻留操作预设时间,则折叠屏手机可认为用户想唤出全局的多任务窗口功能,从而可以确定第二界面为多任务界面。具体的用户操作与待显示的第二界面的对应关系,本申请实施例并不作限定。
折叠屏手机根据第二界面的触发指令,确定待显示的第二界面的界面内容后,可以按照预设的逻辑进行排版,以确定第二界面的初始显示样式。例如,图7中用户点击“选集”控件后,折叠屏手机响应于“选集”控件被点击所产生的触发指令,进行响应运算,确定触发显示的第二界面的内容为第1集等各集选择按键。进一步的,折叠屏手机可以按照视频播放软件内记载的规则样式进行排版,得到图8中所示的卡片形式的选集界面801,即为初始显示样式。
又例如,图9中用户点击“倍数”控件后,折叠屏手机响应于“倍数”控件被点击所产生的触发指令,进行响应运算,确定触发显示的第二界面的内容为0.5X等各个倍数播放控件。进一步的,折叠屏手机可以按照视频播放软件内记载的规则样式进行排版,如多个倍数播放控件纵向排列,得到图9中所示的卡片形式的倍数界面901,即为初始显示样式。可选地,不同的视频播放软件也可以记载不同的规则样式,从而初始显示样式也可以不同。例如,图13示出了另一种倍数界面的初始显示样式,即多个倍数播放控件横向排列后的卡片形式的倍数界面1301。
目前,折叠屏手机是直接将第二界面按照确定的初始显示样式在折叠屏上进行显示。也即,折叠屏手机检测到第二界面的触发指令后,会直接进行第二界面的触发显示,但这往往会对第一界面的界面内容造成遮挡,从而影响了用户对第一界面的观看体验。因此,在本申请实施例中,折叠屏手机通过利用第一界面的黑边区域来显示新触发产生的第二界面,既不会遮挡第一界面的内容区域,也保证了用户视觉体验。也就是说,本申请实施例中,折叠屏手机检测到第二界面的触发指令后,并非直接将第二界面按照确定的初始显示样式在折叠屏上进行显示,而是会根据第一界面中黑边区域在折叠屏上的位置,将第二界面显示在黑边区域所在的目标显示区域。
示例性地,第二界面为视频类应用的平台奖励界面和广告界面时,可以直接将第二界面显示在第一界面中的黑边区域处。例如,图11中所示的显示在视频播放窗口1101上的平台奖励界面1102(宝箱图标控件),在本申请实施例中,可以显示在视频播放窗口1101上方的黑边区域,如图12所示;图11中所示的显示在视频播放窗口1101上的广告界面1103(广告图片),在本申请实施例中,可以显示视频播放窗口1101下方的黑边区域,如图12所示。同时,从图12可以看出,平台奖励界面(宝箱图标控件)和广告界面(广告图片)均未对视频播放窗口进行遮挡。
在一些情况下,由于不同的触发指令对应着不同的第二界面,所以可能存在第二界面所占区域过大,第一界面中的黑边区域无法满足第二界面的完整显示的情况。因此,在本申请实施例中,折叠屏手机在显示第二界面前,可以先确定第二界面的占用区域是否与黑边区域(即目标显示区域)匹配,即确定黑边区域是否满足第二界面的完整显示,同时也不会遮挡第一界面中的内容区域。
其中,若折叠屏手机确定第二界面的占用区域与黑边区域匹配,则可以直接在该黑边区域对应的目标显示区域显示第二界面。可选地,折叠屏手机可以在确定出第二界面的初始显示样式后,在折叠屏上黑边区域所对应的目标显示区域按照确定的初始显示样式显示第二界面。
在一些实施例中,折叠屏手机可以通过比对第二界面的像素高度与黑边区域的像素高度,判断第二界面的占用区域是否与黑边区域匹配。示例性地,折叠屏手机可以将第二界面以初始显示样式显示在折叠屏上时,显示区域在高度方向占用的像素数量,与黑边区域的在高度方向占用的像素数量进行比对。其中,如果黑边区域的像素高度大于或等于第二界面以初始显示样式显示在折叠屏上的显示区域的像素高度,则认为该黑边区域能够满足第二界面的初始显示样式的完整显示,折叠屏手机即可确定第二界面的占用区域与黑边区域匹配。如果黑边区域的像素高度小于第二界面以初始显示样式显示在折叠屏上的显示区域的像素高度,则认为该黑边区域不能满足第二界面的初始显示样式的完整显示,折叠屏手机即可确定第二界面的占用区域与黑边区域不匹配。
在一些实施例中,若第一界面中包括多个黑边区域,折叠屏手机可以将第二界面的占用区域与任一黑边区域匹配,以从中确定是否存在与第二界面匹配的黑边区域。可以理解,若折叠屏手机从第一界面中的多个黑边区域中确定存在与第二界面匹配的黑边区域,则可将第二界面在该黑边区域进行显示。可选地,若第一界面中的多个黑边区域中存在多个匹配的黑边区域,则折叠屏手机可以将第二界面在其中任一个黑边区域进行显示。可选地,若第一界面中的多个黑边区域中存在多个匹配的黑边区域,则折叠屏手机也可以将第二界面优先显示在尺寸比例最匹配的黑边区域。其中,尺寸比例最匹配的黑边区域,可以是面积最大的黑边区域,也可以是高宽比例与第二界面最接近的黑边区域等,本申请实施例不做限定。
可选地,折叠屏手机在第一界面中的多个黑边区域中的一个匹配的黑边区域显示第二界面后,也可以根据用户操作改变第二界面的显示位置。例如,折叠屏手机可以响应于作用于第二界面上的拖拽手势操作,将第二界面切换至其他匹配的黑边区域进行显示。示例性地,若第二界面与第一界面中的上、下侧黑边区域均匹配,以折叠屏手机将第二界面显示在下侧黑边区域为例,若检测到用户对第二界面的向上拖拽手势,则折叠屏手机可以将第二界面切换显示在上侧黑边区域内。在一些实施例中,若第一界面中包括多个黑边区域,折叠屏手机可以优先将第二界面的占用区域与多个黑边区域中的指定黑边区域进行匹配。其中,指定黑边区域可以预先配置在所述电子设备中,也可以是由用户在所述电子设备中设置,本申请实施例不做限定。
可选地,由于用户的操作通常都是系列操作,在用户唤出新界面后,一般会在新界面上进行进一步的操作,以实现自己最终的意图。因此,当第一界面包括多个黑边区域(如图7所示第一界面包括上、下侧黑边区域)时,为了便于用户接下来的操作,折叠屏手机可以优先将第二界面的占用区域与下侧的黑边区域进行匹配。
示例性地,请参阅图13,用户点击“倍速”控件,折叠屏手机基于该点击确定待显示的第二界面为倍速界面,界面内容为多个倍速播放控件,即0.5X倍速控件、0.75X倍速控件……3.0X倍速控件。进一步的,折叠屏手机按照视频播放软件的规则,进行排版后,确定的第二界面的初始显示样式为图13中所示的倍数界面1301的显示样式,即多个倍数播放控件横向排列后的卡片形式。折叠屏手机可以将倍数界面1301以初始显示样式显示在屏幕上时的占用区域在单列像素高度方向上像素数量最大值,优先与下侧的黑边区域1302在单列像素高度方向上像素数量最大值相比较,可以得出倍数界面1301以初始显示样式显示在屏幕上时的占用区域在单列像素高度方向上像素数量最大值,小于黑边区域1302在单列像素高度方向上像素数量最大值,即视频播放界面(第一界面)中存在与倍数界面1301(第二界面)匹配的黑边区域1302。由于倍数界面1301(第二界面)已经匹配到符合的黑边区域1302,因此折叠屏手机可以不再和上侧的黑边区域进行匹配。
可以理解,由于视频播放界面(第一界面)中存在与倍数界面1301(第二界面)匹配的黑边区域1302,因此折叠屏手机只需要更改倍数界面1301(第二界面)的显示位置即可。示例性地,折叠屏手机可以直接将倍数界面(第二界面)以初始显示样式,即图13中所示的倍数界面1301的显示样式,显示在图13中所示的黑边区域1302中即可,最终的界面显示效果如图14所示。
需要说明的是,为了保证显示的界面内容具有较好的显示效果,同时更方便用户的操作,折叠屏手机在对第二界面中的界面内容进行排版时,可以沿着界面内容(如各种操作控件)的边缘向外扩展一定的边界。例如,图13中所示倍速界面1301的卡片边界,可以使得倍速界面1301显示在屏幕上时,卡片内的控件可以和周边内容具有一定的间距,以便于用户点击卡片内的控件。由于这个边界在实际显示中可以是隐藏的,如图14中所示,折叠屏手机在下侧的黑边区域显示倍数界面时,倍速界面的卡片被隐藏,用户实际观看到的界面内容仅有多个倍速播放控件。因此,在一些实施例中折叠屏手机在进行像素高度比对时,也可以是以倍速界面1301的卡片的像素高度进行比对。
可选地,请参阅图9,用户点击“倍速”控件后,折叠屏手机按照视频播放软件的规则,对第二界面(倍速界面)进行排版后,确定的第二界面(倍速界面)的初始显示样式也可以为图9中所示的倍数界面901的显示样式,即多个倍数播放控件纵向排列后的卡片形式。此时,折叠屏手机经过像素高度比对,可以得到倍数界面901以初始显示样式显示在屏幕上时的占用区域的最大像素高度,大于下侧的黑边区域的像素高度,且也大于上侧的黑边区域的像素高度,即视频播放界面(第一界面)中不存在与倍数界面901(第二界面)匹配的黑边区域。因此,在倍速界面(第二界面)的初始显示样式为图9中所示的倍数界面901的显示样式的情况下,折叠屏手机无法将倍速界面(第二界面)按照确定的初始显示样式,即图9中所示的倍数界面901的显示样式,在折叠屏上黑边区域所对应的目标显示区域进行正常显示。
示例性地,如图10所示,用户手指从屏幕底部边缘轻轻上滑,折叠屏手机响应该滑动确定待显示的第二界面为相关推荐界面,界面内容为多个推荐视频,即电视剧一、电视剧二……电视剧五。进一步的,折叠屏手机按照视频播放软件的规则,进行排版后,确定的第二界面的初始显示样式为图10中所示的推荐界面1001的显示样式。折叠屏手机经过像素高度比对,可以得到推荐界面1001以初始显示样式显示在屏幕上时的占用区域的最大像素高度,大于下侧的黑边区域的像素高度,且也大于上侧的黑边区域的像素高度,即视频播放界面(第一界面)中不存在与推荐界面1001(第二界面)匹配的黑边区域。
可以理解,由于视频播放界面(第一界面)中的多个黑边区域中,不存在与推荐界面1001(第二界面)匹配的黑边区域,因此折叠屏手机无法将第二界面按照确定的初始显示样式,即图10中所示的推荐界面1001的显示样式,在折叠屏上黑边区域所对应的目标显示区域进行正常显示。
本申请实施例中,当第一界面中不存在与第二界面匹配的黑边区域时,折叠屏手机还可以先对第一界面和第二界面中的至少一个进行预设处理,使得第一界面中的黑边区域能够满足第二界面的显示,且不会遮挡第一界面的内容区域,然后折叠屏手机再将第二界面显示在黑边区域所在的目标显示区域。
在一些实施例中,折叠屏手机对第一界面进行预设处理,可以是对第一界面中内容区域的显示位置进行调整,以增大第一界面中的黑边区域,使得黑边区域的面积增大到可以正常显示以初始显示样式排版的第二界面。示例性地,折叠屏手机可以是通过移动第一界面中的内容区域,来增大第一界面中的黑边区域。其中,内容区域的移动可以是折叠屏手机自动进行,也可以是由用户操作进行,本申请实施例不作限定。可选地,若第一界面中的黑边区域已足够大,折叠屏手机也可以通过移动第一界面中的内容区域,来适当减小黑边区域,使得以初始显示样式排版的第二界面可以在黑边区域内正常显示的同时,具备美观性。也就是说,折叠屏手机可以根据显示第二界面时所需的黑边区域,自适应调整第一界面中的内容区域。具体的第一界面中内容区域的调整,本申请实施例并不作限定。
例如,折叠屏手机可以将图7中所示第一界面中的内容区域701向上移动,以增大下方黑边区域703的面积。当然,上方黑边区域702的面积同时也在减小。使得折叠屏手机可以在下方黑边区域703内,按照初始显示样式完整显示第二界面。
可选地,折叠屏手机可以是直接移动第一界面中的内容区域,直至内容区域的至少一个边与显示区域的边界重合,以消除至少一侧的黑边区域,使得黑边区域能够显示更高像素高度的第二界面。为了便于用户接下来的操作,折叠屏手机也可以直接将第一界面中的内容区域上移至顶端,以使第二界面能够按照初始显示样式显示在下方的黑边区域内。
示例性地,请参阅图10,由于图10中所示的内容区域1002下侧的黑边区域1003和内容区域1002上侧的黑边区域1004中,不存在与推荐界面1001(第二界面)匹配的黑边区域,因此折叠屏手机可以将图10中所示第一界面中的内容区域1002上移到顶端,以消除上侧的黑边区域1004的同时,增大下侧的黑边区域1003,从而使得图10中所示的推荐界面1001可以在下侧的黑边区域1003内正常显示,最终界面显示如图15所示。
可选地,折叠屏手机也可以是根据第二界面的初始显示样式,确定显示第二界面时所需的像素高度,然后根据所需像素高度,确定黑边区域所需的像素高度(即目标值),然后折叠屏手机可以根据该黑边区域所需的像素高度(即目标值),合理调整第一界面中内容区域的显示位置。示例性地,折叠屏手机可以移动第一界面中的内容区域,直至第一界面中黑边区域的像素高度达到所述目标值。需要说明的是,在像素高度方向上,黑边区域要能够满足按照初始显示样式排布的第二界面的正常显示,并预留具有一定的冗余,以便于用户对第二界面进行操作。
在另一些实施例中,折叠屏手机对第二界面进行预设处理,可以是对第二界面的显示样式进行调整,以减小所述第二界面的占用区域,使得第二界面的界面内容以新的显示样式,能够在第一界面中的黑边区域正常显示,而不再按照初始显示样式的排布进行显示。
可选地,折叠屏手机可以是根据黑边区域的像素高度,确定第二界面显示时所能达到的最大像素高度。然后折叠屏手机根据该最大像素高度,重新排布第二界面中的界面元素,从而生成第二界面的新的显示样式。其中,界面元素可以是指第二界面中包括图标、控件、文字、菜单、对话框等图形用户界面(graphical user interface,GUI)资源。
可选地,折叠屏手机也可以是根据第二界面中最大像素高度的界面元素,确定所述第二界面新的显示样式。示例性地,折叠屏手机可以先确定第二界面中包含的所有界面元素,以及各个界面元素的像素高度。然后折叠屏手机可以根据第二界面中最大像素高度的界面元素,确定重新排布后的新的显示样式所需的最小像素高度H,从而以该最小像素高度H,生成第二界面新的显示样式。其中,界面元素的像素高度可以理解为界面元素显示在屏幕上时,显示区域在高度方向所占用的像素数量。
可选地,折叠屏手机可以直接将第二界面中最大像素高度的界面元素,作为重新排布后的新的显示样式所需的最小像素高度H。由于第二界面中可能会存在标题类的界面元素,而标题通常需要与内容在像素高度方向上并列显示,因此,折叠屏手机也可以是结合标题类的界面元素的像素高度,以及第二界面中最大像素高度的内容界面元素,共同确定重新排布后的新的显示样式所需的最小像素高度H。可以理解,为了便于用户对控件进行操作,折叠屏手机确定的新的显示样式所需的最小像素高度H,还可以加上标题类的界面元素与最大像素高度的内容界面元素在像素高度上具有的预设间距。
以图8为例,第二界面为选集界面801,选集界面801中包括的界面元素有:标题控件(“选集”文字)和内容控件(第1集等各集选择按键),其中,最大像素高度的界面元素为内容控件。由于所有内容控件(选集按键)的像素高度一致,从而折叠屏手机可以从中任意选择一个内容控件作为最大像素高度的界面元素,然后根据该内容控件与标题控件的像素高度,以及标题控件和内容控件之间在像素高度上具有的预设间距,共同确定重新排布后的新的显示样式所需的最小像素高度H。
在一些实施例中,折叠屏手机在确定重新排布后的新的显示样式所需的最小像素高度H后,可以将该最小像素高度H与黑边区域进行匹配,以判断第二界面按照最小高度的显示样式,是否能够在黑边区域进行正常显示。如果最小像素高度H与黑边区域匹配,则折叠屏手机可以将第二界面按照最小高度的显示样式,显示在黑边区域所在的目标显示区域。
其中,最小高度的显示样式可以是指将第二界面中的所有界面元素按照一字型排布,各个界面元素之间具有预设的间距的显示样式。可以理解,若第二界面中存在标题类的界面元素,最小高度的显示样式也可以是指将第二界面中其他界面元素按照一字型排布,标题控件和其他界面元素在像素高度方向上并列显示,且具有预设的间距的显示样式。可选地,若第二界面中界面元素过多,折叠屏手机也可以在新的显示样式中增加滑动标识,以能够在横向方向滑动切换显示更多界面元素。从而折叠屏手机通过将部分界面元素以扩展的方式显示,来减少第二界面的界面内容,使得第二界面更容易显示在黑边区域内。
示例性地,图16示出了折叠屏手机对图8中所示出的选集界面801的初始显示样式,进行显示样式调整后,得到的选集界面801能够显示在黑边区域的新的显示样式,也即折叠屏手机将内容控件1602按照一字型排布,标题控件1601和内容控件1602在像素高度方向上并列显示,并具有预设的间距,同时提供滑动标识1603,以在横向方向滑动切换显示更多内容控件1602。从图16可以看出,选集界面801按照新的显示样式显示在下方的黑边区域时,并未对视频播放窗口进行遮挡。
在一些实施例中,折叠屏手机也可以结合前述对第一界面的预设处理方式,在增大了黑边区域之后,再进行对第二界面的预设处理方式。也即,折叠屏手机在对第一界面中内容区域的显示位置进行调整后,如果第二界面还是不能按照初始显示样式显示在黑边区域,则折叠屏手机可以对第二界面的显示样式进行调整,以将第二界面以新的显示样式显示在增大后的黑边区域。
或者,折叠屏手机也可以是先对第二界面进行预设处理,得到最小像素高度的显示样式之后,再进行前述对界面的预设处理方式。也即,折叠屏手机在对第二界面的显示样式进行调整后,如果第二界面按照调整后的最小像素高度H的显示样式,还是不能显示在黑边区域,则折叠屏手机可以对第一界面中内容区域的显示位置进行调整,以将第二界面以调整后的最小像素高度的显示样式显示在增大后的黑边区域。
如此,通过扩大黑边区域和调整显示样式的结合,折叠屏手机可以使更多具有更高像素高度的第二界面显示在黑边区域内。在一些实施例中,如果第一界面中的黑边区域已达到最大面积,不能再扩大(如将第一界面中的内容区域移动至折叠屏上方边缘),同时在该最大面积的黑边区域内,第二界面以调整后的最小像素高度的显示样式,仍然不能正常显示,此时,折叠屏手机可以不进行任何处理,仍以按照初始显示样式对第二界面进行显示,使得第二界面会在另一图层上悬浮显示(即现有技术的实施方案)。
此外,在本申请实施例中,第一界面为视频类应用的视频播放界面时,第二界面还可以是弹幕界面。如图17所示,用户点击弹幕的图标控件,折叠屏手机响应该点击可以确定待显示的第二界面为弹幕界面,界面内容为多条弹幕框。目前,折叠屏手机按照视频播放软件的规则,进行排版后,确定的第二界面的初始显示样式为图17中所示的从右到左滚动显示所有弹幕框的显示样式。如图17所示,弹幕界面遮挡了视频播放窗口,降低用户观看体验。图18示出了本申请实施例优化后的界面显示图,即折叠屏手机可以按照本申请实施例中的前述方式,将弹幕界面显示在视频播放窗口下方的黑边区域,以避免对视频播放窗口的遮挡。
在一些实施例中,第二界面为弹幕界面时,折叠屏手机可以是根据弹幕设置来确定第二界面所显示的黑边区域。可以理解,弹幕设置里通常会有用户选定弹幕的显示方式,如仅显示在上方、仅显示在下方等。因此,若弹幕设置中用户已选定显示方式为上方显示弹幕,则折叠屏手机可以优先将弹幕界面显示于视频播放窗口上方的黑边区域。也即折叠屏手机可以优先将第二界面与上侧的黑边区域进行匹配,也可以优先将第一界面中的内容区域向下移动,以扩大上侧的黑边区域等。可选地,折叠屏手机将弹幕界面显示在下方的黑边区域时,也可以根据检测到的用户作用于弹幕界面的向上拖拽手势,将弹幕界面切换显示在上方的黑边区域。此时,折叠屏手机也可以根据上方的黑边区域大小,重新调整弹幕界面的显示样式。
示例性地,以上述第一界面为视频类应用的视频播放界面为例,对本申请实施例提供的一种界面显示方法进行具体阐述。如图19所示,该界面显示方法可以包括S1901-S1905:
S1901、折叠屏手机在屏幕上显示视频播放界面,视频播放界面包括视频播放窗口和视频播放窗口上、下两侧的黑边区域。
可选地,此时折叠屏手机可以处于全屏播放模式。示例性地,在全屏播放模式下,折叠屏手机可以先将视频播放窗口进行居中显示,然后对该视频播放窗口进行横向适配,在横向铺满屏幕后,折叠屏手机可以再按照等比例缩放来确定视频播放窗口的高度。可以理解,在视频播放窗口的高度小于折叠屏手机的屏幕高度时,折叠屏手机全屏显示视频播放界面时,视频播放窗口的上、下两侧会形成黑边区域。例如,图7所示
S1902、折叠屏手机接收用户在视频播放界面的操作,并响应该操作确定第二界面及第二界面的初始显示样式。
可选地,折叠屏手机显示视频播放界面期间,用户可以在视频播放界面进行系列操作。本申请实施例中,用户进行的操作可以是针对视频播放控制相关的操作。例如,可以是针对图7所示的倍速、超清、选集等控件的点击操作。
可以理解,用户执行的操作被折叠屏手机接收后,折叠屏手机可以基于运算逻辑进行相应的计算,并根据运算结果,可以确定该操作对应的待显示在屏幕上的第二界面的界面内容。同时,折叠屏手机可以按照预设的逻辑进行排版,确定第二界面的初始显示样式。
示例性地,用户在图7中所示的视频播放界面上点击“选集”控件后,折叠屏手机响应于该点击操作,进行响应运算,确定触发显示的第二界面的内容为第1集等各集选择按键。然后折叠屏手机可以按照视频播放软件内记载的规则样式进行排版,从而可以确定第二界面的初始显示样式为图8中所示的选集界面801的显示样式。
S1903、折叠屏手机将第二界面以初始显示样式显示时的占用区域与至少一黑边区域比对,确定是否存在与第二界面匹配的黑边区域。若是,则执行S1904;若否,则执行S1905。
S1904、折叠屏手机在其中一个匹配的黑边区域所对应的目标显示区域内,显示第二界面。
S1905、折叠屏手机对第二界面或者当前显示界面中的至少一个进行预设处理后,将第二界面显示在黑边区域所对应的目标显示区域内。
本申请实施例中,折叠屏手机在确定初始显示样式后,并非直接将第二界面以初始显示样式输送到屏幕上进行显示,而是将第二界面以初始显示样式显示时的占用区域与黑边区域比对,确定是否存在匹配的黑边区域,可满足按照初始显示样式显示的第二界面的完整显示,同时不遮挡视频播放窗口。
可以理解,若存在匹配的黑边区域,则可以认为折叠屏手机如果按照初始显示样式,在黑边区域内显示第二界面,第二界面并不会遮挡视频播放窗口,第二界面可以正常显示。基于此,折叠屏手机可以直接在其中一个匹配的黑边区域所对应的目标显示区域内,显示第二界面。示例性地,折叠屏手机可以仅将第二界面的显示位置更改至黑边区域所对应的目标显示区域内。
例如,请参阅图13,用户在视频播放界面上点击“倍速”控件后,折叠屏手机基于该点击确定待显示的第二界面为倍速界面,界面内容为多个倍速播放控件,即0.5X倍速控件、0.75X倍速控件……3.0X倍速控件。然后折叠屏手机按照视频播放软件的规则,进行排版后,确定的第二界面的初始显示样式为图13中所示的倍数界面1301的显示样式,即多个倍数播放控件横向排列后的卡片形式。然后折叠屏手机可以将倍数界面1301以初始显示样式显示在屏幕上时的占用区域,与下侧的黑边区域1302的比对,可以得出倍数界面1301以初始显示样式显示在屏幕上时的占用区域,小于黑边区域1302,即折叠屏手机可以确定视频播放界面中存在与倍数界面1301(第二界面)匹配的黑边区域1302。
因此折叠屏手机可以直接将倍数界面(第二界面)以初始显示样式,即图13中所示的倍数界面1301的显示样式,显示在图13中所示的黑边区域1302中即可,最终的界面显示效果如图14所示。如图14所示,倍数界面(第二界面)并不会遮挡视频播放窗口,同时倍数界面(第二界面)可以在视频播放窗口下侧的黑边区域内正常显示。
可以理解,若不存在匹配的黑边区域,则可以认为折叠屏手机如果按照初始显示样式,在黑边区域内显示第二界面,第二界面会遮挡视频播放窗口,第二界面无法正常显示。基于此,折叠屏手机可以先对第二界面或者当前显示界面中的至少一个进行预设处理,然后再将第二界面显示在黑边区域所对应的目标显示区域内。从而,折叠屏手机通过改变当前显示界面和第二界面中的至少一个的界面布局,可以使得第二界面能够在黑边区域内完整显示,而不遮挡视频播放窗口中的内容。其中,当前显示界面可以是当前显示的视频播放界面。
示例性地,折叠屏手机对第二界面进行预设处理,可以是更改第二界面的显示样式,使得第二界面不再按照初始显示样式进行显示。
例如,请参阅图8,由于图8中所示的视频播放窗口802下侧的黑边区域803和视频播放窗口802上侧的黑边区域804中,不存在与选集界面801(第二界面)匹配的黑边区域,因此,作为一种方式,折叠屏手机可以对图8中所示出的选集界面801的初始显示样式,进行显示样式调整,以得到选集界面801能够显示在黑边区域的新的显示样式。请参阅图16,图16示出了折叠屏手机对图8中所示出的选集界面801的初始显示样式,进行显示样式调整后,得到的选集界面801能够显示在黑边区域803的新的显示样式。如图16所示,折叠屏手机将选集界面中的内容控件1602(即第1集等各集选集按键)按照一字型排布,选集界面中的标题控件1601和内容控件1602在像素高度方向上并列显示,并具有预设的间距,同时提供滑动标识1603,以在横向方向滑动切换显示更多内容控件1602。从图16中可以看出,选集界面按照新的显示样式显示在下方的黑边区域时,并未对视频播放窗口进行遮挡。
从图16可以看出,选集界面可以按照新的显示样式完整显示在下方的黑边区域内,同时并未对视频播放窗口进行遮挡。
示例性地,折叠屏手机对当前显示界面进行预设处理,可以是调整视频播放窗口的显示位置,以增大黑边区域。
例如,请参阅图10,由于图10中所示的内容区域1002下侧的黑边区域1003和内容区域1002上侧的黑边区域1004中,不存在与推荐界面1001(第二界面)匹配的黑边区域,因此,作为一种方式,折叠屏手机可以将图10中所示第一界面中的内容区域1002上移到顶端,以消除上侧的黑边区域1004的同时,增大下侧的黑边区域1003,从而使得图10中所示的推荐界面1001可以在下侧的黑边区域1003内正常显示,最终界面显示如图15所示。从图15可以看出,推荐界面可以完整显示在下方的黑边区域内,同时并未对视频播放窗口进行遮挡。
本申请实施例中,折叠屏手机在屏幕上显示视频播放界面,且视频播放界面包括视频播放窗口和视频播放窗口上、下两侧的黑边区域时,若折叠屏手机接收到用户在视频播放界面的操作,则可以响应该操作确定第二界面及第二界面的初始显示样式,并将第二界面以初始显示样式显示时的占用区域与至少一黑边区域比对,以先确定是否存在与第二界面匹配的黑边区域,并在确定存在匹配的黑边区域时,折叠屏手机可以在其中一个匹配的黑边区域内显示第二界面,而在确定不存在匹配的黑边区域时,折叠屏手机可以先对第二界面或者当前显示界面中的至少一个进行预设处理后,然后再将第二界面显示在黑边区域内。
如此,折叠屏手机在显示视频播放界面时,优先利用黑边区域来显示新触发产生的界面,以使得新触发产生的界面并不会遮挡原有界面的内容区域,在保证了用户视频观看视觉体验的同时,充分利用了折叠屏手机的大屏显示优势。大大提升了折叠屏手机对用户的吸引力。
在另一些实施例中,以上述电子设备是手机为例。该手机的折叠屏也可以是上述内折折叠屏,该内折折叠屏可折叠形成第一屏(如图2所示的A屏)和第二屏(如图2所示的B屏),第一屏的背面设置有第三屏(如图2所示的C屏)。
可以理解,由于内折折叠屏被完全折叠屏后,第三屏(即C屏)对用户可见,而第一屏和第二屏对用户不可见;因此,对于具有这类内折折叠屏的手机而言,当折叠屏处于折叠状态时,第三屏可作为主屏显示界面;当折叠屏处于展开状态时,第一屏和第二屏可作为一个完整的显示屏显示界面。
在另一些实施例中,以上述电子设备是手机为例。该手机的折叠屏也可以是其他类型的折叠屏。例如,折叠屏手机折叠状态下,可以包括外侧的第一屏和折叠起来的内侧的第二屏。第一屏尺寸小于第二屏。此时外侧的第一屏可作为主屏显示界面。而当折叠屏手机展开后,可以包括第一面的第一屏,第二面的第二屏。此时,界面可以切换至第二屏显示。
需要注意的是,上述外折折叠屏的所有方案均可以应用于上述包括内折折叠屏的手机,也可以应用于包括其他折叠屏类型的手机,本申请实施例并不作限定。
综上,本申请实施例提供的一种界面显示的方法,折叠屏手机在显示第一界面,且第一界面中存在黑边区域时,若检测到需显示第二界面的触发指令,则折叠屏手机可以响应于所述触发指令,将所述第二界面显示在折叠屏上与所述黑边区域对应的目标显示区域。如此,通过利用黑边区域来显示新触发产生的界面,并不会遮挡原有界面的内容区域,在保证了用户视觉体验的同时,充分利用了折叠屏的大屏显示优势。大大提升了大屏电子设备对用户的吸引力。
可以理解的是,电子设备为了实现上述功能,其包含了执行各个功能相应的硬件和/或软件模块。结合本文中所公开的实施例描述的各示例的算法步骤,本申请能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行,取决于技术方案的特定应用和设计约束条件。本领域技术人员可以结合实施例对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本申请的范围。
本实施例可以根据上述方法示例对电子设备进行功能模块的划分,例如,可以对应各个功能划分各个功能模块,也可以将两个或两个以上的功能集成在一个处理模块中。上述集成的模块可以采用硬件的形式实现。需要说明的是,本实施例中对模块的划分是示意性的,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式。
在采用对应各个功能划分各个功能模块的情况下,图20示出了上述实施例中涉及的电子设备2000的一种可能的组成示意图,如图20所示,该电子设备2000可以包括:显示屏2001、触控芯片组2002、计算单元2003、比对单元2004和显示调整单元2005。
其中,显示屏2001可以具有多个显示屏,用来可视化的显示应用程序的运行界面。
触控芯片组2002可以用于识别用户的操作手势,并将相关手势转化为指令专递到计算单元。
计算单元2003可以用于根据触控芯片组2002的指令进行计算,确定触发显示的第二界面,以及第二界面的初始显示样式,并将第二界面按照确定的显示样式输送到显示屏1901进行显示。
比对单元2004可以用于将第二界面以初始显示样式显示时所占用的显示区域和黑边区域进行比对,确定第二界面以初始显示样式显示时能够显示在黑边区域内。
显示调整单元2005:对第二界面进行预设处理,以调整显示样式;或者对第一界面进行预设处理,移动第一界面中内容区域的显示位置,扩大黑边区域的面积。
需要说明的是,上述方法实施例涉及的各步骤的所有相关内容均可以援引到对应功能模块的功能描述,在此不再赘述。
本实施例提供的电子设备2000,用于执行上述界面显示方法,因此可以达到与上述实现方法相同的效果。
在采用集成的单元的情况下,电子设备2000可以包括处理模块、存储模块和通信模块。其中,处理模块可以用于对电子设备2000的动作进行控制管理,例如,可以用于支持电子设备2000执行上述S601、步骤S602、步骤S603、步骤S1901、步骤S1902、步骤S1903、步骤S1904、步骤S1905等,和/或用于本文所描述的技术的其他过程。存储模块可以用于支持电子设备2000存储程序代码和数据等,例如应用程序的安装程序以及运行过程中的数据。通信模块,可以用于支持电子设备2000与其他设备的通信。
其中,处理模块可以是处理器或控制器。其可以实现或执行结合本申请公开内容所描述的各种示例性的逻辑方框,模块和电路。处理器也可以是实现计算功能的组合,例如包含一个或多个微处理器组合,数字信号处理(digital signal processing,DSP)和微处理器的组合等等。存储模块可以是存储器。通信模块具体可以为射频电路、蓝牙芯片、Wi-Fi芯片等与其他电子设备交互的设备。
在一个实施例中,当处理模块为处理器,存储模块为存储器时,本实施例所涉及的电子设备可以为具有图3所示结构的设备。
本申请的实施例还提供一种计算机存储介质,该计算机存储介质中存储有计算机指令,当该计算机指令在电子设备上运行时,使得电子设备执行上述相关方法步骤实现上述实施例中的界面显示方法。
本申请的实施例还提供了一种计算机程序产品,当该计算机程序产品在计算机上运行时,使得计算机执行上述相关步骤,以实现上述实施例中电子设备执行的界面显示方法。
另外,本申请的实施例还提供一种装置,这个装置具体可以是芯片,组件或模块,该装置可包括相连的处理器和存储器;其中,存储器用于存储计算机执行指令,当装置运行时,处理器可执行存储器存储的计算机执行指令,以使芯片执行上述各方法实施例中电子设备执行的界面显示方法。
其中,本实施例提供的电子设备、计算机存储介质、计算机程序产品或芯片均用于执行上文所提供的对应的方法,因此,其所能达到的有益效果可参考上文所提供的对应的方法中的有益效果,此处不再赘述。
通过以上实施方式的描述,所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。
在本申请所提供的几个实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述模块或单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个装置,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是一个物理单元或多个物理单元,即可以位于一个地方,或者也可以分布到多个不同地方。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个可读取存储介质中。基于这样的理解,本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该软件产品存储在一个存储介质中,包括若干指令用以使得一个设备(可以是单片机,芯片等)或处理器(processor)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(read only memory,ROM)、随机存取存储器(random access memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
以上内容,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何在本申请揭露的技术范围内的变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应以所述权利要求的保护范围为准。
Claims (19)
1.一种界面显示方法,其特征在于,应用于包括折叠屏的电子设备,所述方法包括:
显示第一界面,其中,所述第一界面中存在黑边区域;
在显示所述第一界面时,检测到第二界面的触发指令;
响应于所述触发指令,在目标显示区域显示所述第二界面,其中,所述目标显示区域为所述折叠屏中与所述黑边区域对应的显示区域。
2.根据权利要求1所述的方法,其特征在于,所述在目标显示区域显示所述第二界面之前,所述方法还包括:
检测到所述第二界面的占用区域与所述目标显示区域匹配。
3.根据权利要求2所述的方法,其特征在于,所述检测到所述第二界面的占用区域与目标显示区域匹配,包括:
检测到所述第二界面的像素高度与所述黑边区域的像素高度匹配。
4.根据权利要求1-3任一项所述的方法,其特征在于,所述在目标显示区域显示所述第二界面之前,所述方法还包括:
检测到所述第二界面的占用区域与所述目标显示区域不匹配时,对所述第一界面和所述第二界面中的至少一个进行预设处理。
5.根据权利要求4所述的方法,其特征在于,所述第一界面包括内容区域,所述黑边区域为所述折叠屏的显示区域边界与所述内容区域边界之间的区域,所述对所述第一界面进行预设处理,包括:
对所述第一界面中所述内容区域的显示位置进行调整。
6.根据权利要求5所述的方法,其特征在于,所述对所述第一界面中所述内容区域的显示位置进行调整,包括:
移动所述第一界面中的所述内容区域,直至所述内容区域的至少一个边与所述显示区域边界重合。
7.根据权利要求5所述的方法,其特征在于,所述对所述第一界面中所述内容区域的显示位置进行调整,包括:
根据所述第二界面的像素高度,确定所述黑边区域的像素高度所需的目标值;
移动所述第一界面中的所述内容区域,直至所述第一界面中所述黑边区域的像素高度达到所述目标值。
8.根据权利要求4-7任一项所述的方法,其特征在于,所述对所述第二界面进行预设处理,包括:
对所述第二界面的显示样式进行调整。
9.根据权利要求8所述的方法,其特征在于,所述对所述第二界面的显示样式进行调整,包括:
根据所述第二界面中最大像素高度的界面元素,确定所述第二界面新的显示样式。
10.根据权利要求9所述的方法,其特征在于,所述根据所述第二界面中最大像素高度的界面元素,确定所述第二界面新的显示样式,包括:
根据所述第二界面中最大像素高度的界面元素,确定最小像素高度的显示样式,作为所述第二界面新的显示样式。
11.根据权利要求10所述的方法,其特征在于,在所述确定最小像素高度的显示样式,作为所述第二界面新的显示样式之前,所述方法还包括:
检测到所述最小像素高度与所述黑边区域的像素高度匹配。
12.根据权利要求9-11任一项所述的方法,其特征在于,所述第二界面中的所述界面元素包括标题控件和至少一个内容控件,所述对所述第二界面的显示样式进行调整,包括:
根据所述标题控件以及最大像素高度的所述内容控件,确定所述第二界面新的显示样式。
13.根据权利要求1-12任一项所述的方法,其特征在于,所述第一界面中包括至少两个黑边区域,所述目标显示区域为所述至少两个黑边区域中指定黑边区域对应的显示区域。
14.根据权利要求1-13任一项所述的方法,其特征在于,所述在显示所述第一界面时,检测到第二界面的触发指令,包括:
在显示所述第一界面时,检测到预设操作,所述预设操作用于打开所述第二界面。
15.根据权利要求1-13任一项所述的方法,其特征在于,所述在显示所述第一界面时,检测到第二界面的触发指令,包括:
在显示所述第一界面时,检测到显示时长达到指定时长;或者
在显示所述第一界面时,检测到显示内容包含指定内容。
16.一种电子设备,其特征在于,所述电子设备包括折叠屏、存储器和一个或多个处理器;所述折叠屏、所述存储器和所述处理器耦合;所述存储器用于存储计算机程序代码,所述计算机程序代码包括计算机指令,当所述处理器执行所述计算机指令时,所述电子设备执行如权利要求1-15中任一项所述的方法。
17.一种芯片系统,其特征在于,所述芯片系统应用于包括折叠屏的电子设备;所述芯片系统包括一个或多个接口电路和一个或多个处理器;所述接口电路和所述处理器通过线路互联;所述接口电路用于从所述电子设备的存储器接收信号,并向所述处理器发送所述信号,所述信号包括所述存储器中存储的计算机指令;当所述处理器执行所述计算机指令时,所述电子设备执行如权利要求1-15中任一项所述的方法。
18.一种计算机存储介质,其特征在于,包括计算机指令,当所述计算机指令在电子设备上运行时,使得所述电子设备执行如权利要求1-15中任一项所述的方法。
19.一种计算机程序产品,其特征在于,当所述计算机程序产品在计算机上运行时,使得所述计算机执行如权利要求1-15中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210339477.7A CN116932101A (zh) | 2022-04-01 | 2022-04-01 | 一种界面显示方法及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210339477.7A CN116932101A (zh) | 2022-04-01 | 2022-04-01 | 一种界面显示方法及电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116932101A true CN116932101A (zh) | 2023-10-24 |
Family
ID=88391104
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210339477.7A Pending CN116932101A (zh) | 2022-04-01 | 2022-04-01 | 一种界面显示方法及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116932101A (zh) |
-
2022
- 2022-04-01 CN CN202210339477.7A patent/CN116932101A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN114787773B (zh) | 应用于具有折叠屏的电子设备的显示方法及电子设备 | |
CN114679537B (zh) | 一种拍摄方法及终端 | |
CN112717370B (zh) | 一种控制方法和电子设备 | |
CN112506386B (zh) | 一种折叠屏显示方法及电子设备 | |
CN110602315B (zh) | 具有可折叠屏幕的电子设备、显示方法及计算机可读存储介质 | |
CN110543287B (zh) | 一种屏幕显示方法及电子设备 | |
WO2021063237A1 (zh) | 电子设备的控制方法及电子设备 | |
CN110286972A (zh) | 一种折叠屏显示应用的方法及电子设备 | |
CN114115769B (zh) | 一种显示方法及电子设备 | |
WO2021208723A1 (zh) | 全屏显示方法、装置和电子设备 | |
CN110456951A (zh) | 一种应用显示方法及电子设备 | |
US20220342516A1 (en) | Display Method for Electronic Device, Electronic Device, and Computer-Readable Storage Medium | |
CN110633043A (zh) | 一种分屏处理方法及终端设备 | |
WO2020037469A1 (zh) | 界面的显示方法及电子设备 | |
WO2020118490A1 (zh) | 自动分屏的方法、图形用户界面及电子设备 | |
CN110830645B (zh) | 一种操作方法和电子设备及计算机存储介质 | |
WO2020228735A1 (zh) | 一种显示应用的方法及电子设备 | |
CN113973189A (zh) | 显示内容的切换方法、装置、终端及存储介质 | |
CN118276805A (zh) | 应用界面显示方法、电子设备及存储介质 | |
US20240295905A1 (en) | Screen display method and electronic device | |
CN116932101A (zh) | 一种界面显示方法及电子设备 | |
CN113986406B (zh) | 生成涂鸦图案的方法、装置、电子设备及存储介质 | |
CN116719569B (zh) | 启动应用的方法及装置 | |
US20240288990A1 (en) | Application interface display method and electronic device | |
CN117573244A (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 |