CN116931774A - 一种显示方法及相关装置 - Google Patents
一种显示方法及相关装置 Download PDFInfo
- Publication number
- CN116931774A CN116931774A CN202210327354.1A CN202210327354A CN116931774A CN 116931774 A CN116931774 A CN 116931774A CN 202210327354 A CN202210327354 A CN 202210327354A CN 116931774 A CN116931774 A CN 116931774A
- Authority
- CN
- China
- Prior art keywords
- page
- electronic device
- display area
- state
- 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 69
- 230000004044 response Effects 0.000 claims abstract description 68
- 230000000007 visual effect Effects 0.000 claims description 56
- 230000015654 memory Effects 0.000 claims description 26
- 238000004590 computer program Methods 0.000 claims description 2
- 230000008859 change Effects 0.000 abstract description 16
- 230000006870 function Effects 0.000 description 31
- 238000007726 management method Methods 0.000 description 20
- 238000004891 communication Methods 0.000 description 19
- 238000010586 diagram Methods 0.000 description 19
- 238000012545 processing Methods 0.000 description 18
- 238000010295 mobile communication Methods 0.000 description 12
- 238000000926 separation method Methods 0.000 description 11
- 238000001514 detection method Methods 0.000 description 7
- 230000005236 sound signal Effects 0.000 description 6
- 238000013528 artificial neural network Methods 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 229920001621 AMOLED Polymers 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 3
- 238000013473 artificial intelligence Methods 0.000 description 2
- 230000003416 augmentation Effects 0.000 description 2
- 230000003190 augmentative effect Effects 0.000 description 2
- TZCXTZWJZNENPQ-UHFFFAOYSA-L barium sulfate Chemical compound [Ba+2].[O-]S([O-])(=O)=O TZCXTZWJZNENPQ-UHFFFAOYSA-L 0.000 description 2
- 210000000988 bone and bone Anatomy 0.000 description 2
- 210000004027 cell Anatomy 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 2
- 238000011161 development Methods 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
- 238000005192 partition Methods 0.000 description 2
- 239000002096 quantum dot Substances 0.000 description 2
- 238000009877 rendering Methods 0.000 description 2
- 239000000725 suspension Substances 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 230000000712 assembly Effects 0.000 description 1
- 238000000429 assembly Methods 0.000 description 1
- 238000013529 biological neural network Methods 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000015572 biosynthetic process Effects 0.000 description 1
- 210000004556 brain Anatomy 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000000295 complement effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000007423 decrease Effects 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
- 230000004927 fusion Effects 0.000 description 1
- 230000036541 health Effects 0.000 description 1
- 230000000977 initiatory effect Effects 0.000 description 1
- 230000003993 interaction 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
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000001537 neural effect Effects 0.000 description 1
- 210000002569 neuron Anatomy 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 230000005855 radiation Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000003786 synthesis reaction Methods 0.000 description 1
- 230000001131 transforming effect Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 239000002699 waste material Substances 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/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
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- 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/1423—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display
- G06F3/1431—Digital output to display device ; Cooperation and interconnection of the display device with other functional units controlling a plurality of local displays, e.g. CRT and flat panel display using a single graphics controller
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)
- Computer Graphics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种显示方法及相关装置。电子设备的卷轴屏处于第一状态,电子设备的卷轴屏的可见显示区域中显示有第一显示内容。电子设备可以在接收到用户的第一输入后,响应于第一输入,将卷轴屏从第一状态切换至第二状态,并在卷轴屏的可见显示区域中显示第二显示内容。第二显示内容包括第一显示内容。这样,电子设备可以基于卷轴屏的可见显示区域的尺寸,显示和可见显示区域的尺寸相匹配的页面内容。并且,由于电子设备100并未改变第二显示内容中第一显示内容的布局,便于用户查找待使用的应用图标。
Description
技术领域
本申请涉及终端技术领域,尤其涉及一种显示方法及相关装置。
背景技术
随着电子设备的不断发展,越来越多具有显示屏的电子设备应用于人们的日常生活和工作中,如具有显示屏的手机等。并且伴随着屏幕技术的发展,电子设备的显示屏也变得越来越大,以给用户提供更丰富的信息,带给用户更好的使用体验。但是,电子设备的显示屏太大,会严重影响其便携性能。
近年来所提出的配置有卷轴屏的电子设备(例如卷轴屏手机)。不仅拥有较大的显示屏,还方便用户携带。目前,卷轴屏可以将屏幕隐藏在电子设备中,便于携带。当需要展开屏幕时,可以通过电机或者外力将屏幕完整展开。然而,当前没有针对卷轴屏不同的屏幕状态的显示方式。
发明内容
本申请提供了一种显示方法及相关装置,电子设备显示有桌面页面时,可以在接收到第一输入后,展开卷轴屏,并基于展开后的卷轴屏的可见显示区域的尺寸,显示更多桌面控件。实施本申请提供的显示方法,电子设备可以在不改变桌面页面的布局的情况下,显示更多桌面控件。既有效利用了展开后的卷轴屏的可见显示区域,又贴合用户的使用习惯,便于用户使用。
第一方面,本申请提供了一种显示方法,应用于包括卷轴屏的电子设备,包括:电子设备的卷轴屏处于第一状态,卷轴屏的可见显示区域中显示有第一显示内容;电子设备接收到第一输入;响应于第一输入,电子设备将卷轴屏从第一状态切换至第二状态;处于第二状态时卷轴屏的可见显示区域中显示有第一显示内容和第二显示内容,第一显示内容和第二显示内容不同;其中,处于第一状态时卷轴屏的可见显示区域的尺寸小于处于第二状态时卷轴屏的可见显示区域的尺寸。
其中,第一输入可以为任意用于触发电子设备100展开卷轴屏的输入,例如,第一输入可以为针对电源键的滑动输入,或者,第一输入可以为语音指令输入,或者,第一输入可以为针对可见显示区域的单击、双击、长按、滑动输入等等。需要说明的是,不限于这些等等。该输入可以是用户操作的集合。例如,第一输入可以是指关节叩击并在屏幕画出指定图案的输入等等。这样,电子设备可以在卷轴屏展开后,在展开后的卷轴屏上显示更多桌面控件。
在一种可能的实现方式中,当第一状态为未展开状态,第一显示内容包括第一页面;若第二状态为半展开状态,第二显示内容包括第二页面的第一部分;若第二状态为完全展开状态,第二显示内容包括第二页面。
其中,第一页面和第二页面可以为处于未展开状态的卷轴屏的可见显示区域中显示的任意页面。例如,第一页面可以为负一屏,第二页面可以为用于放置应用图标的页面(例如,除了负一屏以外的桌面页面,快捷启动页面等等),或某个应用的页面等等。再例如,第一页面可以为用于放置应用图标的页面,第二页面可以为其他用于放置应用图标的页面,或负一屏,或某个应用的页面等等。本申请对此不作限定。这样,电子设备可以在展开后的卷轴屏的可见显示区域中,显示第一页面,以及第二页面的一部分或第二页面的全部。
在一种可能的实现方式中,当第一状态为半展开状态,第一显示内容包括第一页面和第二页面的第一部分;若第二状态为半展开状态,第二显示内容包括第二页面的第二部分;若第二状态为完全展开状态,第二显示内容包括第二页面的第三部分,第二页面划分为第一部分和第三部分。
在一种可能的实现方式中,若第二状态为半展开状态,第二显示内容包括第二页面的第一部分,方法还包括:电子设备接收到针对第二页面的第一部分的第二输入之后,将第二页面的第一部分切换为第二页面的第三部分,第二页面的第一部分和第二页面的第三部分不同。
在一些实施例中,第二输入可以为向卷轴展开方向滑动的输入或向卷轴收回方向滑动的输入。这样,电子设备可以切换可见显示区域中,第二页面的第一部分所在显示区域的显示内容。不限于第二页面的第一部分,电子设备切换该显示区域的显示内容的详细描述可以参见图13A所示实施例。
在一种可能的实现方式中,第一显示内容包括应用区域,应用区域包括一个或多个桌面控件,桌面控件为应用图标、组件和应用夹图标中的一种或多种;当第一状态为未展开状态,方法还包括:当卷轴屏处于第一状态,电子设备接收到针对应用区域的第三输入之后,切换应用区域中显示的桌面控件。这样,当卷轴屏处于未展开状态时,可以切换显示的桌面控件。
在一些实施例中,第三输入可以为向卷轴展开方向滑动的输入或向卷轴收回方向滑动的输入。
在一种可能的实现方式中,第一显示内容还包括页面指示符;当可见显示区域包括第一页面,页面指示符为第一样式;当可见显示区域包括第一页面和第二页面的第一部分,页面指示符为第二样式;当可见显示区域包括第一页面和第二页面,页面指示符为第三样式;第一样式、第二样式和第三样式都不同。这样,页面指示符可以用于标识卷轴屏的可见显示区域中显示的页面为桌面页面中的哪些页面。其中,页面指示符的详细描述可以参见图8A-图8C所示实施例。
在一种可能的实现方式中,第一显示内容还包括页面指示符;当可见显示区域包括第一页面和第二页面的第一部分,页面指示符为第二样式;当可见显示区域包括第一页面、第二页面的第一部分和第二页面的第三部分,页面指示符为第三样式;第二样式和第三样式不同。
在一种可能的实现方式中,第二页面包括N个部分,第二页面的N个部分包括第二页面的第二部分或第二页面的第三部分;其中,N为第一页面或第二页面在卷轴展开方向上最多放置的应用图标的数量。这样,电子设备每次接收到第一输入后,可以展开卷轴屏,并新增显示一部分图标。既可以避免卷轴屏展开的尺寸过大,导致用户不方便拿持该电子设备,也可以每次多显示一部分图标,便于用户使用。
在一种可能的实现方式中,若第二状态为半展开状态,第二显示内容包括第二页面的第三部分,方法还包括:电子设备接收到针对第四输入之后,在可见显示区域中显示第一页面的第一部分、第二页面和第三页面的第一部分;其中,第一页面由第一部分和第二部分组成,第一页面的N个部分中包括第二部分,第三页面的N个部分包括第三页面的第一部分。
其中,第四输入可以为向卷轴展开方向滑动的输入或向卷轴收回方向滑动的输入。这样,电子设备每次接收到切换页面的输入后,可以取消显示一部分图标,并新增显示一部分图标。
在一种可能的实现方式中,第一显示内容包括状态栏,状态栏显示在可见显示区域的顶部;当卷轴屏处于第一状态时,状态栏的类型为第一状态栏类型;当卷轴屏处于第二状态时,状态栏的类型为第二状态栏类型;第一状态栏类型和第二状态栏类型不同。这样,电子设备可以基于卷轴屏的可见显示区域的尺寸,显示不同状态栏类型的状态栏。
在一种可能的实现方式中,第一状态栏类型和第二状态栏类型不同,包括:第一状态栏类型的状态栏在卷轴展开方向上的长度小于第二状态栏类型的状态栏在卷轴展开方向上的长度。这样,电子设备可以在展开卷轴屏的同时,始终保持状态栏中的指示符显示在可见显示区域边框附近。
在一种可能的实现方式中,第一状态栏类型和第二状态栏类型不同,包括:第一状态栏类型的状态栏和第二状态栏类型的状态栏的在可见显示区域上的位置不同。
具体的,以上状态栏的描述可以参见图6A-图6B所示实施例,在此不再赘述。
在一种可能的实现方式中,第一显示内容包括托盘区域,托盘区域显示在可见显示区域的底部;当卷轴屏处于第一状态时,托盘区域的类型为第一托盘类型;当卷轴屏处于第二状态时,托盘区域的类型为第二托盘类型;第一托盘类型和第二托盘类型不同。
在一种可能的实现方式中,第一托盘类型和第二托盘类型不同,包括:第一托盘类型的托盘区域在卷轴展开方向上的长度小于第二托盘类型的托盘区域在卷轴展开方向上的长度。
在一种可能的实现方式中,第二托盘类型的托盘区域中应用图标的数量大于第一托盘类型的托盘区域中应用图标的数量,或者,第二托盘类型的托盘区域中应用图标的数量和第一托盘类型的托盘区域中应用图标的数量相同。
具体的,以上托盘区域的描述可以参见图7A-图7B所示实施例,在此不再赘述。
在一种可能的实现方式中,若第二状态为半展开状态,第二显示内容包括第二页面的第一部分;方法还包括:电子设备接收到第五输入后,在可见显示区域中显示第二显示内容和第三显示内容。
在一些实施例中,第三显示内容包括第二页面中除了第二页面的第一部分以外的页面内容,以及第三页面的第一部分。第三页面的第一部分在第三页面中的位置和第二页面的第一部分在第二页面中的位置相同。在一些实施例中,第五输入可以为从第二页面的第一部分指向第一页面的滑动输入。这样,电子设备可以响应于第五输入,切换可见显示区域中的显示内容。
在一种可能的实现方式中,在处于第二状态时卷轴屏的可见显示区域中显示有第一显示内容和第二显示内容之后,方法还包括:电子设备接收到第五输入后,在可见显示区域中显示第三显示内容;其中,第三显示内容、第一显示内容和第二显示内容都不同。
在一些实施例中,当第一状态为未展开状态(或半展开状态),第二状态为完全展开状态,第一显示内容包括第一页面(或第一页面和第二页面的第一部分),第二显示内容包括第二页面,第三显示内容包括第三页面和第四页面。
在一些实施例中,当第一状态为未展开状态,第二状态为半展开状态,第一显示内容包括第一页面,第二显示内容包括第二页面的第一部分。
当第二页面的第一部分在卷轴展开方向上的长度小于第二页面在卷轴展开方向上的一半长度时,第三显示内容包括第二页面的第三部分和第三页面的第一部分,其中,第一页面和第二页面的第一部分在卷轴展开方向上的长度与第二页面的第三部分和第三页面的第一部分在卷轴展开方向上的长度相同。
当第二页面的第一部分在卷轴展开方向上的长度等于第二页面在卷轴展开方向上的一半长度时,第三显示内容包括第二页面的第三部分和第三页面,其中,第一页面、第二页面的第一部分和第二页面的第二部分在卷轴展开方向上的长度与第二页面的第三部分和第三页面在卷轴展开方向上的长度相同。
当第二页面的第一部分在卷轴展开方向上的长度大于第二页面在卷轴展开方向上的一半长度时,第三显示内容包括第二页面的第三部分、第三页面和第四页面的第一部分,其中,第一页面和第二页面的第一部分在卷轴展开方向上的长度与第二页面的第三部分、第三页面和第四页面的第一部分在卷轴展开方向上的长度相同。
在一些实施例中,当第一状态为半展开状态,第二状态为半展开状态,第一显示内容包括第一页面和第二页面的第一部分,第二显示内容包括第二页面的第二部分。第三显示内容包括的页面内容可以参照上述,第一状态为未展开状态,第二状态为半展开状态的描述,在此不再赘述。
在一种可能的实现方式中,若第二状态为完全展开状态,第二显示内容包括第二页面;其中,第一显示内容包括第一控件,方法还包括:电子设备接收到针对第一控件的第六输入后,在可见显示区域中显示第二显示内容、第三显示内容和第一控件。
这样,电子设备可以在用户拖动显示的图标到可见显示区域的边框附近时,切换可见显示区域的显示内容以及改变第一控件和第一显示内容的第二控件的相对位置。
在一种可能的实现方式中,若第二状态为完全展开状态,第二显示内容包括第二页面;其中,第二显示内容包括第一控件和第二控件,方法还包括:
电子设备接收到针对第一控件的第七输入后,在可见显示区域中显示第二显示内容和第三显示内容;其中,在电子设备接收到第六输入之前与之后,第一控件和第二控件的相对位置不同。
在一种可能的实现方式中,在处于第二状态时卷轴屏的可见显示区域中显示有第一显示内容和第二显示内容之后;方法还包括:电子设备接收到第八输入后,在可见显示区域中显示第一显示内容的一部分和第三显示内容。
在一些实施例中,第八输入为向卷轴展开方向滑动的输入。其中,具体的描述可以参见图5所示实施例,在此不再赘述。
在一种可能的实现方式中,处于第二状态时卷轴屏的可见显示区域中显示有第一显示内容和第二显示内容,具体包括:当第二显示内容包括第一控件的部分时,电子设备缩小第一控件的尺寸,并将第一控件的全部显示在第二显示内容所在的显示区域内;或者,电子设备移动第一控件到可见显示区域的空白显示区域,空白显示区域的尺寸大于第一控件的尺寸,且空白显示区域不包括桌面控件。
其中,具体描述可以参见图4A-图4E所示实施例,以及图9A和图9C所示实施例,在此不再赘述。
在一种可能的实现方式中,在电子设备接收到第一输入之前,方法还包括:电子设备接收到第九输入;响应于第九输入,电子设备显示第一控件,第一输入为针对第一控件的输入。这样,可以通过第一控件触发电子设备展开卷轴屏,避免误触。
在一种可能的实现方式中,在处于第二状态时卷轴屏的可见显示区域中显示有第一显示内容和第二显示内容之后,方法还包括:电子设备接收到针对可见显示区域的第一区域的顶部的第十输入后,在第一区域上显示通知栏,通知栏用于显示应用的通知消息。这样,电子设备可以基于可见显示区域的尺寸,显示通知栏。
在一种可能的实现方式中,在处于第二状态时卷轴屏的可见显示区域中显示有第一显示内容和第二显示内容之后,方法还包括:电子设备接收到针对可见显示区域的第二区域的顶部的第十一输入后,在第二区域上显示控制栏,控制栏包括一个或多个功能控件。这样,电子设备可以基于可见显示区域的尺寸,显示控制栏。
第二方面,本申请提供了一种电子设备,包括:一个或多个处理器、卷轴屏、一个或多个存储器。其中,该卷轴屏、一个或多个存储器与该一个或多个处理器耦合,该一个或多个存储器用于存储计算机程序代码,该计算机程序代码包括计算机指令,当该一个或多个处理器在执行该计算机指令时,使得该第一电子设备执行上述第一方面任一项可能的实现方式中的显示方法。
第三方面,本申请实施例提供了一种计算机可读存储介质,包括计算机指令,当计算机指令在第一电子设备上运行时,使得第一电子设备执行上述第一方面任一项可能的实现方式中的显示方法。
附图说明
图1为本申请实施例提供的一种具有卷轴屏的电子设备100的产品形态示意图;
图2A为本申请实施例提供的一种电子设备的硬件结构示意图;
图2B为本申请实施例提供的一种电子设备的软件结构示意图;
图3A-图3E为本申请实施例提供的一组界面示意图;
图4A-图4F为本申请实施例提供的另一组界面示意图;
图5为本申请实施例提供的一张界面示意图;
图6A-图6B为本申请实施例提供的另一组界面示意图;
图7A-图7B为本申请实施例提供的另一组界面示意图;
图8A-图8C为本申请实施例提供的页面指示符示意图;
图9A-图9C为本申请实施例提供的另一组界面示意图;
图10A-图10C为本申请实施例提供的另一组界面示意图;
图11A-图11D为本申请实施例提供的另一组界面示意图;
图12A-图12E为本申请实施例提供的另一组界面示意图;
图13A-图13B为本申请实施例提供的另一组界面示意图;
图14为本申请实施例提供的一张界面示意图;
图15A-图15C为本申请实施例提供的另一组界面示意图;
图16为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将结合附图对本申请实施例中的技术方案进行清楚、详尽地描述。其中,在本申请实施例的描述中,除非另有说明,“/”表示或的意思,例如,A/B可以表示A或B;文本中的“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。
以下,术语“第一”、“第二”仅用于描述目的,而不能理解为暗示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征,在本申请实施例的描述中,除非另有说明,“多个”的含义是两个或两个以上。
本申请实施例提供了一种显示方法,该方法可以应用于具有卷轴屏的电子设备。该电子设备的卷轴屏可延垂直于卷轴的方向拉出或收回,改变卷轴屏垂直于卷轴方向的屏幕长度。
例如,图1示出了本申请实施例提供的一种具有卷轴屏的电子设备100的产品形态示意图。卷轴屏的形态可以被划分为未展开状态、半展开状态和完全展开状态。其中,图1中的(a)为卷轴屏未展开状态的示意图。当卷轴屏处于未展开状态时,卷轴屏的一部分屏幕隐藏在电子设备100的机身内,电子设备100可以在展开的另一部分屏幕上显示应用的界面。此时,展开的部分屏幕的长度为第一长度。该卷轴屏隐藏在机身内的部分屏幕可以向指定方向(例如,图中所示箭头方向)伸展。当卷轴屏的屏幕还未完全展开时,卷轴屏处于半展开状态,如图1中的(b)所示。当卷轴屏处于半展开状态时,卷轴屏隐藏在机身内的部分屏幕减少,显露在机身表面的部分屏幕增多,直到卷轴屏全部都显露在机身表面。当卷轴屏全部都显露在机身表面时,卷轴屏处于完全展开状态,如图1中的(c)所示,此时屏幕的长度为第二长度。其中,第二长度大于第一长度。可以理解的是,当屏幕的长度大于第一长度,且小于第二长度时,卷轴屏处于半展开状态。
需要说明的是,在本申请实施例中,卷轴屏可以延垂直于卷轴的第一方向展开屏幕,从未展开状态,经过半展开状态,到完全展开状态。同理,卷轴屏也可以延垂直于卷轴的第二方向收回屏幕,从完全展开状态,经过半展开状态,到未展开状态。其中,第一方向和第二方向相反。
还需要说明的是,卷轴屏分为可见显示区域和不可见显示区域,其中,可见显示区域为卷轴屏显露的部分屏幕上的显示区域。不可见显示区域为卷轴屏隐藏的部分屏幕上的显示区域。
在本申请所述实施例中,当卷轴屏处于未展开状态时,卷轴屏的可见显示区域显示有第一页面。当卷轴屏处于半展开状态时,卷轴屏的可见显示区域显示有第一页面,以及第二页面的一部分。当卷轴屏处于完全展开状态时,卷轴屏的可见显示区域显示有第一页面和第二页面。在一些实施例中,第一页面始终固定显示在可见显示区域的第一方向侧或第二方向侧。
需要说明的是,本申请实施例对第一页面和第二页面的具体显示方位不做限定。例如,第一页面可以显示在卷轴屏的左边区域,第二页面可以显示在卷轴屏的右边区域。再例如,第一页面可以显示在卷轴屏的右边区域,第二页面可以显示在卷轴屏的左边区域。再例如,第一页面可以显示在卷轴屏的上边区域,第二页面可以显示在卷轴屏的下边区域。再例如,第一页面可以为卷轴屏的下边区域,第二页面为卷轴屏的上边区域。再例如,当卷轴屏处于完全展开状态时,第一页面可以显示在卷轴屏的左半区域,第二页面可以显示在卷轴屏的右半区域,以此类推。
本申请实施例提供了一种显示方法。电子设备100的卷轴屏处于第一状态,电子设备100的卷轴屏的可见显示区域中显示有第一显示内容。电子设备100可以在接收到用户的第一输入后,响应于第一输入,将卷轴屏从第一状态切换至第二状态,并在卷轴屏的可见显示区域中显示第一显示内容和第二显示内容。处于第二状态的卷轴屏的可见显示区域的尺寸大于处于第一状态的卷轴屏的可见显示区域的尺寸。第二显示内容和第一显示内容不同。这样,电子设备100可以基于卷轴屏的可见显示区域的尺寸,显示和可见显示区域的尺寸相匹配的页面内容。并且,由于电子设备100并未改变第一显示内容的布局,便于用户查找第一显示内容。
其中,当第一状态为未展开状态时,第一显示内容可以包括第一页面。第二状态为半展开状态时,第二显示内容可以包括第二页面的第一部分。第二状态为完全展开状态时,第二显示内容可以包括第二页面。
当第一状态为半展开状态时,第一显示内容可以包括第一页面和第二页面的第一部分。第二状态为半展开状态时,第二显示内容可以包括第二页面的第二部分,第二页面的第一部分和第二页面的第二部分不同。第二状态为完全展开状态时,第二显示内容可以包括第二页面的第三部分,第二页面可以划分为第一部分和第三部分。
需要说明的是,第一页面、第二页面可以为桌面页面。当卷轴屏处于未展开状态时,卷轴屏的可见显示区域中只显示桌面中的一个页面。例如,当处于未展开状态的卷轴屏的可见显示区域中显示有第一页面时,电子设备100可以接收到用户针对第一页面的滑动输入(例如,左滑)后,响应于该输入,在可见显示区域中切换显示第二页面。当处于未展开状态的卷轴屏的可见显示区域中显示有第二页面时,电子设备100可以接收到用户针对第二页面的滑动输入(例如,右滑)后,响应于该输入,在可见显示区域中切换显示第一页面。
还需要说明的是,不限于第一页面和第二页面,电子设备100的桌面可以包括更多的页面,本申请实施例对此不作限定。
在一些实施例中,第一页面和第二页面可以为处于未展开状态的卷轴屏的可见显示区域中显示的任意页面。例如,第一页面可以为负一屏,第二页面可以为用于放置应用图标的页面(例如,除了负一屏以外的桌面页面,快捷启动页面等等),或某个应用的页面等等。再例如,第一页面可以为用于放置应用图标的页面,第二页面可以为其他用于放置应用图标的页面,或负一屏,或某个应用的页面等等。本申请对此不作限定。
在一些实施例中,第一显示内容包括状态栏,当卷轴屏处于第一状态时,状态栏的类型为第一状态栏类型;当卷轴屏处于第二状态时,状态栏的类型为第二状态栏类型;第一状态栏类型和第二状态栏类型不同。可选的,第一状态栏类型的状态栏和第二状态栏类型的状态栏的在可见显示区域上的位置不同。其中,状态栏的具体描述详见以下图6A-图6B所示实施例。
在一些实施例中,第一显示内容包括托盘区域,托盘区域显示在可见显示区域的底部;当卷轴屏处于第一状态时,托盘区域的类型为第一托盘类型;当卷轴屏处于第二状态时,托盘区域的类型为第二托盘类型;第一托盘类型和第二托盘类型不同。其中,托盘区域的具体描述详见以下图7A-图7B所示实施例。
在一些实施例中,可见显示区域还包括页面指示符;当可见显示区域只包括第一页面,页面指示符为第一样式;当可见显示区域包括第一页面和第二页面的第一部分,页面指示符为第二样式;当可见显示区域包括第一页面和第二页面,页面指示符为第三样式;第一样式、第二样式和第三样式都不同。其中,页面指示符的具体描述详见以下图8A-图8C所示实施例。
下面介绍本申请实施例提供的电子设备的硬件结构示意图。
电子设备100可以是平板电脑、手机、桌面型计算机、膝上型计算机、手持计算机、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer,UMPC)、上网本,以及蜂窝电话、个人数字助理(personal digital assistant,PDA)、增强现实(augmentedreality,AR)设备、虚拟现实(virtual reality,VR)设备、人工智能(artificialintelligence,AI)设备、可穿戴式设备、车载设备、智能家居设备和/或智慧城市设备,本申请实施例对该电子设备100的具体类型不作特殊限制。
图2A示出了电子设备100的结构示意图。
电子设备100可以包括处理器110,外部存储器接口120,内部存储器121,通用串行总线(universal serial bus,USB)接口130,充电管理模块140,电源管理模块141,电池142,天线1,天线2,移动通信模块150,无线通信模块160,音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,传感器模块180,按键190,马达191,指示器192,摄像头193,显示屏194,以及用户标识模块(subscriber identification module,SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A,陀螺仪传感器180B,气压传感器180C,磁传感器180D,加速度传感器180E,距离传感器180F,接近光传感器180G,指纹传感器180H,温度传感器180J,触摸传感器180K,环境光传感器180L,骨传导传感器180M等。
可以理解的是,本发明实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中,电子设备100可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。图示的部件可以以硬件,软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元,例如:处理器110可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processingunit,GPU),图像信号处理器(image signal processor,ISP),控制器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。
其中,控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。
处理器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)接口等。
可以理解的是,本发明实施例示意的各模块间的接口连接关系,只是示意性说明,并不构成对电子设备100的结构限定。在本申请另一些实施例中,电子设备100也可以采用上述实施例中不同的接口连接方式,或多种接口连接方式的组合。
充电管理模块140用于从充电器接收充电输入。其中,充电器可以是无线充电器,也可以是有线充电器。在一些有线充电的实施例中,充电管理模块140可以通过USB接口130接收有线充电器的充电输入。在一些无线充电的实施例中,充电管理模块140可以通过电子设备100的无线充电线圈接收无线充电输入。充电管理模块140为电池142充电的同时,还可以通过电源管理模块141为电子设备100供电。
电源管理模块141用于连接电池142,充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入,为处理器110,内部存储器121,显示屏194,摄像头193,和无线通信模块160等供电。电源管理模块141还可以用于监测电池容量,电池循环次数,电池健康状态(漏电,阻抗)等参数。在其他一些实施例中,电源管理模块141也可以设置于处理器110中。在另一些实施例中,电源管理模块141和充电管理模块140也可以设置于同一个器件中。
电子设备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的至少部分模块被设置在同一个器件中。
调制解调处理器可以包括调制器和解调器。其中,调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后,被传递给应用处理器。应用处理器通过音频设备(不限于扬声器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 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,显示屏194,以及应用处理器等实现显示功能。GPU为图像处理的微处理器,连接显示屏194和应用处理器。GPU用于执行数学和几何计算,用于图形渲染。处理器110可包括一个或多个GPU,其执行程序指令以生成或改变显示信息。
显示屏194用于显示图像,视频等。该显示屏194可以为柔性屏,例如,上述卷轴屏,折叠屏等等。
显示屏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的正整数。
电子设备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的正整数。
数字信号处理器用于处理数字信号,除了可以处理数字图像信号,还可以处理其他数字信号。例如,当电子设备100在频点选择时,数字信号处理器用于对频点能量进行傅里叶变换等。
视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样,电子设备100可以播放或录制多种编码格式的视频,例如:动态图像专家组(moving picture experts group,MPEG)1,MPEG2,MPEG3,MPEG4等。
NPU为神经网络(neural-network,NN)计算处理器,通过借鉴生物神经网络结构,例如借鉴人脑神经元之间传递模式,对输入信息快速处理,还可以不断的自学习。通过NPU可以实现电子设备100的智能认知等应用,例如:图像识别,人脸识别,语音识别,文本理解等。
外部存储器接口120可以用于连接外部的非易失性存储器,实现扩展电子设备100的存储能力。外部的非易失性存储器通过外部存储器接口120与处理器110通信,实现数据存储功能。例如将音乐,视频等文件保存在外部的非易失性存储器中。
内部存储器121可以用于存储计算机可执行程序代码,所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令,从而执行电子设备100的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中,存储程序区可存储操作系统,至少一个功能所需的应用程序(比如声音播放功能,图像播放功能等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如音频数据,电话本等)等。此外,内部存储器121可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件,闪存器件,通用闪存存储器(universal flash storage,UFS)等。
电子设备100可以通过音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,以及应用处理器等实现音频功能。例如音乐播放,录音等。
音频模块170用于将数字音频信息转换成模拟音频信号输出,也用于将模拟音频输入转换为数字音频信号。
扬声器170A,也称“喇叭”,用于将音频电信号转换为声音信号。
受话器170B,也称“听筒”,用于将音频电信号转换成声音信号。
麦克风170C,也称“话筒”,“传声器”,用于将声音信号转换为电信号。
当压力传感器180A用于感受压力信号,可以将压力信号转换成电信号。在一些实施例中,压力传感器180A可以设置于显示屏194。陀螺仪传感器180B可以用于确定电子设备100的运动姿态。气压传感器180C用于测量气压。磁传感器180D包括霍尔传感器,可以利用磁传感器180D检测翻盖皮套的开合。加速度传感器180E可检测电子设备100在各个方向上(一般为三轴)加速度的大小。距离传感器180F,用于测量距离。接近光传感器180G也可用于皮套模式,口袋模式自动解锁与锁屏。环境光传感器180L用于感知环境光亮度。指纹传感器180H用于采集指纹。温度传感器180J用于检测温度。触摸传感器180K,也称“触控面板”。触摸传感器180K可以设置于显示屏194,由触摸传感器180K与显示屏194组成触摸屏,也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器,以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中,触摸传感器180K也可以设置于电子设备100的表面,与显示屏194所处的位置不同。骨传导传感器180M可以获取振动信号。按键190包括开机键,音量键等。指示器192可以是指示灯,可以用于指示充电状态,电量变化,也可以用于指示消息,未接来电,通知等。SIM卡接口195用于连接SIM卡。
其中,马达191可以产生振动提示。马达191可以用于来电振动提示,也可以用于触摸振动反馈。例如,作用于不同应用(例如拍照,音频播放等)的触摸操作,可以对应不同的振动反馈效果。作用于显示屏194不同区域的触摸操作,马达191也可对应不同的振动反馈效果。不同的应用场景(例如:时间提醒,接收信息,闹钟,游戏等)也可以对应不同的振动反馈效果。触摸振动反馈效果还可以支持自定义。
在本申请实施例中,电子设备100的显示屏194可展开或收回改变屏幕的可见显示区域的尺寸。电子设备100可以设置有马达191和卷轴结构。电子设备100可以通过马达191驱动卷轴结构展开或卷起显示屏194,具体的,可以参见上述图1所示实施例,在此不再赘述。处理器110可以基于用户的第一输入,通知马达191展开卷轴屏。
处理器110还可以确定出展开后的卷轴屏的可见显示区域的显示内容。例如,处理器110可以基于展开后的卷轴屏的可见显示区域的尺寸,确定出待显示的第二页面的内容。处理器110可以通知显示屏194在展开后的卷轴屏上显示确定出的显示内容。显示屏194可用于显示给第一页面和第二页面的一部分,或者,第一页面和完整的第二页面。
以下实施例中的方法均可以在具有上述硬件结构的电子设备100中实现。
下面介绍本申请实施例提供的电子设备100的软件结构图。
电子设备100的软件系统可以采用分层架构,事件驱动架构,微核架构,微服务架构,或云架构。本发明实施例以分层架构的移动操作系统为例,示例性说明电子设备100的软件结构。
分层架构将软件分成若干个层,每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中,将移动操作系统分为四层,从上至下分别为应用程序层,应用程序框架层,运行时(runtime)和系统库,以及内核层。
应用程序层可以包括一系列应用程序包。如图2B所示,应用程序包可以包括相机,图库,日历,通话,地图,导航,WLAN,蓝牙,音乐,视频,短信息等应用程序。
应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface,API)和编程框架。应用程序框架层包括一些预先定义的函数。
如图2B所示,应用程序框架层可以包括内容提供器,视图系统,资源管理器,通知管理器,电话管理器,窗口管理器等。
其中,内容提供器用来存放和获取数据,并使这些数据可以被应用程序访问。所述数据可以包括视频,图像,音频,拨打和接听的电话,浏览历史和书签,电话簿等。
视图系统包括可视控件,例如显示文字的控件,显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如,包括短信通知图标的显示界面,可以包括显示文字的视图以及显示图片的视图。
资源管理器为应用程序提供各种资源,比如本地化字符串,图标,图片,布局文件,视频文件等等。
通知管理器使应用程序可以在状态栏中显示通知信息,可以用于传达告知类型的消息,可以短暂停留后自动消失,无需用户交互。比如通知管理器被用于告知下载完成,消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知,例如后台运行的应用程序的通知,还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息,发出提示音,电子设备100振动,指示灯闪烁等。
电话管理器用于提供电子设备的通信功能。例如通话状态的管理(包括接通,挂断等)。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小,判断是否有状态栏,锁定屏幕,截取屏幕等。
运行时可以指程序运行时所需的一切代码库、框架等。例如,对于C语言来说,运行时包括一系列C程序运行所需的函数库。对于Java语言来说,运行时包括核心库和虚拟机,核心库可包括Java语言需要调用的功能函数。应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的Java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理,堆栈管理,线程管理,安全和异常的管理,以及垃圾回收等功能。
系统库可以包括多个功能模块。例如:表面管理器(surface manager),媒体库(Media Libraries),三维图形处理库(例如:OpenGL ES),2D图形引擎(例如:SGL)等。
表面管理器用于对显示子系统进行管理,并且为多个应用程序提供了2D和3D图层的融合。
媒体库支持多种常用的音频,视频格式回放和录制,以及静态图像文件等。媒体库可以支持多种音视频编码格式,例如:MPEG4,H。264,MP3,AAC,AMR,JPG,PNG等。
三维图形处理库用于实现三维图形绘图,图像渲染,合成,和图层处理等。
2D图形引擎是2D绘图的绘图引擎。
内核层是硬件和软件之间的层。内核层至少包含显示驱动,卷轴屏驱动,音频驱动,传感器驱动等等。其中,卷轴屏驱动可以用于控制卷轴屏马达,展开或收回卷轴屏。
在一种可能的实现方式中,电子设备100可以在接收到第一输入后,展开卷轴屏,增长可见显示区域在卷轴展开方向上的长度。电子设备100每次接收到第一输入后,展开的卷轴屏的长度相同。直到卷轴屏的可见显示区域在卷轴展开方向上的长度达到第二长度。其中,卷轴屏每次展开的长度可以基于应用图标在卷轴展开方向上的长度得到,例如,卷轴屏每次展开的长度和应用图标在卷轴展开方向上的长度相同。在本申请实施例中,应用图标在卷轴展开方向上的长度可以称为第三长度。当卷轴屏处于未展开状态时,卷轴屏的可见显示区域在卷轴展开方向上的长度为第一长度,第一长度和第三长度的关系为:
第一长度=M*第三长度公式(1)
其中,M为未展开状态的卷轴屏的可见显示区域在卷轴展开方向上最多可以放置的应用图标的数量,M大于等于1。
可选的,电子设备100每次展开卷轴屏时,卷轴屏展开的长度可以由用户进行设置,例如,卷轴屏每次展开的长度的值为1至M中任一数值和第三长度的乘积。例如,当M为4时,电子设备100可以每次展开1个第三长度,或者,2个第三长度,或者,3个第三长度,或者4个第三长度。需要说明的是,当可见显示区域在卷轴展开方向的长度(后续称为第四长度)和卷轴屏每次展开的长度的和大于第二长度时,电子设备100只能展开至第四长度和第二长度相同。
下面结合应用场景,具体介绍本申请实施例提供的一种显示方法。
在一些应用场景中,电子设备100的卷轴屏的可见显示区域中显示有第一页面,或者,第一页面和第二页面的第一部分时。电子设备100可以在接收到用户的输入后,响应于该输入,展开卷轴屏,并在展开后的卷轴屏的可见显示区域中新增显示第二页面的第二部分。其中,第二页面可以分为N个部分,N为第二页面在卷轴展开方向上最多放置的应用图标的数量。当电子设备100的可见显示区域只显示有第一页面时,第二页面的第二部分为第二页面N个部分中最靠近第一页面的1个部分。当电子设备100的可见显示区域显示有第一页面和第二页面的第一部分时,第二页面的第二部分为第二页面的N个部分中最靠近该第一部分的1个部分。例如,当第二页面的第一部分包括第二页面的N个部分中靠近第一页面的第1个部分时,第二页面的第二部分为第二页面的N个部分中最靠近第1个部分的第2个部分。当第二页面的第一部分包括第二页面的N个部分中最靠近第一页面的第1个部分和第2个部分时,第二页面的第二部分为第二页面的N个部分中最靠近第2个部分的第3个部分,以此类推。这样,电子设备100可以在每次接收到第一输入后,展开一部分卷轴屏,并在展开的部分卷轴屏的显示区域中显示其他应用图标,避免屏幕资源的浪费。并且,由于第一页面和第二页面的页面布局没有发生改变,更加贴合用户的使用习惯。
示例性的,如图3A所示,电子设备100的卷轴屏处于未展开状态。电子设备100的可见显示区域301中可以显示有页面303,该页面303包括多个应用图标(例如,应用a图标、应用b图标、应用c图标、应用d图标等等)。
可选的,该放置有应用图标的页面303的下方还悬浮显示有页面指示符311,以表明桌面上页面总数,以及当前显示的页面303与其他页面的位置关系。
在此,电子设备100的桌面包括4个页面,分别为页面302、页面303、页面304和页面305。其中,页面302为负一屏,该页面302中可以显示有一个或多个功能组件。页面304和页面305为包括至少一个应用图标的页面。当电子设备100的卷轴屏处于未展开状态时,可见显示区域301中只能显示该4个页面的任意一个页面。电子设备100可以响应于用户切换页面的输入,切换显示该4个页面。当处于未展开状态的卷轴屏的可见显示区域301中显示有页面302时,电子设备100可以在接收到用户的滑动输入(例如,向第二方向滑动),响应于该滑动输入,在可见显示区域301中显示页面303。当处于未展开状态的卷轴屏的可见显示区域301中显示有页面303时,电子设备100可以在接收到用户的滑动输入(例如,向第二方向滑动),响应于该滑动输入,在可见显示区域301中显示页面304。当处于未展开状态的卷轴屏的可见显示区域301中显示有页面304时,电子设备100可以在接收到用户的滑动输入(例如,向第二方向滑动),响应于该滑动输入,在可见显示区域301中显示页面305。
在此,该页面指示符中的黑点在左边第2个,可以表示当前显示页面303为四个页面中左边的第2个页面。可选的,当桌面上的页面包括负一屏(例如,页面302)时,页面指示符311中负一屏的图标和其他页面的图标不同。可选的,当桌面上的页面包括主页面时,页面指示符311中主页面的图标和其他页面的图标不同。其中,主页面为桌面中多个页面中除了负一屏以外的页面中的某一个页面。可以理解的是,页面指示符311中除了负一屏的图标和主页面的图标以外的其他页面的图标都相同。其中,当电子设备100显示负一屏(例如,页面302)时,可以不显示页面指示符。
需要说明的是,当电子设备100的可见显示区域中显示的页面不同,页面指示符311中的黑点所在位置也不同。例如,电子设备100的可见显示区域301中显示页面304时,页面指示符中的黑点在左边第3个。电子设备100的可见显示区域301中显示页面305时,页面指示符中的黑点在左边第4个。
可选的,该放置有应用图标的页面的上方还显示包括有状态栏310,状态栏310包括一个或多个状态指示符,该一个或多个状态指示符可以包括但不限于通信信号(例如,蜂窝网络信号,WLAN信号)的强度指示符、时间指示符、电量指示符、定位功能开启指示符、飞行功能开启指示符、通知标记指示符(用于指示通知消息对应的应用)等。可选的,由于电子设备100的可见显示区域的尺寸会随着卷轴屏的展开或收回发生改变,状态栏310的尺寸也可以随着可见显示区域的尺寸的变化而变化。例如,状态栏310中左侧的图标可以始终显示在可见显示区域的最左侧,状态栏310中右侧的图标可以始终显示在可见显示区域的最右侧。
可选的,页面指示符的下方可以有托盘(dock)区域312,该dock区域312中可以包括有一个或多个托盘图标(例如,应用e图标、应用f图标、应用g图标、应用h图标等等),该dock区域312中的一个或多个托盘图标可以在页面切换时保持显示。需要说明的是,当电子设备100切换显示负一屏(例如,页面302)时,可以不显示托盘区域域312。
可选的,放置有应用图标的页面还可以包括有应用夹图标,应用夹图标可以包括第一类应用夹图标和第二类应用夹图标。第一类应用夹图标可用于触发电子设备100显示出一个或多个应用图标,该第一类应用夹图标的尺寸可以和应用图标的尺寸相同。第二类应用夹图标(例如,应用夹o图标)包括一个或多个小图标,该第二类应用夹图标的尺寸大于应用图标的尺寸,该一个或多个小图标的尺寸小于或等于应用图标的尺寸。电子设备100可以接收用户针对第二类应用夹图标中的小图标的输入,显示该小图标对应的应用界面。
可选的,放置有应用图标的页面还可以包括一个或多个应用功能对应的卡片组件(例如,组件n等等)。其中,卡片组件上可以显示有该卡片组件对应应用功能的功能展示信息,该卡片组件可用于触发电子设备100跳转显示该卡片组件对应应用功能的界面。例如,时钟组件上可以显示出时间信息,时钟组件可用于触发电子设备100跳转显示出时钟应用中的时间界面(包括有时间信息)。天气组件上可以显示电子设备100当前所处地区的天气信息(包括指定地区位置当前的天气、室外温度、空气质量等中的一个或多个),天气组件可用于触发电子设备100显示天气应用中的天气界面(包括有当前所处地区的天气信息)。音乐组件上可以显示音乐信息(包括音乐的专辑封面、音乐的名称和歌手名称中的一个或多个),音乐组件可用于触发电子设备100显示出音乐应用中的音乐播放界面(包括有音乐信息),等等。
电子设备100的卷轴屏的可见显示区域中显示有图3A所示的页面303时,电子设备100可以接收用户的输入,响应于该输入,电子设备100可以展开卷轴屏,增大可见显示区域301的尺寸,并在展开后的卷轴屏的可见显示区域301中新增显示应用i图标和应用j图标。其中,应用i图标和应用j图标为页面304中的应用图标,如图3B所示。在此,可见显示区域301在卷轴展开方向上的长度大于第一长度,并且小于第二长度。
其中,该输入可以为任意用于触发电子设备100展开卷轴屏的输入,例如,该输入可以为针对电源键的滑动输入,或者,该输入可以为针对页面303的空白区域的双击输入等等。需要说明的是,不限于单击、双击、长按、滑动、语音指令输入等等。该输入可以是用户操作的集合。例如,该输入可以是指关节叩击并在屏幕画出指定图案等等。
其中,状态栏310的尺寸可以随着可见显示区域301的变化而变化,如图3B所示,状态栏310中右侧的图标始终显示在可见显示区域301的右侧边缘。
其中,页面指示符311中页面303的符号为黑色,可以用于表明可见显示区域301中显示有完整的页面303。页面指示符311中页面304的符号为灰色,可以用于表明可见显示区域301中显示有页面304的一部分。页面指示符311中页面302的符号为白色,页面305的符号也为白色,可以用于表明可见显示区域301中未显示页面302和页面305。
其中,托盘区域312可以始终显示在可见显示区域301的一侧,在此,托盘区域312始终显示在可见显示区域301在卷轴收回方向指向的边框附近,且托盘区域312的尺寸及包括的应用图标的数量不变。
需要说明的是,在此,第一页面为页面303,第二页面为页面304,第二页面分为4个部分,其中,第二页面的4个部分中第1个部分为第一接近第一页面的页面部分,第2个部分为第二接近第一页面的页面部分,第3个部分为第三接近第一页面的页面部分,第4个部分为第四接近第一页面的页面部分。电子设备100接收到第一输入后,响应于第一输入,展开卷轴屏,并在展开的卷轴屏区域显示第一页面和第二页面的第二部分,该第二部分为第二页面的第1个部分。电子设备100可以在卷轴屏的可见显示区域中显示有第二页面的第二部分时,停止展开卷轴屏。这样,电子设备100的可见显示区域增大时,可以显示其他图标,避免浪费增加的屏幕资源。
电子设备100显示有图3B所示的页面302和页面304的一部分时,电子设备100可以接收用户的输入,响应于该输入,电子设备100可以展开卷轴屏,增大可见显示区域301的尺寸,并在展开后的卷轴屏的可见显示区域301中新增显示应用k图标。其中,应用k图标为页面304中的应用图标,如图3C所示。在此,可见显示区域301在卷轴展开方向上的长度大于第一长度,并且小于第二长度。其中,状态栏310中右侧的图标始终显示在可见显示区域301的右侧边缘。
需要说明的是,第二页面的第一部分包括第二页面的第1个部分。电子设备100接收到第一输入后,响应于第一输入,展开卷轴屏,并在展开的卷轴屏区域显示第一页面、第二页面的第一部分和第二页面的第二部分,该第二部分为第二页面的第2个部分。电子设备100可以在卷轴屏的可见显示区域中显示有第二页面的第二部分时,停止展开卷轴屏。
电子设备100显示有图3C所示的页面302和页面304的一部分时,电子设备100可以接收用户的输入,响应于该输入,电子设备100可以展开卷轴屏,增大可见显示区域301的尺寸,并在展开后的卷轴屏的可见显示区域301中新增显示应用l图标。其中,应用l图标为页面304中的应用图标,如图3D所示。在此,可见显示区域301在卷轴展开方向上的长度大于第一长度,并且小于第二长度。其中,状态栏310中右侧的图标始终显示在可见显示区域301的右侧边缘。
需要说明的是,第二页面的第一部分包括第二页面的第1个部分和第2个部分。电子设备100接收到第一输入后,响应于第一输入,展开卷轴屏,并在展开的卷轴屏区域显示第一页面、第二页面的第一部分和第二页面的第二部分,该第二部分为第二页面的第3个部分。电子设备100可以在卷轴屏的可见显示区域中显示有第二页面的第二部分时,停止展开卷轴屏。
电子设备100显示有图3D所示的页面302和页面304的一部分时,电子设备100可以接收用户的输入,响应于该输入,电子设备100可以展开卷轴屏,增大可见显示区域301的尺寸,并在展开后的卷轴屏的可见显示区域301中新增显示应用m图标。其中,应用m图标为页面304中的应用图标,如图3E所示。在此,可见显示区域301在卷轴展开方向上的长度等于第二长度。其中,状态栏310中右侧的图标始终显示在可见显示区域301的右侧边缘。
需要说明的是,第二页面的第一部分包括第二页面的第1个部分、第2个部分和第3个部分。电子设备100接收到第一输入后,响应于第一输入,展开卷轴屏,并在展开的卷轴屏区域显示第一页面、第二页面的第一部分和第二页面的第二部分,该第二部分为第二页面的第4个部分。电子设备100可以在卷轴屏的可见显示区域中显示有第一页面和第二页面的第二部分时,停止展开卷轴屏。此时,电子设备100的卷轴屏处于完全展开状态。
在一种可能的实现方式中,第二页面可以分为N个部分,N为第二页面在卷轴展开方向上最多放置的应用图标的数量。当电子设备100的可见显示区域只显示有第一页面时,第二页面的第二部分为第二页面N个部分中最靠近第一页面的x个部分。当电子设备100的可见显示区域显示有第一页面和第二页面的第一部分时,第二页面的第二部分为第二页面的N个部分中最靠近该第一部分的x个部分。x为大于等于0且小于N的整数。
在一种可能的实现方式中,电子设备100的卷轴屏处于半展开状态,卷轴屏中显示有第一页面和第二页面的第一部分。电子设备100可以接收用户切换页面的输入,响应于该输入,在可见显示区域中显示第二页面和第三页面的第一部分。其中,第三页面的第一部分在第三页面中的位置和第二页面的第一部分在第二页面中的位置相同。这样,电子设备100在接收到切换页面的输入后,依旧可以基于可见显示区域的尺寸,适配显示多个页面的页面内容。既避免了对展开的屏幕资源的浪费,还可以保留用户设置的页面布局,贴合用户使用习惯。
示例性的,电子设备100的可见显示区域301中显示有图3B所示的页面303和页面304的一部分。当电子设备100接收到用户切换页面的输入(例如,针对可见显示区域301显示的页面的左滑输入)后,响应于该输入,在可见显示区域301中显示如图4A所示的界面。
如图4A所示,电子设备100的可见显示区域301中显示有页面304和页面305的一部分。其中,页面305的一部分在页面305上的位置和页面304的一部分在页面304上的位置相同,并且,页面305的一部分在页面305上的尺寸和页面304的一部分在页面304上的尺寸相同。其中,页面304包括多个应用图标(例如,应用i图标、应用j图标、应用k图标、应用l图标、应用m图标等等)。
可选的,页面304的下方还悬浮显示有页面指示符311。在此,页面指示符311中的黑点在左边第3个,可以表示电子设备100当前显示有桌面的4个页面中左边第3个页面。页面指示符311中的灰点在左边第4个,可以表示电子设备100当前显示有桌面的4个页面中左边第4个页面的一部分。可选的,页面指示符311的下方可以有托盘(dock)区域312。可选的,页面304的上方还显示包括有状态栏310,该状态栏310左侧的图标显示在可见显示区域301的最左侧,状态栏310右侧的图标可以始终显示在可见显示区域301的最右侧。其中,页面指示符311、状态栏310以及托盘区域域312的具体描述可以参见上图3A所示实施例,在此不再赘述。
其中,由于页面305中包括组件n和应用夹o图标,组件n的在卷轴展开方向的长度和应用夹o图标在卷轴展开方向上的长度都大于可见显示区域301中除去页面304以外的显示区域在卷轴展开方向上的长度,电子设备100的可见显示区域301无法显示完整的组件n和应用夹o。
在一种可能的实现方式中,当第三页面的第一部分包括桌面控件的一部分时,电子设备100可以直接显示该不完整的桌面控件。其中,桌面控件可以包括应用图标、应用夹图标和卡片组件中的任一种。
例如,如图4A所示,电子设备100的可见显示区域301中显示有页面304和页面305的一部分。页面305的一部分包括组件n的一部分和应用夹o的一部分。例如,该页面305的一部分包括组件n的左半部分和应用夹o的左半部分。
在另一种可能的实现方式中,当第三页面的一部分包括桌面控件的一部分时,电子设备100可以缩小桌面控件的尺寸,直到可见显示区域中用于显示第三页面的第一部分的显示区域可以完整显示该桌面控件。这样,就可以显示完整的桌面控件的内容。
进一步的,由于组件n为包括一个或多个应用功能对应的卡片组件,如果改变了组件n的尺寸,可能会导致该组件n无法提供该一个或多个应用功能。因此,当电子设备100的可见显示区域中包括卡片组件的一部分时,电子设备100可以移动卡片组件的位置,将卡片组件移动至可见显示区域中的空白区域处,空白区域为可见显示区域中未放置图标的显示区域。可选的,若可见显示区域中的空白区域的尺寸小于卡片组件的尺寸,电子设备100可以不显示该卡片组件。需要说明的是,当电子设备100的空白区域的尺寸增大至可以容纳完整的卡片组件,并且可见显示区域不包括完整的卡片组件时,电子设备100可以在空白区域中显示该卡片组件。当电子设备100的可见显示区域增大至包括该完整的卡片组件时,电子设备100可以在该卡片组件的原位置显示该完整的卡片组件。可选的,当电子设备100的可见显示区域中包括卡片组件的一部分时,电子设备100可以直接不显示该卡片组件。可选的,电子设备100可以将卡片组件显示在空白区域中靠近卡片组件原本所处位置处。在接下来的实施例中,以将卡片组件移动至空白区域进行描写。
在一些实施例中,当第三页面的第一部分包括第二类应用夹图标的一部分,电子设备100可以将第二类应用夹图标变换为第一类应用夹图标,并缩小该图标的尺寸,直到可见显示区域中用于显示第三页面的第一部分的区域包括缩小后的第一类应用夹图标。其中,该第一类应用夹图标可用于触发电子设备100显示出一个或多个应用图标。需要说明的是,该第二类应用夹图标变换得到的第一类应用夹图标的尺寸可以和应用图标的尺寸相同,也可以不同。这样,电子设备100不会因为直接缩小第二类应用夹,导致无法选中第二类应用夹中的指定应用图标。
示例性的,当电子设备100显示有如图4A所示的界面时,电子设备100可以在可见显示区域301的空白区域中显示完整的组件n。电子设备100还可以将应用夹o图标变换为第一类应用夹图标,并将应用夹o图标缩小至和应用图标(例如,应用m图标)相同。如图4B所示,电子设备100在可见显示区域301中显示页面304和页面305的一部分,电子设备100在页面304上显示有完整的组件n,在页面305的一部分上显示有缩小的应用夹o图标,该应用夹o图标可以用于触发电子设备100显示出3个应用图标,该3个应用图标包括应用o1图标、应用o2图标和应用o3图标。
在一些实施例中,该第三页面的第一部分包括第二类应用夹图标的一部分,电子设备100可以缩小该第二类应用夹图标的尺寸,但不改变第二类应用夹图标中显示的小图标的尺寸,直到可见显示区域中用于显示第三页面的第一部分区域包括缩小后的第二类应用夹图标。电子设备100可以在缩小后的第二类应用夹图标中显示第二类应用夹图标中的部分数量(例如,1个)的小图标。其中,缩小后的第二类应用夹图标的尺寸大于该第二类应用夹图标中的小图标。需要说明的是,当缩小后的第二类应用夹图标中只显示有包括的所有小图标中的部分小图标时,电子设备100可以接收用户针对第二类应用夹图标的输入(例如滑动输入)触发电子设备100显示另一部分小图标。这样,电子设备100依旧可以接收用户针对第二类应用图标中的小图标的输入,显示小图标对应的应用界面。
示例性的,当电子设备100显示有如图4A所示的界面时,电子设备100可以移动组件n的位置,在可见显示区域301的空白区域中显示完整的组件n。电子设备100还可以将应用夹o图标缩小至和应用图标(例如,应用m图标)相同。并且,由于应用夹o图标的尺寸变小,无法容纳3个小图标,电子设备100可以只显示1个小图标。如图4C所示,电子设备100在可见显示区域301中显示有完整的组件n和缩小的应用夹o图标,该应用夹o图标包括应用o1图标。其中,该应用o1图标可以用于触发电子设备100显示应用o1的界面。其中,电子设备100可以接收用户针对应用夹o图标的输入(例如,滑动),在应用夹o图标中显示应用o2图标或应用o3图标。
在一些实施例中,该第三页面的第一部分包括第二类应用夹图标的一部分,电子设备100可以基于第二类应用夹图标中小图标的数量,变换该第二类应用夹图标的形状,直到可见显示区域中用于显示第三页面第一部分的区域包括该变形后的第二类应用夹图标。这样,电子设备100依旧可以接收用户针对第二类应用图标中的任意小图标的输入,显示该小图标对应的应用界面。
在一些实施例中,可见显示区域中用于显示第三页面的第一部分的区域无法容纳第二类应用夹图标的全部小图标,电子设备100可见显示区域中用于显示第三页面的第一部分的区域中显示包括部分小图标的第二类应用夹图标,电子设备100可以接收用户针对第二类应用夹图标的输入触发电子设备100显示另一部分小图标。这样,电子设备100依旧可以接收用户针对第二类应用图标中的小图标的输入,显示小图标对应的应用界面。
示例性的,当电子设备100显示有如图4A所示的界面时,电子设备100可以在可见显示区域301的空白区域中显示完整的组件n。由于应用夹o图标包括3个小图标,并且可见显示区域301中用于显示页面305的区域在垂直于卷轴展开方向上只能容纳一个小图标,电子设备100可以将应用夹o图标的所有小图标按照垂直于卷轴展开方向,依次放置在可见显示区域301中用于显示页面305的区域。此时,应用夹o图标的形状从2*2改变为3*1。其中,3为垂直于卷轴展开方向上图标的数量,1为卷轴展开方向上图标的数量。电子设备100在可见显示区域301中显示有完整的组件n和形状改变的应用夹o图标,该应用夹o图标包括应用o1图标、应用o2图标和应用o3图标,如图4D所示。
需要说明的是,形状变化(例如,缩小、变形)后的桌面控件的某一个顶点(例如,左上顶点)在第三页面中的位置和变化前的桌面控件的对应的顶点在第三页面中的位置相同,或者,形状变化后的桌面控件的位置处于第三页面第一部分的顶部、底部或中部。
在一些实施例中,该第三页面的第一部分包括第二类应用夹图标的一部分,电子设备100可以在可见显示区域中的空白区域显示第二类应用夹图标。这样,电子设备100依旧可以接收用户针对第二类应用图标中的任意小图标的输入,显示小图标对应的应用界面。其中,电子设备100在空白区域显示第二类应用夹图标的描述可以参见上述在空白区域显示卡片组件的实施例,在此不再赘述。
示例性的,当电子设备100显示有如图4A所示的界面时,电子设备100可以移动组件n的位置,在可见显示区域301的空白区域中显示完整的组件n。电子设备100还可以移动应用夹o图标的位置,在可见显示区域301的空白区域中显示完整的应用夹o图标。如图4E所示,电子设备100在可见显示区域301中显示有完整的组件n和完整的应用夹o图标。
在一种可能的实现方式中,电子设备100的卷轴屏处于半展开状态,卷轴屏中显示有第一页面和第二页面的第一部分。电子设备100可以接收用户切换页面的输入,响应于该输入,在可见显示区域中显示第二页面和第三页面的第一部分。其中,第三页面的第一部分在第三页面中的位置和第二页面的第一部分在第二页面中的位置相同。其中,第三页面的第一部分包括桌面控件的一部分。电子设备100可以将桌面控件基于上述图4B-图4E所示实施例中提到的方式进行变化(例如,缩小,变形),并显示变化后的桌面控件。可选的,电子设备100接收到用户切换页面的输入后,响应于该输入,不显示桌面控件的一部分,直接显示变化后的桌面控件。
需要说明的是,当电子设备100的卷轴屏从第一状态切换为第二状态时,若处于第二状态的卷轴屏的可见显示区域中显示的第二页面的一部分包括桌面控件的一部分,电子设备100显示该桌面控件的描述可以参见上述图4A-图4E所示实施例,在此不再赘述。
在一种可能的实现方式中,电子设备100的卷轴屏处于半展开状态,卷轴屏中显示有第一页面的全部或第一页面的第三部分,以及第二页面的第三部分。电子设备100可以接收用户切换页面的输入,响应于该输入,在可见显示区域中显示第一页面的第四部分和第二页面的第四部分。其中,第一页面的全部或第三部分与第一页面的第四部分不同,第二页面的第三部分与第二页面的第四部分不同。其中,第一页面的第三部分在卷轴展开方向上的长度与第一页面的第四部分在卷轴展开方向上的长度的差值和第二页面的第三部分在卷轴展开方向上的长度与第二页面的第四部分在卷轴展开方向上的长度的差值相同。例如,该差值可以为1个应用图标在卷轴展开方向上的长度。这样,电子设备100可以每次只切换电子设备100显示内容的一部分。
示例性的,当电子设备100显示有如图3B所示的界面时,电子设备100可以在接收到用户切换页面的输入后,响应于该输入,显示如图4F所示的界面。具体的,电子设备100接收到用户向卷轴收回方向滑动的输入后,可以移动页面303和页面304在可见显示区域301中的位置。页面303和页面304可以同时向卷轴收回方向移动一个应用图标的距离。可见显示区域301中取消显示页面303的应用a图标,并显示页面304的应用k图标,如图4F所示。
在一种可能的实现方式中,电子设备100的卷轴屏处于半展开状态,卷轴屏中显示有第一页面和第二页面的第三部分。电子设备100可以接收用户切换页面的输入,响应于该输入,在可见显示区域中显示第二页面的第四部分和第三页面的第一部分。其中,第二页面可以划分为第三部分和第四部分,第二页面的第三部分和第二页面的第四部分不同。其中,第一页面和第二页面的第三部分在卷轴展开方向上的长度与第二页面的第四部分和第三页面的第一部分在卷轴展开方向上的长度相同。在一些实施例中,当第一页面或第二页面在卷轴展开方向上最多放置N个应用图标时,该长度可以为(N+1)个至(2N-1)个应用图标在卷轴展开方向上的长度。例如,当第一页面或第二页面在卷轴展开方向上最多放置4个应用图标时,该长度可以为5个至7个应用图标在卷轴展开方向上的长度,例如6个。这样,电子设备100可以每次切换电子设备100显示内容的全部,切换后的显示内容和切换前的显示内容不同。
在一种可能的实现方式中,电子设备100的卷轴屏处于半展开状态,卷轴屏的可见显示区域中包括第一页面和第二页面的第三部分。电子设备100可以接收用户切换页面的输入,响应于该输入,在可见显示区域中切换显示第三页面和第一页面的第三部分。其中,第一页面的第三部分在第一页面中的区域和第二页面的第三部分在第二页面中的区域相同。这样,电子设备100在接收到切换页面的输入后,依旧可以基于可见显示区域的尺寸,适配显示多个页面的页面内容。
在一些实施例中,当第三页面为负一屏时,用于显示负一屏的显示区域不能用于显示页面指示符和托盘区域域。电子设备100可以在第一页面的第三部分上显示页面指示符和托盘区域域。这样,可以在显示负一屏的同时,显示页面指示符和托盘区域域。
可选的,当可见显示区域中的空白区域无法显示完整的页面指示符时,电子设备100可以缩小页面指示符的尺寸,直到可见显示区域中的空白区域中可以显示该缩小后的页面指示符。或者,电子设备100可以不显示页面指示符。
可选的,电子设备100可以显示托盘区域域中的一部分应用图标。例如,电子设备100的可见显示区域中第一页面的第三部分在卷轴展开方向上最多可以放置a个图标时,电子设备100可以显示托盘区域域中的a个图标,a为大于等于1的整数。
示例性的,电子设备100显示有如图3B所示的界面。当电子设备100接收到用户切换页面的输入(例如,向卷轴展开方向滑动)后,响应于该输入,显示如图5所示的界面。具体的,电子设备100接收到用户向卷轴展开方向滑动的输入后,可以取消显示页面304,移动页面303在可见显示区域301中的位置,在可见显示区域301中显示页面302。如图5所示,可见显示区域301中显示有页面302和页面303的一部分。其中,页面303的一部分在页面303中的区域和图3B中示出的页面304的一部分在页面304中的区域相同。
其中,可见显示区域301的上方显示有状态栏310,该状态栏310的尺寸和图3B示出的状态栏310的尺寸相同。可见显示区域301中的页面303的一部分包括应用a图标和应用b图标。该应用a图标和应用b图标的下方显示有页面指示符311,此时,页面指示符311的负一屏对应的符号为黑色,表明电子设备100的屏幕中显示有负一屏,页面指示符311的页面303对应的符号为灰色,表明电子设备100的屏幕中显示有页面303的一部分。页面指示符311的下方显示有托盘区域域312的部分图标,该部分图标包括应用e图标和应用f图标。可以理解的是,由于页面303的一部分在卷轴展开方向最多放置2个图标,所以,电子设备100的可见显示区域301中只显示托盘区域域312中的2个图标。
可选的,当可见显示区域中的空白区域无法显示完整的托盘区域域时,电子设备100可以缩小托盘区域域的尺寸,直到可见显示区域中的空白区域中可以显示该缩小后的托盘。或者,电子设备100可以不显示托盘区域域。或者,电子设备100可以改变托盘区域域的形状,直到可见显示区域中的空白区域可以容纳托盘区域域的所有图标,其中,改变托盘区域域的形状的描述可以参见图4D所示改变第二类应用夹图标的形状的实施例,在此不再赘述。
在一种可能的实现方式中,电子设备100的卷轴屏处于未展开状态,该卷轴屏的可见显示区域中显示有第一页面和状态栏,该状态栏位于第一页面的顶部。当电子设备的卷轴屏从未展开状态切换为半展开状态或完全展开状态后,电子设备100可以继续在第一页面的顶部显示该状态栏。其中,处于未展开状态的卷轴屏的状态栏的尺寸和处于半展开状态或完全展开状态的卷轴屏的状态栏的尺寸相同。处于未展开状态的卷轴屏的状态栏在第一页面上的位置和处于半展开状态后完全展开状态的卷轴屏的状态栏的在第一页面上的位置相同。
示例性的,电子设备100的卷轴屏处于未展开状态,处于未展开状态的卷轴屏的可见显示区域中显示有图3A所示的页面303和状态栏310,当电子设备100接收到用户的输入后,响应于该输入,电子设备100可以展开卷轴屏,并在展开后的卷轴屏的可见显示区域中显示如图6A所示的界面。如图6A所示,可见显示区域301中的状态栏310的尺寸和图3A中的状态栏310的尺寸相同,状态栏310始终显示在页面303的上方。具体的,图6A所示界面的描述可以参见图3B所示实施例,在此不再赘述。
可选的,电子设备100的卷轴屏处于未展开状态时,状态栏的第一部分图标显示在可见显示区域的第一侧,状态栏的第二部分图标显示在可见显示区域的第二侧。电子设备的卷轴屏从未展开状态切换为半展开状态或完全展开状态时,状态栏的第一部分图标依旧显示在可见显示区域的第一侧,状态栏的第二部分图标依旧显示在可见显示区域的第二侧。
可选的,电子设备100的卷轴屏从未展开状态切换为半展开状态或完全展开状态时,电子设备100可以在可见显示区域的顶部居中显示状态栏。
可选的,当电子设备100的卷轴屏从未展开状态切换为半展开状态或完全展开状态时,电子设备100可以在可见显示区域的顶部居中显示状态栏的所有图标。这样,状态栏的图标始终保持显示在可见显示区域的中间区域,便于用户查看状态栏图标。
示例性的,电子设备100的卷轴屏处于未展开状态,处于未展开状态的卷轴屏的可见显示区域中显示有图3A所示的页面303和状态栏310,当电子设备100接收到用户的输入后,响应于该输入,电子设备100可以显示如图6B所示的状态栏310。如图6B所示,可见显示区域301中的状态栏310位于可见显示区域301中的顶部边框中位线上。具体的,图6A所示界面的描述可以参见图3B所示实施例,在此不再赘述。
在一种可能的实现方式中,电子设备100的卷轴屏处于未展开状态,该卷轴屏的可见显示区域中显示有第一页面和托盘区域域,托盘区域域位于第一页面的底部。当电子设备的卷轴屏从未展开状态切换为半展开状态或完全展开状态后,电子设备100可以增加托盘区域域中各个应用图标之间的间距。
示例性的,电子设备100的卷轴屏处于未展开状态,处于未展开状态的卷轴屏的可见显示区域中显示有图3A所示的页面303和托盘区域域312,当电子设备100接收到用户的输入后,响应于该输入,电子设备100可以显示如图7A所示的托盘区域域312。如图7B所示,可见显示区域301中的托盘区域域312中各个应用图标的间距大于图3A示出的托盘区域域312中各个应用图标的间距。其中,图7A所示界面的描述可以参见图3B所示实施例,在此不再赘述。
可选的,电子设备100的卷轴屏处于未展开状态,该卷轴屏的可见显示区域中显示有第一页面和托盘区域域,托盘区域域位于第一页面的底部。当电子设备的卷轴屏从未展开状态切换为半展开状态或完全展开状态后,电子设备100可以在可见显示区域的底部左对齐显示该托盘区域域。或者,在可见显示区域的底部右对齐显示该托盘区域域。或者,在可见显示区域的底部居中显示该托盘区域域。其中,无论卷轴屏如何变化,该托盘区域域的各个图标之间的间距保持不变。
可选的,电子设备100的卷轴屏处于未展开状态时,电子设备100的可见显示区域包括第一页面和托盘区域域,托盘区域域位于第一页面的底部。若电子设备100的卷轴屏从未展开状态切换为半展开状态或完全展开状态,电子设备100的托盘区域域始终显示在第一页面的底部,且尺寸不变。
在一种可能的实现方式中,电子设备100的卷轴屏处于未展开状态,该卷轴屏的可见显示区域中显示有第一页面和托盘区域域,托盘区域域位于第一页面的底部。当电子设备100的卷轴屏从未展开状态切换为半展开状态或完全展开状态时,电子设备100可以在托盘区域域中显示新增应用图标,新增应用图标为电子设备100的所有应用图标中除了托盘区域域中已存在的应用图标以外的应用图标。这样,当卷轴屏的可见显示区域的尺寸增大时,可以在托盘区域域显示更多的应用图标,便于用户使用。
在一些实施例中,当卷轴屏的可见显示区域在卷轴展开方向上增加的长度包括a个应用图标在卷轴展开方向上的长度时,可以在托盘区域域中显示a个新增应用图标。
在一些实施例中,新增应用图标可以为用户设置的应用图标,或者,新增应用图标可以为用户最近使用过的应用的图标,或者,新增应用图标可以为用户在指定时间段内(例如,一周)使用时间最长的应用的图标,或者,新增应用图标可以为用户在指定时间段内(例如,一周)点击次数最多的应用图标,等等。
示例性的,电子设备100的卷轴屏处于未展开状态,处于未展开状态的卷轴屏的可见显示区域中显示有图3A所示的页面303和托盘区域域312,当电子设备100接收到用户的输入后,响应于该输入,电子设备100可以显示如图7B所示的托盘区域域312。如图7B所示,可见显示区域301中的托盘区域域312中包括图3A示出的托盘区域域312中的所有图标,以及应用m图标。其中,该应用m图标为电子设备100新增显示的新增应用图标。可选的,电子设备100可以在新增应用图标和托盘区域域中原本包括的应用图标之间显示一条分隔线,该分隔线可以用于区分新增应用图标和托盘区域域的应用图标,例如,图7B所示的分隔线701,该分隔线701可以用于区分应用m图标和其他应用图标。其中,图7B所示页面303和页面304的描述可以参见图3B所示实施例,在此不再赘述。
在一种可能的实现方式中,电子设备100的可见显示区域中显示有第一页面和第二页面的第一部分。电子设备100可以基于显示的第二页面的第一部分和第二页面的比例,确定出页面指示符中第二页面对应的符号的显示样式。其中,当显示的第二页面的一部分和第二页面的比例不同时,电子设备100显示的页面指示符中第二页面对应的符号的显示样式不同。
在一些实施例中,电子设备100的可见显示区域中显示有第一页面和第二页面的一部分。当电子设备100接收到用户的输入后,可以展开或收回卷轴屏。在电子设备100的卷轴屏展开或收回的过程中,电子设备100显示的页面指示符随着卷轴屏的可见显示区域中显示的第二页面的一部分的尺寸变化而变化。
在一些实施例中,电子设备100的可见显示区域中显示有第一页面和第二页面的一部分。当电子设备100接收到用户的输入后,可以展开或收回卷轴屏。在电子设备100的卷轴屏展开或收回的过程中,电子设备100显示的页面指示符不变。当电子设备100的卷轴屏展开或收回后,电子设备100基于展开或收回后的卷轴屏的可见显示区域中显示的第二页面的一部分和第二页面的比例,显示页面指示符。
示例性的,当桌面包括4个页面时,页面指示符包括4个图标,该4个图标和桌面的4个页面一一对应。当电子设备100的卷轴屏处于未展开状态时,电子设备100的卷轴屏的可见显示区域中只显示有1个页面,该页面对应的图标被选中。当电子设备100的卷轴屏处于完全展开状态时,电子设备100的卷轴屏的可见显示区域中显示有2个页面,该2个页面对应的图标被选中。当电子设备100的卷轴屏处于半展开状态时,电子设备100的卷轴屏的可见显示区域中显示有1个完整的页面和另1个页面的一部分,该1个完整的页面对应的图标被选中,该另1个页面对应的图标的一部分被选中。
接下来介绍本申请实施例提供的页面指示符的示例。
如图8A所示,卷轴屏的可见显示区域中显示的图标3对应的页面的不同部分时,页面指示符不同。其中,当某个页面显示在电子设备100的可见显示区域中时,该页面对应的页面指示符中的图标处于选中框801中。当某个页面未显示在电子设备100的可见显示区域中时,该页面对应的页面指示符中的图标不处于选中框801中。
如图8A中的(a)所示,当卷轴屏的可见显示区域中只显示有图标2对应的页面时,选中框801包括图标2。其中,选中框801为圆形框,不限于图8A所示的选中框的样式,选中框还可以为其他形状,例如,方形等等。
当卷轴屏的可见显示区域中显示有图标2对应的页面以及图标3对应的页面的第一部分时,电子设备100可以显示如图8A中的(b)所示的选中框801,该选中框801中包括图标2,该选中框801和图标3的重叠区域为第一区域。
当卷轴屏的可见显示区域中显示有图标2对应的页面以及图标3对应的页面的第二部分时,电子设备100可以显示如图8A中的(c)所示的选中框801,该选中框801中包括图标2,该选中框801和图标3的重叠区域为第二区域。其中,第二部分大于第一部分,第二区域大于第一区域。并且,第二部分包括第一部分,第二区域包括第一区域。
当卷轴屏的可见显示区域中显示有图标2对应的页面以及图标3对应的页面的第三部分时,电子设备100可以显示如图8A中的(d)所示的选中框801,该选中框801中包括图标2,该选中框801和图标3的重叠区域为第三区域。其中,第三部分大于第二部分,第三区域大于第二区域。并且,第三部分包括第二部分,第三区域包括第二区域。
当卷轴屏的可见显示区域中显示有图标2对应的页面以及图标3对应的页面时,电子设备100可以显示如图8A中的(e)所示的选中框801,该选中框801中包括图标2和图标3。
可选的,当桌面的某个页面为主页面时,页面指示符中该页面对应的图标和其他页面的图标的样式不同,例如,主页面的图标的样式可以为图8A中图标2的形状。需要说明的是,不限于图8A中示出的图标2的样式,主页面的图标可以为其他图形。
如图8B所示,卷轴屏的可见显示区域中显示的图标3对应的页面的不同部分时,页面指示符不同。其中,当某个页面显示在电子设备100的可见显示区域中时,该页面对应的页面指示符中的图标的颜色为第一颜色(例如,黑色)。当某个页面未显示在电子设备100的可见显示区域中时,该页面对应的页面指示符中的图标为第二颜色(例如,白色)。第一颜色和第二颜色不同。
如图8B中的(a)所示,当卷轴屏的可见显示区域中只显示有图标2对应的页面时,图标2的颜色为黑色。可以理解的是,图标1、图标3和图标4的颜色为白色。
当卷轴屏的可见显示区域中显示有图标2对应的页面以及图标3对应的页面的第一部分时,电子设备100可以显示如图8B中的(b)所示的页面指示符。其中,图标2的颜色为黑色,图标3中第一区域的颜色为黑色。可以理解的是,图标3除了第一区域以外的区域的颜色为白色。
当卷轴屏的可见显示区域中显示有图标2对应的页面以及图标3对应的页面的第二部分时,电子设备100可以显示如图8B中的(c)所示的页面指示符。其中,图标2的颜色为黑色,图标3中第二区域的颜色为黑色。其中,第二部分大于第一部分,第二区域大于第一区域。并且,第二部分包括第一部分,第二区域包括第一区域。
当卷轴屏的可见显示区域中显示有图标2对应的页面以及图标3对应的页面的第三部分时,电子设备100可以显示如图8B中的(d)所示的页面指示符。其中,图标2的颜色为黑色,图标3中第三区域的颜色为黑色。其中,第三部分大于第二部分,第三区域大于第二区域。并且,第三部分包括第二部分,第三区域包括第二区域。
当卷轴屏的可见显示区域中显示有图标2对应的页面以及图标3对应的页面时,电子设备100可以显示如图8B中的(e)所示的图标2和图标3。其中,图标2的颜色为黑色,图标3中的颜色为黑色。
如图8C所示,卷轴屏的可见显示区域中显示的图标3对应的页面的不同部分时,页面指示符不同。其中,当某个页面显示在电子设备100的可见显示区域中时,该页面对应的页面指示符中的图标的长度为第一长度。当某个页面未显示在电子设备100的可见显示区域中时,该页面对应的页面指示符中的图标的长度为第二长度。第一长度大于第二长度。
如图8C中的(a)所示,当卷轴屏的可见显示区域中只显示有图标2对应的页面时,图标2的长度为第一长度。其中,图标1、图标3和图标4的长度为第二长度。
当卷轴屏的可见显示区域中显示有图标2对应的页面以及图标3对应的页面的第一部分时,电子设备100可以显示如图8C中的(b)所示的页面指示符。其中,图标2的长度为第一长度,图标3的长度为第三长度。其中,第三长度大于第二长度,且小于第一长度。
当卷轴屏的可见显示区域中显示有图标2对应的页面以及图标3对应的页面的第二部分时,电子设备100可以显示如图8C中的(c)所示的页面指示符。其中,图标2的长度为第一长度,图标3的长度为第四长度。其中,第二部分大于第一部分,且第二部分包括第一部分。第四长度大于第三长度,且小于第一长度。
当卷轴屏的可见显示区域中显示有图标2对应的页面以及图标3对应的页面的第三部分时,电子设备100可以显示如图8C中的(d)所示的页面指示符。其中,图标2的长度为第一长度,图标3的长度为第五长度。其中,第三部分大于第二部分,且第三部分包括第二部分。第五长度大于第四长度,且小于第一长度。
当卷轴屏的可见显示区域中显示有图标2对应的页面以及图标3对应的页面时,电子设备100可以显示如图8C中的(e)所示的页面指示符。其中,图标2的长度为第一长度,图标3的长度为第一长度。
需要说明的是,图8A-图8C示出的页面指示符的样式仅为示例,页面指示符可以显示为其他样式。例如,页面指示符的样式也可以参照图3A-图3E所示实施例中的描述,本申请对此不作限定。
在一种可能的实现方式中,电子设备100的卷轴屏处于第一状态,该卷轴屏的可见显示区域中显示有第一显示内容。电子设备100可以在接收到用户的第一输入后,响应于第一输入,展开卷轴屏。电子设备100可以在接收到用户的第二输入后,停止展开卷轴屏,此时,卷轴屏处于第二状态。处于第二状态的卷轴屏的可见显示区域中显示有第二显示内容和第一显示内容。
在一些实施例中,当第一状态为未展开状态时,第一显示内容可以包括第一页面。第二状态为半展开状态时,第二显示内容可以包括第二页面的第一部分。第二状态为完全展开状态时,第二显示内容可以包括第二页面。
在一些实施例中,当第一状态为半展开状态时,第一显示内容可以包括第一页面和第二页面的第一部分。第二状态为半展开状态时,第二显示内容可以包括第二页面的第二部分,第二页面的第一部分和第二页面的第二部分不同。第二状态为完全展开状态时,第二显示内容可以包括第二页面的第三部分,第二页面可以划分为第一部分和第三部分。
在一些实施例中,电子设备100的卷轴屏处于第一状态,该卷轴屏的可见显示区域中显示有第一页面,或,第一页面与第二页面的第一部分。电子设备100可以在接收到用户的第一输入后,响应于第一输入,展开卷轴屏。电子设备100可以将卷轴屏展开至完全展开状态时,停止展开卷轴屏,此时,卷轴屏处于第二状态,卷轴屏的可见显示区域中显示有第一页面和第二页面。
这样,电子设备100可以由用户控制展开卷轴屏。并基于卷轴屏展开的屏幕的尺寸,贴合可见显示区域的尺寸,显示更多的页面内容,提升用户体验。
示例性的,电子设备100的卷轴屏的可见显示区域中显示有图3A所示的页面303时,电子设备100可以接收用户的第一输入,响应于该第一输入,电子设备100可以展开卷轴屏,随着电子设备100的卷轴屏的可见显示区域的增大,在可见显示区域中显示的第二页面的内容增多。
当电子设备100的卷轴屏的可见显示区域301中显示有如图9A所示的页面303和页面304的一部分时,电子设备100可以接收到用户的第二输入,响应于该第二输入,电子设备100停止展开卷轴屏,电子设备100的卷轴屏处于第二状态。电子设备100的卷轴屏的可见显示区域中显示有页面303和页面304中的一部分。该页面304中的一部分包括应用i图标、应用j图标以及应用k图标的一部分。这样,电子设备100可以按照用户的输入,停止展开卷轴屏,便于用户控制电子设备100的屏幕尺寸。
需要说明的是,电子设备100的卷轴屏的可见显示区域中可以显示有状态栏、页面指示符、托盘区域域中的一个或多个。电子设备100显示状态栏的描述可以参见上述图6A-图6B所示实施例,电子设备100显示托盘区域域的描述可以参见上述图7A-图7B所示实施例,电子设备100显示页面指示符的描述可以参见上述图8A-图8C所示实施例,在此不再赘述。
在一种可能的实现方式中,处于第二状态的卷轴屏的可见显示区域中第二页面的一部分中包括第一图标的一部分时,电子设备100可以继续展开卷轴屏,直到卷轴屏的可见显示区域包括第一图标。其中,第一图标可以包括应用图标、应用夹图标和卡片组件中的任一种。
示例性的,电子设备100的卷轴屏的可见显示区域中显示有图3A所示的页面303时,电子设备100可以接收用户的第一输入,响应于该第一输入,电子设备100可以展开卷轴屏,随着电子设备100的卷轴屏的可见显示区域的增大,在可见显示区域中显示的第二页面的内容增多。当电子设备100的卷轴屏的可见显示区域301中显示有如图9A所示的页面303和页面304的一部分时,电子设备100可以接收到用户的第二输入,响应于该第二输入,电子设备100停止展开卷轴屏。电子设备100的卷轴屏的可见显示区域中显示有页面303和页面304中的一部分。该页面304中的一部分包括应用i图标、应用j图标以及应用k图标的一部分。
由于图9A示出的可见显示区域301中包括应用k图标的一部分,电子设备100可以不停止展开卷轴屏,电子设备100继续展开卷轴屏,直到电子设备100的卷轴屏的可见显示区域中包括应用k图标。如图9B所示,电子设备100的卷轴屏的可见显示区域301中显示有完整的应用k图标,电子设备100停止展开卷轴屏。
在一种可能的实现方式中,处于第二状态的卷轴屏的可见显示区域中第二页面的一部分中包括第一图标的一部分时,电子设备100可以将该第一图标移动至可见显示区域的空白区域。这样,电子设备100可以在接收到用户的输入时,就停止展开卷轴屏,并且,还可以显示完整的应用图标。其中,第一图标可以包括应用图标、应用夹图标和卡片组件中的任一种。
示例性的,电子设备100的卷轴屏的可见显示区域中显示有图3A所示的页面303时,电子设备100可以接收用户的第一输入,响应于该第一输入,电子设备100可以展开卷轴屏,随着电子设备100的卷轴屏的可见显示区域的增大,在可见显示区域中显示的第二页面的内容增多。当电子设备100的卷轴屏的可见显示区域301中显示有如图9A所示的页面303和页面304的一部分时,电子设备100可以接收到用户的第二输入,响应于该第二输入,电子设备100停止展开卷轴屏。电子设备100的卷轴屏的可见显示区域中显示有页面303和页面304中的一部分。该页面304中的一部分包括应用i图标、应用j图标以及应用k图标的一部分。
由于图9A示出的可见显示区域301中包括应用k图标的一部分,电子设备100可以将应用k图标移动至可见显示区域301中的空白区域内。如图9C所示,电子设备100的卷轴屏的可见显示区域301中显示有完整的应用k图标,该应用k图标位于应用j图标的下方。需要说明的是,第一图标也可以移动至空白区域的任一位置,本申请对此不作限定。
在一种可能的实现方式中,电子设备100的卷轴屏处于第一状态,该卷轴屏的可见显示区域中显示有第一显示内容和卷轴控制控件。电子设备100可以在接收到用户针对卷轴控制控件的第一输入后,响应于第一输入,将卷轴屏从第一状态切换为第二状态。处于第二状态的卷轴屏的可见显示区域中显示有第一显示内容和第二显示内容。其中,卷轴控制控件可以用于触发电子设备100展开或收回卷轴屏,直到电子设备100的可见显示区域在卷轴展开方向上的长度为指定长度。这样,用户可以更方便地控制电子设备100展开或收回卷轴屏。
在一些实施例中,当第一状态为未展开状态时,第一显示内容可以包括第一页面。第二状态为半展开状态时,第二显示内容可以包括第二页面的第一部分。第二状态为完全展开状态时,第二显示内容可以包括第二页面。
在一些实施例中,当第一状态为半展开状态时,第一显示内容可以包括第一页面和第二页面的第一部分。第二状态为半展开状态时,第二显示内容可以包括第二页面的第二部分,第二页面的第一部分和第二页面的第二部分不同。第二状态为完全展开状态时,第二显示内容可以包括第二页面的第三部分,第二页面可以划分为第一部分和第三部分。
在一些实施例中,电子设备100的可见显示区域中可以显示有多个卷轴控制控件。该多个卷轴控制控件中每一个卷轴控制控件对应的卷轴屏的可见显示区域的尺寸不同。这样,用户可以通过不同的卷轴控制控件,切换卷轴屏的展开状态。
可选的,电子设备100可以基于第二页面在卷轴展开方向上最多可以放置的应用图标的数量,确定出显示的卷轴控制控件的数量。这样,不同的卷轴控制控件对应的可见显示区域都可以显示有完整的应用图标。
例如,当第二页面在卷轴展开方向上最多可以放置4个应用图标时,卷轴控制控件的数量可以为5个。其中,该5个卷轴控制控件包括卷轴控制控件A、卷轴控制控件B、卷轴控制控件C、卷轴控制控件D、卷轴控制控件E。其中,卷轴控制控件A对应的卷轴屏的可见显示区域在卷轴方向的长度为第一长度,卷轴屏的可见显示区域只显示有第一页面,可见显示区域中未显示第二页面,即,可见显示区域中显示的第二页面的部分与第二页面的比例为0%。卷轴控制控件B对应的卷轴屏的可见显示区域在卷轴方向的长度为第一长度与1个第三长度的和,卷轴屏的可见显示区域显示有第一页面,和第二页面的一部分,此时,可见显示区域中显示的第二页面的部分与第二页面的比例为25%。卷轴控制控件C对应的卷轴屏的可见显示区域在卷轴方向的长度为第一长度与2个第三长度的和,卷轴屏的可见显示区域显示有第一页面,和第二页面的一部分,此时,可见显示区域中显示的第二页面的部分与第二页面的比例为50%。卷轴控制控件D对应的卷轴屏的可见显示区域在卷轴方向的长度为第一长度与3个第三长度的和,卷轴屏的可见显示区域显示有第一页面,和第二页面的一部分,此时,可见显示区域中显示的第二页面的部分与第二页面的比例为75%。卷轴控制控件E对应的卷轴屏的可见显示区域在卷轴方向的长度为第一长度与4个第三长度的和,卷轴屏的可见显示区域显示有第一页面和第二页面,此时,可见显示区域中显示的第二页面的部分与第二页面的比例为100%。
示例性的,电子设备100的卷轴屏的可见显示区域中显示有图3A所示的页面303时,电子设备100可以接收用户的输入,响应于该输入,电子设备100可以如图10A所示的提示框1001。其中,该提示框1001中包括有一个或多个卷轴控制控件。该一个或多个卷轴控制控件包括卷轴控制控件1002、卷轴控制控件1003、卷轴控制控件1004、卷轴控制控件1005、卷轴控制控件1006。其中,卷轴控制控件1002可以用于触发电子设备100取消显示提示框1001。卷轴控制控件1003可以用于触发电子设备100显示如图3B所示的页面303和页面304的一部分。卷轴控制控件1004可以用于触发电子设备100显示如图3C所示的页面303和页面304的一部分。卷轴控制控件1005可以用于触发电子设备100显示如图3D所示的页面303和页面304的一部分。卷轴控制控件1006可以用于触发电子设备100显示如图3E所示的页面303和页面304。
可选的,卷轴控制控件中可以显示有状态提示信息,该状态提示信息可以用于提示用户该卷轴控制控件对应的卷轴屏的展开程度。例如,卷轴控制控件1002中显示的状态提示信息可以为:“0%”。卷轴控制控件1003中显示的状态提示信息可以为:“25%”,以此类推。
可选的,该提示框1001中还可以包括选择提示信息,该选择提示信息可以用于提示用户选择卷轴控制控件,以及卷轴控制控件的作用。其中,该选择提示信息可以包括但不限于文字类提示信息、图片类提示信息、动画类提示信息、语音类提示信息等中的一种或多种。在此,提示框1001中显示的选择提示信息可以为文字类提示信息:“请选择展开屏幕状态”。
可选的,由于电子设备100当前未显示第二页面,所以卷轴控制控件1002被选中后,电子设备100也不会展开卷轴屏,电子设备100可以将该卷轴控制控件1002设置为无法选中状态。当卷轴控制控件1002处于无法选中状态时,当电子设备100接收到用户针对该控件的任何输入后,都不会执行任何操作(例如,取消显示提示框1001)。同理,电子设备100的卷轴屏处于不同状态时,与电子设备100的卷轴屏当前所处状态对应的卷轴控制控件可以设置为无法选中状态。
可选的,电子设备100可以不显示卷轴屏当前所处状态对应的卷轴控制控件。
在一种可能的实现方式中,电子设备100的卷轴屏处于第一状态,该卷轴屏的可见显示区域中显示有第一显示内容和悬浮控件。该悬浮控件可以用于触发电子设备100显示一个或多个卷轴控制控件。这样,用户可以通过悬浮控件,更加方便地触发电子设备100显示卷轴控制控件。
示例性的,如图10B所示,电子设备100的卷轴屏处于未展开状态,电子设备100的卷轴屏的可见显示区域301中显示有页面303和悬浮控件1011。其中,页面303的描述可以参见图3A所示实施例,在此不再赘述。
电子设备100可以在接收到用户针对悬浮控件1011的输入后,响应于该输入,显示如图10C所示的悬浮框1021。其中,悬浮框1021包括一个或多个卷轴控制控件。其中,该一个或多个卷轴控制控件可以包括但不限于卷轴控制控件1021A、卷轴控制控件1021B、卷轴控制控件1021C、卷轴控制控件1021D。其中,该一个或多个卷轴控制控件的描述可以参见图10A所示实施例,在此不再赘述。
可选的,悬浮框1021还可以包括收回控件1021E,该收回控件1021E可以用于触发电子设备100取消显示悬浮框1021,并重新显示悬浮控件1011。
可选的,电子设备100可以在接收到用户展开或收回卷轴屏的输入时,响应于该输入,显示一个或多个卷轴控制控件。例如,展开或收回卷轴屏的输入可以参见图3A所示实施例中对用户输入的描述,在此不再赘述。
在一种可能的实现方式中,电子设备100的卷轴屏处于第一状态,该卷轴屏的可见显示区域中显示有第一显示内容,第一显示内容包括第一控件。电子设备100可以在接收到用户针对第一控件的第一输入时,响应于第一输入,展开卷轴屏。当电子设备100接收到用户针对第一控件的第二输入后,响应于第二输入,停止展开卷轴屏,卷轴屏从第一状态切换为第二状态。其中,针对第一控件的第一输入将该第一控件拖动至可见显示区域的第一边框附近的输入。其中,可见显示区域的第一边框可以为可见显示区域中卷轴展开方向指向的一侧边框。其中,第二输入可以为松开该第一控件的输入。这样,电子设备100可以在拖动应用图标的过程中,展开卷轴屏,便于用户改变该第一控件的位置。其中,第一控件可以包括应用图标、应用夹图标和卡片组件中的任一种。
在一些实施例中,电子设备100的卷轴屏处于第一状态,该卷轴屏的可见显示区域中显示有第一页面和第二页面的第一部分。电子设备100可以在接收到用户针对第一控件的第一输入时,响应于第一输入,展开卷轴屏。当电子设备100的卷轴屏展开至完全展开状态时,电子设备100停止展开卷轴屏。
在一些实施例中,电子设备100在接收到用户的针对第一控件的长按输入后,第一控件才可以被用户拖动。
在一种可能的实现方式中,电子设备100可以在接收到用户拖动第一控件的输入时,将第一控件替换为指定图标。也就是说,电子设备100可以在用户触摸点处显示指定图标,指定图标随着用户触摸点的移动轨迹而移动。其中,指定图标可以为预先设置的图标或者第一控件的图像。
示例性的,电子设备100的卷轴屏处于半展开状态,处于半展开状态的卷轴屏的可见显示区域中显示有图4D所示的页面304(包括应用m图标)和页面305的一部分。电子设备100可以接收用户拖动应用m图标的输入后,将应用m图标替换为图11A所示的图标1101。
当电子设备100检测到图标1101被拖动至第一边框附近时,展开卷轴屏。需要说明的是,当图标1101始终被拖动向第一边框移动时,卷轴屏将继续展开,直到用户松开图标1101,或者,卷轴屏展开至完全展开状态。
如图11B所示,电子设备100的卷轴屏的可见显示区域301的尺寸大于图11A所示的卷轴屏的可见显示区域301的尺寸。其中,由于图11B中的可见显示区域301中页面305的一部分可以容纳完整的组件n和应用夹o图标,该可见显示区域301中显示有完整的组件n和应用夹o图标。
当电子设备100检测到图标1101被拖动至第一边框附近,继续展开卷轴屏,直到卷轴屏展开至完全展开状态,如图11C所示。在图11C中,电子设备100的卷轴屏处于完全展开状态,电子设备100停止展开卷轴屏。卷轴屏的可见显示区域301中显示有页面304和页面305。其中,由于页面304中的应用m图标被用户拖动,页面304中只包括应用j图标、应用k图标和应用l图标。
在一种可能的实现方式中,电子设备100的卷轴屏处于完全展开状态,电子设备100的可见显示区域中包括第一页面和第二页面。电子设备100接收到用户向卷轴屏的第一边框拖动第一控件的输入后,响应于该输入,电子设备100在可见显示区域中显示第二页面和第三页面,并将该第一控件拖动显示在第三页面上。第一页面、第二页面和第三页面都不同。
在一些实施例中,由于负一屏上不能显示第一控件,当电子设备100的第一控件被拖动至可见显示区域的第一边框时,该可见显示区域中显示有页面指示符指示的最后一个包括至少一个应用图标或卡片组件或应用夹图标的页面时,电子设备100可以在可见显示区域中显示最后一个包括至少一个应用图标或卡片组件或应用夹图标的页面,和页面指示符指示的第一个包括至少一个应用图标或卡片组件或应用夹图标的页面。
示例性的,电子设备100检测到用户继续向第一边框拖动如图11C所示的图标1101的输入后,由于图11C中电子设备100的可见显示区域中显示的页面305为桌面的多个页面中最后一个页面,电子设备100可以在可见显示区域第一边框侧显示页面303,在可见显示区域的另一侧显示页面305,并在页面303上显示图标1101,如图11D所示。可以理解的是,当电子设备100检测到用户松开图标1101的输入后,可以将图标1101替换显示为应用m图标。
可选的,电子设备100可以响应于用户向卷轴屏的第一边框拖动第一控件的输入,在可见显示区域中显示第三页面和第四页面。第一页面、第二页面、第三页面和第四页面各不相同。
在一种可能的实现方式中,电子设备100的卷轴屏处于第一状态,该卷轴屏的可见显示区域中显示有第一显示内容。电子设备100可以在接收到用户针对第一展开控件的第一输入后,响应于第一输入,将卷轴屏从第一状态切换为第二状态。处于第二状态的卷轴屏的可见显示区域中显示有第一显示内容和第二显示内容。其中,第二显示内容包括快捷启动页面的一部分或全部。
在一些实施例中,当第一状态为未展开状态时,第一显示内容可以包括第一页面。第二状态为半展开状态时,第二显示内容可以包括快捷启动页面的第一部分。第二状态为完全展开状态时,第二显示内容可以包括快捷启动页面。
在一些实施例中,当第一状态为半展开状态时,第一显示内容可以包括第一页面和快捷启动页面的第一部分。第二状态为半展开状态时,第二显示内容可以包括快捷启动页面的第二部分,快捷启动页面的第一部分和快捷启动页面的第二部分不同。第二状态为完全展开状态时,第二显示内容可以包括快捷启动页面的第三部分,快捷启动页面可以划分为第一部分和第三部分。
在一些实施例中,快捷启动页面可以用于应用图标、卡片组件、应用夹图标中的一种或多种。或者,快捷启动页面可以用于放置一个或多个联系人的快捷信息(包括联系人标识,联系人号码等),一个或多个联系人的快速拨号控件(用于触发电子设备100向联系人拨号),一个或多个联系人的快速发送信息控件(用于触发电子设备100显示向联系人发信息的页面)中的一种或多种。或者,快捷启动页面可以用于放置一个或多个功能控件,例如,锁屏控件、快速清理控件、截图控件、录屏控件等等。或者,快捷启动页面可以用于放置一个或多个应用程序的应用数据,一个或多个应用程序的应用功能中的一种或多种,例如,天气应用的天气信息,日历应用的日程信息,备忘录应用的便签信息,指南针应用的指向功能、地图应用的导航功能等等。需要说明的是,本申请实施例提供的快捷启动页面的内容仅为示例,快捷启动页面可以用于放置其他图标或数据,本申请对此不做限定。在一些实施例中,电子设备100可以接收用户的输入,设置快捷启动页面的页面内容。
可选的,电子设备100的可见显示区域中可以显示有快捷悬浮控件,快捷悬浮控件可以用于触发电子设备100显示快捷启动页面。可选的,电子设备100显示有页面指示符指示的桌面中最后一个页面时,电子设备100可以接收用户切换页面的输入,响应于该输入,显示快捷启动页面。
接下来结合界面图,介绍卷轴屏显示快捷启动页面的场景。在以下实施例描述中,电子设备100基于图3A-图3E所示实施例中提到的实现方式,展开卷轴屏。需要说明的是,以下描述中采用图3A-图3E所示实施例提及的实现方式展开卷轴屏仅为示例,不限于该方式,电子设备100也可以基于图9A-图9C提及的实现方式,或者,图10A-图10C提及的实现方式展开卷轴屏,本申请对此不做限定。
示例性的,如图12A所示,电子设备100处于未展开状态,电子设备100的可见显示区域301中显示有页面303。电子设备100的桌面包括4个页面,分别为页面302、页面303、页面304和页面305。该些页面的描述可以参见图3A所示实施例,在此不再赘述。其中,可见显示区域301的顶部可以显示有状态栏310,状态栏310的描述可以参见图6A-图6B所示实施例,在此不再赘述。
电子设备100的快捷启动页面为图12A中所示的页面1201,可以理解的是,在图12A中,电子设备100并未显示页面1201。页面1201包括两个功能区域,分别为功能区域1203和功能区域1205。功能区域1203和功能区域1205之间有一条分隔线1202,该分隔线1202可以用于划分两个功能区域。其中,功能区域1203可以用于放置用户自定义的应用图标、卡片组件、应用夹图标等等,该功能区域1203中的图标可以由用户进行设置(例如,添加、删除、替换等)。在此,功能区域1203中包括应用i图标、应用k图标、应用j图标、应用夹o图标和设置控件1204,该设置控件1204可以用于触发电子设备100显示设置功能区域1203的图标的页面。其中,功能区域1205可以用于放置常用应用图标,例如,常用应用图标可以为用户最近使用过的应用的图标,或者,常用应用图标可以为用户在指定时间段内(例如,一周)使用时间最长的应用的图标,或者,常用应用图标可以为用户在指定时间段内(例如,一周)点击次数最多的应用图标。在此,功能区域1205中包括应用l图标和应用m图标。
可选的,分隔线在快捷启动页面中的位置可以随着两个功能区域的尺寸变化而变化。例如,当功能区域1203的尺寸增大,功能区域1205的尺寸减小时,分隔线1202向功能区域1205的方向移动。
电子设备100的卷轴屏的可见显示区域显示有图12A所示的页面303,电子设备100可以接收用户的输入,响应于该输入,展开卷轴屏,并在展开后的卷轴屏中显示如图12B所示的页面1201的一部分。其中,该用户输入的描述可以参见图3B所示实施例,在此不再赘述。
如图12B所示,页面1201的一部分中包括功能区域1203的应用i图标和应用j图标。页面1201的一部分中还包括功能区域1205的应用l图标。应用l图标的上方还显示有分隔线1202。可选的,当电子设备100只显示有页面1201的一部分时,用户也能设置功能区域1203中已显示的图标,电子设备100可以将设置控件1204显示在可见显示区域301中。其中,图12B中的状态栏310和图12A中的状态栏310的尺寸不变,状态栏310始终显示在可见显示区域301的一侧,在此,状态栏310始终显示在可见显示区域301的卷轴收回方向指向的一侧边框附近。
可选的,为了区分快捷启动页面的内容和桌面页面的内容,电子设备100的快捷启动栏和其他页面之间显示有分隔线。例如,图12B所示的分隔线1211。
电子设备100的卷轴屏的可见显示区域中显示有图12B所示的页面303和页面1201的一部分。电子设备100可以接收用户的输入,响应于该输入,展开卷轴屏,并在展开后的卷轴屏中显示如图12C所示的应用k图标和应用m图标。其中,分隔线1202的长度随着显示的页面1201的部分的增加而增长。其中,电子设备100的可见显示区域301中显示的内容的描述可以参见图12A所示实施例,在此不再赘述。
电子设备100的卷轴屏的可见显示区域中显示有图12C所示的页面303和页面1201的一部分。电子设备100可以接收用户的输入,响应于该输入,展开卷轴屏。由于展开后的卷轴屏的可见显示区域中包括应用夹o图标的一部分,电子设备100可以将应用夹o图标移动至可见显示区域中用于显示页面1201的一部分的显示区域的空白显示区域内。并且,由于功能区域1203中的空白显示区域无法容纳应用o图标,电子设备100可以缩小功能区域1205的尺寸,扩大功能区域1203的尺寸,在扩大后的功能区域1203中的空白显示区域显示应用夹o图标,如图12D所示。其中,分隔线1202的长度随着显示的页面1201的部分的增加而增长。并且,由于功能区域1205的尺寸缩小,分隔线1202下移。
电子设备100的卷轴屏的可见显示区域中显示有图12D所示的页面303和页面1201的一部分。电子设备100可以接收用户的输入,响应于该输入,展开卷轴屏,并在展开后的卷轴屏中显示如图12E所示的页面303和页面1201。此时,电子设备100的卷轴屏处于完全打开状态。应用夹o图标移动回原本的位置处显示。其中,电子设备100的可见显示区域301中显示的内容的描述可以参见图12A所示实施例,在此不再赘述。
在一种可能的实现方式中,电子设备100的卷轴屏处于半展开状态,卷轴屏的可见显示区域中显示有第一页面和第二页面的第一部分。电子设备100可以接收到用户针对第二页面的第一部分的滑动输入后,响应于该滑动输入,在可见显示区域中显示第一页面和第二页面的第二部分。其中,第二页面为快捷启动页,第二页面的第一部分和第二页面的第二部分的尺寸相同,且内容不同。这样,用户可以滑动切换显示快捷启动页的不同部分,便于用户使用快捷启动页面的图标。
在一些实施例中,电子设备100显示的快捷启动栏中包括应用指示符,应用指示符可以用于指示快捷启动栏中显示的图标在快捷启动页面中的位置。电子设备100可以接收用户的输入,切换快捷启动栏中显示的图标。可以理解的时,电子设备100在切换快捷启动栏中显示的应用图标的同时,基于切换后的应用图标和快捷启动页的相对位置关系,变换应用指示符的图标。
示例性的,电子设备100的可见显示区域301中显示有图12B所示的页面303和页面1201的一部分。电子设备100可以在接收到用户针对页面1201的一部分的滑动输入(例如,向左滑动),响应于该滑动输入,电子设备100可以显示如图13A所示的页面1201的另一部分。如图13A所示,页面1201的另一部分包括应用k图标和应用l图标。可选的,电子设备100可以显示有应用指示符1301。由于电子设备100显示的页面1201的一部分为页面1201左边第2个部分,该应用指示符1301中左边第2个图标为黑色。
在一种可能的实现方式中,电子设备100的卷轴屏处于半展开状态或全展开状态,可见显示区域中显示有第一页面和快捷启动栏。电子设备100可以接收用户切换页面的输入,在可见显示区域中显示第二页面和快捷启动栏。这样,无论电子设备100显示桌面的任意页面,都可以显示快捷启动栏。
示例性的,电子设备100的可见显示区域301中显示有图12B所示的页面303和页面1201的一部分。电子设备100可以在接收到用户针对页面1201的一部分的滑动输入(例如,向左滑动),响应于该滑动输入,电子设备100可以显示如图13B所示的页面304和页面1201的一部分。其中,图12B中可见显示区域301显示的页面1201的一部分与图13B中可见显示区域301显示的页面1201的一部分相同。
在一种可能的实现方式中,当卷轴屏处于半展开状态时,卷轴屏的可见显示区域中显示有第一页面和第二页面的第一部分。当电子设备100接收到用户针对第一图标的输入后,响应于该输入,电子设备100可以在可见显示区域中使用第一图标对应的第一内容替换显示第二页面的第一部分。
其中,当第一图标为应用夹图标时,第一内容可以为应用夹图标包括的应用图标。当第一图标为卡片组件时,第一内容可以包括卡片组件对应的一个或多个应用功能。当第一图标为应用图标时,第一内容可以包括应用的应用数据或功能控件中的一种或多种。例如,当第一图标为天气应用图标时,第一内容可以包括但不限于实时天气信息、实时温度信息等等。当第一图标为拨号应用图标时,第一内容可以包括但不限于联系人信息,拨号控件等等。当第一图标为资讯应用图标时,第一内容可以包括但不限于一条或多条资讯消息等等。当第一图标为音乐应用图标时,第一内容可以包括但不限于歌曲名称、歌手信息、歌曲播放控件、切换歌曲控件等等。当第一图标为聊天应用图标时,第一内容可以包括但不限于联系人图标,联系人名称,联系人发送的消息等等。
示例性的,电子设备100的卷轴屏处于半展开状态,卷轴屏的可见显示区域301中显示有图3C所示的页面303和页面304的一部分。电子设备100可以接收用户针对应用b图标的输入(例如,单击输入)后,响应于该输入,在可见显示区域301中用于显示页面304的一部分的显示区域中显示应用b的数据。在此,应用b图标为聊天类应用的图标,应用b的数据可以为一个或多个联系人的联系人名称、联系人头像、联系人消息等等。
如图14所示,电子设备100显示有应用显示栏1401,应用显示栏1401中显示有一个或多个联系人消息区。其中,联系人消息区可以用于显示联系人的身份信息和联系人发送的一条或多条消息。其中,联系人的身份信息可以包括但不限于联系人的头像、联系人的名称等等。在此,该一个或多个联系人消息区可以包括但不限于联系人消息区1402和联系人消息区1403。联系人消息区1402中显示有联系人“Alice”发送的一条消息。联系人消息区1403中显示有联系人“Tom”发送的一条消息。
在一种可能的实现方式中,当卷轴屏处于第二状态时,电子设备100显示有第一页面以及第二页面的一部分或全部分。电子设备100可以在接收用户针对第一页面的屏幕顶部的下滑输入后,响应于该输入,在第一页面上显示通知栏。电子设备100可以在接收用户针对第二页面的一部分或全部分的屏幕顶部的下滑输入后,响应于该输入,在第二页面的一部分或全部分显示控制栏。这样,可以更加贴合卷轴屏的尺寸,适应性显示通知栏和控制栏。
示例性的,当电子设备100的可见显示区域301中显示有图3E所示的页面303和页面304时,电子设备100可以在接收到用户针对页面303的滑动输入(例如,从页面303的顶部向下滑动的输入)后,响应于该输入,显示如图15A所示的通知栏1501。其中,通知栏1501可以用于显示一个或多个应用程序的推送消息。例如,通知栏1501中显示有来自“应用b”的消息数据,该消息数据可以为其他联系人(例如,“Lisa”)通过“应用b”发送的文字消息。可选的,通知栏1501中还可以显示有当前时间信息。
或者,电子设备100的可见显示区域301中显示有图3E所示的页面303和页面304时,电子设备100可以在接收到用户针对页面304的滑动输入(例如,从页面304的顶部向下滑动的输入)后,响应于该输入,显示如图15B所示的控制栏1511。其中,控制栏1511可以用于显示一个或多个功能控件、应用组件等等。例如,控制栏1511中显示有音乐应用组件,该组件可以用于显示音乐应用中的歌曲信息,歌曲播放控件等等。控制栏1511中还可以显示有“WLAN”功能控件(用于触发电子设备100开启WLAN),“蓝牙”功能控件(用于触发电子设备100开启蓝牙功能),“通知”功能控件(用于触发电子设备100切换声音模式,声音模式可以包括响铃模式、振动模式、静音模式等)等等。
可选的,电子设备100可以在接收用户针对第三区域的屏幕顶部的下滑输入后,响应于该输入,在第一页面上显示通知栏并且在第二页面的一部分或全部分上显示控制栏。其中,第三区域处于第一页面和第二页面的交界处。
示例性的,电子设备100的可见显示区域301中显示有图3E所示的页面303和页面304时,电子设备100可以在接收到用户针对可见显示区域301的滑动输入(例如,从页面303和页面304相邻处的顶部向下滑动的输入)后,响应于该输入,显示如图15C所示的通知栏1501和控制栏1511。其中,通知栏1501和控制栏1511的描述可以参见图15A和图15B所示实施例,在此不再赘述。
可选的,电子设备100可以在接收用户针对卷轴屏屏幕顶部的下滑输入后,响应于该输入,在第一页面上显示通知栏并且在第二页面的一部分或全部分上显示控制栏。
可选的,控制栏和/或通知栏可以为半透明的显示区域,悬浮显示在电子设备100显示的页面内容的上方。当电子设备100显示有控制栏和/或通知栏时,控制栏和/通知栏上可以显示出模糊处理后的页面内容。
接下来介绍本申请实施例提供的另一种电子设备的结构示意图。
如图16所示,电子设备100可以包括:屏幕状态检测单元、输入检测单元、处理单元和显示单元。
屏幕状态检测单元可以用于检测电子设备100的卷轴屏的展开状态。例如,屏幕检测单元可以用于检测卷轴屏处于未展开状态、半展开状态还是完全展开状态。进一步的,屏幕状态检测单元还可以用于检测屏幕处于半展开状态时,展开部分的比例。其中,展开部分的比例(又称为卷轴展开比例)可以通过公式(2)得到,
其中,第一长度为处于未展开状态的卷轴屏的可见显示区域在卷轴展开方向上的长度。第二长度为处于完全展开状态的卷轴屏的可见显示区域在卷轴展开方向上的长度。第四长度为当前卷轴屏的可见显示区域在卷轴展开方向上的长度。
在一些实施例中,应用图标在卷轴展开方向上的长度为第三长度。第一长度除以第三长度的商为M。当M为4时,卷轴展开比例可以包括但不限于0%,25%,50%,75%,100%。也就是说,卷轴屏处于半展开状态时,一共包括3个屏幕状态,分别为25%,50%和75%。当M为3时,卷轴展开比例可以包括但不限于0%,33%,66%,100%。也就是说,卷轴屏处于半展开状态时,一共包括2个屏幕状态,分别为33%和66%。
输入检测单元可以用于检测用户的输入操作。输入检测单元可以用于检测用户展开或收回卷轴屏的输入。其中,该输入可以为任意用于触发电子设备100展开卷轴屏的输入,例如,该输入可以为针对电源键或音量键的滑动输入或按压输入,或者,该输入可以为针对显示页面的空白区域的双指滑动输入、双击输入(例如,图3B所示的针对页面303的双击输入)等等。需要说明的是,不限于单击、双击、长按、滑动、语音指令输入等等。该输入可以是用户操作的集合。例如,该输入可以是指关节叩击并在屏幕画出指定图案等等。
输入检测单元还可以用于检测用户切换页面的输入,拖动图标的输入,触发电子设备100显示控制栏或通知栏的输入等等。
处理单元可以用于基于输入检测单元检测的用户输入,控制卷轴屏展开或收回。处理单元还可以屏幕状态检测单元检测的屏幕状态和输入检测单元检测的用户输入,确定出卷轴屏的可见显示区域的显示内容。
显示单元可以用于显示处理单元确定出的显示内容。
需要说明的是,电子设备100可以通过上述多个单元,实现本申请实施例中涉及的显示方式。
以上所述,以上实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。
Claims (26)
1.一种显示方法,应用于包括卷轴屏的电子设备,其特征在于,包括:
所述电子设备的卷轴屏处于第一状态,所述卷轴屏的可见显示区域中显示有第一显示内容;
所述电子设备接收到第一输入;
响应于所述第一输入,所述电子设备将所述卷轴屏从所述第一状态切换至第二状态;处于所述第二状态时所述卷轴屏的所述可见显示区域中显示有所述第一显示内容和第二显示内容,所述第一显示内容和所述第二显示内容不同;其中,处于所述第一状态时所述卷轴屏的所述可见显示区域的尺寸小于处于所述第二状态时所述卷轴屏的所述可见显示区域的尺寸。
2.根据权利要求1所述的方法,其特征在于,当所述第一状态为未展开状态,所述第一显示内容包括第一页面;若所述第二状态为半展开状态,所述第二显示内容包括第二页面的第一部分;若所述第二状态为完全展开状态,所述第二显示内容包括所述第二页面。
3.根据权利要求1所述的方法,其特征在于,当所述第一状态为半展开状态,所述第一显示内容包括第一页面和第二页面的第一部分;若所述第二状态为半展开状态,所述第二显示内容包括所述第二页面的第二部分;若所述第二状态为完全展开状态,所述第二显示内容包括所述第二页面的第三部分,所述第二页面划分为所述第一部分和所述第三部分。
4.根据权利要求2所述的方法,其特征在于,若所述第二状态为半展开状态,所述第二显示内容包括第二页面的第一部分,所述方法还包括:
所述电子设备接收到针对所述第二页面的第一部分的第二输入之后,将所述第二页面的第一部分切换为所述第二页面的第三部分,所述第二页面的第一部分和所述第二页面的第三部分不同。
5.根据权利要求2所述的方法,其特征在于,所述第一显示内容包括应用区域,所述应用区域包括一个或多个桌面控件,所述桌面控件为应用图标、组件和应用夹图标中的一种或多种;所述方法还包括:
当所述卷轴屏处于所述第一状态,所述电子设备接收到针对所述应用区域的第三输入之后,切换所述应用区域中显示的所述桌面控件。
6.根据权利要求2所述的方法,其特征在于,所述第一显示内容还包括页面指示符;当所述可见显示区域包括所述第一页面,所述页面指示符为第一样式;当所述可见显示区域包括所述第一页面和所述第二页面的第一部分,所述页面指示符为第二样式;当所述可见显示区域包括所述第一页面和所述第二页面,所述页面指示符为第三样式;所述第一样式、所述第二样式和所述第三样式都不同。
7.根据权利要求3所述的方法,其特征在于,所述第一显示内容还包括页面指示符;当所述可见显示区域包括所述第一页面和所述第二页面的第一部分,所述页面指示符为第二样式;当所述可见显示区域包括所述第一页面、所述第二页面的第一部分和所述第二页面的第三部分,所述页面指示符为第三样式;所述第二样式和所述第三样式不同。
8.根据权利要求3所述的方法,其特征在于,所述第二页面包括N个部分,所述第二页面的N个部分包括所述第二页面的第二部分或所述第二页面的第三部分;其中,N为所述第一页面或所述第二页面在卷轴展开方向上最多放置的应用图标的数量。
9.根据权利要求8所述的方法,其特征在于,若所述第二状态为半展开状态,所述第二显示内容包括所述第二页面的第三部分,所述方法还包括:
电子设备接收到针对第四输入之后,在所述可见显示区域中显示所述第一页面的第一部分、所述第二页面和第三页面的第一部分;其中,所述第一页面由所述第一部分和第二部分组成,所述第一页面的N个部分中包括所述第一页面的第二部分,所述第三页面的N个部分包括所述第三页面的第一部分。
10.根据权利要求1-9中任一项所述的方法,其特征在于,所述第一显示内容包括状态栏,所述状态栏显示在所述可见显示区域的顶部;当所述卷轴屏处于所述第一状态时,所述状态栏的类型为第一状态栏类型;当所述卷轴屏处于所述第二状态时,所述状态栏的类型为第二状态栏类型;所述第一状态栏类型和所述第二状态栏类型不同。
11.根据权利要求10所述的方法,其特征在于,所述第一状态栏类型和所述第二状态栏类型不同,包括:所述第一状态栏类型的状态栏在卷轴展开方向上的长度小于所述第二状态栏类型的状态栏在卷轴展开方向上的长度。
12.根据权利要求10所述的方法,其特征在于,所述第一状态栏类型和所述第二状态栏类型不同,包括:所述第一状态栏类型的状态栏和所述第二状态栏类型的状态栏的在所述可见显示区域上的位置不同。
13.根据权利要求1-12中任一项所述的方法,其特征在于,所述第一显示内容包括托盘区域,所述托盘区域显示在所述可见显示区域的底部;当所述卷轴屏处于所述第一状态时,所述托盘区域的类型为第一托盘类型;当所述卷轴屏处于所述第二状态时,所述托盘区域的类型为第二托盘类型;所述第一托盘类型和所述第二托盘类型不同。
14.根据权利要求13所述的方法,其特征在于,所述第一托盘类型和所述第二托盘类型不同,包括:所述第一托盘类型的托盘区域在卷轴展开方向上的长度小于所述第二托盘类型的托盘区域在卷轴展开方向上的长度。
15.根据权利要求14所述的方法,其特征在于,所述第二托盘类型的托盘区域中应用图标的数量大于所述第一托盘类型的托盘区域中应用图标的数量,或者,所述第二托盘类型的托盘区域中应用图标的数量和所述第一托盘类型的托盘区域中应用图标的数量相同。
16.根据权利要求2所述的方法,其特征在于,若所述第二状态为半展开状态,所述第二显示内容包括第二页面的第一部分;所述方法还包括:
所述电子设备接收到第五输入后,在所述可见显示区域中显示所述第二显示内容和第三显示内容。
17.根据权利要求1-15中任一项所述的方法,其特征在于,在所述处于所述第二状态时所述卷轴屏的所述可见显示区域中显示有第一显示内容和第二显示内容之后,所述方法还包括:
所述电子设备接收到第五输入后,在所述可见显示区域中显示第三显示内容;其中,所述第三显示内容、所述第一显示内容和所述第二显示内容都不同。
18.根据权利要求2所述的方法,其特征在于,若所述第二状态为完全展开状态,所述第二显示内容包括所述第二页面;其中,所述第一显示内容包括第一控件,所述方法还包括:
所述电子设备接收到针对所述第一控件的第六输入后,在所述可见显示区域中显示所述第二显示内容、第三显示内容和所述第一控件。
19.根据权利要求2所述的方法,其特征在于,若所述第二状态为完全展开状态,所述第二显示内容包括所述第二页面;其中,所述第二显示内容包括第一控件和第二控件,所述方法还包括:
所述电子设备接收到针对所述第一控件的第七输入后,在所述可见显示区域中显示所述第二显示内容和第三显示内容;其中,在所述电子设备接收到所述第六输入之前与之后,所述第一控件和所述第二控件的相对位置不同。
20.根据权利要求1-19中任一项所述的方法,其特征在于,在所述处于所述第二状态时所述卷轴屏的所述可见显示区域中显示有第一显示内容和第二显示内容之后;所述方法还包括:
所述电子设备接收到第八输入后,在所述可见显示区域中显示所述第一显示内容的一部分和第三显示内容。
21.根据权利要求1-20中任一项所述的方法,其特征在于,所述处于所述第二状态时所述卷轴屏的所述可见显示区域中显示有第一显示内容和第二显示内容,具体包括:
当所述第二显示内容包括第一控件的部分时,所述电子设备缩小所述第一控件的尺寸,并将所述第一控件的全部显示在所述第二显示内容所在的显示区域内;或者,
所述电子设备移动所述第一控件到所述可见显示区域的空白显示区域,所述空白显示区域的尺寸大于所述第一控件的尺寸,且所述空白显示区域不包括桌面控件。
22.根据权利要求1-21中任一项所述的方法,其特征在于,在所述电子设备接收到第一输入之前,所述方法还包括:
所述电子设备接收到第九输入;
响应于所述第九输入,所述电子设备显示所述第一控件,所述第一输入为针对所述第一控件的输入。
23.根据权利要求1-22中任一项所述的方法,其特征在于,在所述处于所述第二状态时所述卷轴屏的所述可见显示区域中显示有第一显示内容和第二显示内容之后,所述方法还包括:
所述电子设备接收到针对所述可见显示区域的第一区域的顶部的第十输入后,在所述第一区域上显示通知栏,所述通知栏用于显示应用的通知消息。
24.根据权利要求1-23中任一项所述的方法,其特征在于,在所述处于所述第二状态时所述卷轴屏的所述可见显示区域中显示有第一显示内容和第二显示内容之后,所述方法还包括:
所述电子设备接收到针对所述可见显示区域的第二区域的顶部的第十一输入后,在所述第二区域上显示控制栏,所述控制栏包括一个或多个功能控件。
25.一种电子设备,其特征在于,包括:一个或多个处理器、卷轴屏、一个或多个存储器;其中,所述卷轴屏、一个或多个存储器与所述一个或多个处理器耦合,所述一个或多个存储器用于存储计算机程序代码,所述计算机程序代码包括计算机指令,当所述一个或多个处理器在执行所述计算机指令时,使得所述电子设备执行如权利要求1至24中任一项所述的方法。
26.一种计算机可读存储介质,包括指令,其特征在于,当所述指令在电子设备上运行时,使得所述电子设备执行如权利要求1至24中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210327354.1A CN116931774A (zh) | 2022-03-30 | 2022-03-30 | 一种显示方法及相关装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210327354.1A CN116931774A (zh) | 2022-03-30 | 2022-03-30 | 一种显示方法及相关装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116931774A true CN116931774A (zh) | 2023-10-24 |
Family
ID=88384862
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210327354.1A Pending CN116931774A (zh) | 2022-03-30 | 2022-03-30 | 一种显示方法及相关装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116931774A (zh) |
-
2022
- 2022-03-30 CN CN202210327354.1A patent/CN116931774A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN114679537B (zh) | 一种拍摄方法及终端 | |
CN110351422B (zh) | 一种通知消息的预览方法、电子设备及相关产品 | |
CN112217923B (zh) | 一种柔性屏幕的显示方法及终端 | |
CN112714901B (zh) | 系统导航栏的显示控制方法、图形用户界面及电子设备 | |
CN110569095B (zh) | 显示页面元素的方法和电子设备 | |
CN110119296B (zh) | 切换父页面和子页面的方法、相关装置 | |
CN114915726A (zh) | 一种拍摄方法及电子设备 | |
CN115033140B (zh) | 一种卡片组件的显示方法、图形用户界面及相关装置 | |
CN112114912A (zh) | 一种用户界面布局方法及电子设备 | |
CN110830645B (zh) | 一种操作方法和电子设备及计算机存储介质 | |
CN109857401B (zh) | 电子设备的显示方法、图形用户界面及电子设备 | |
CN113746961A (zh) | 显示控制方法、电子设备和计算机可读存储介质 | |
CN113448658A (zh) | 截屏处理的方法、图形用户接口及终端 | |
CN115967851A (zh) | 快速拍照方法、电子设备及计算机可读存储介质 | |
CN113891009A (zh) | 曝光调整方法及相关设备 | |
CN114840280A (zh) | 一种显示方法及电子设备 | |
CN114911377A (zh) | 显示方法和电子设备 | |
CN114173005B (zh) | 一种应用布局控制方法、装置、终端设备及计算机可读存储介质 | |
CN116339568A (zh) | 屏幕显示方法和电子设备 | |
CN116931774A (zh) | 一种显示方法及相关装置 | |
CN115344176A (zh) | 显示方法及电子设备 | |
WO2023160349A1 (zh) | 一种显示方法及相关装置 | |
WO2023185886A1 (zh) | 一种拍摄方法及电子设备 | |
WO2024193642A1 (zh) | 一种数据分享方法及电子设备 | |
CN116781808A (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 |