CN112162800B - 页面显示方法、装置、电子设备和计算机可读存储介质 - Google Patents
页面显示方法、装置、电子设备和计算机可读存储介质 Download PDFInfo
- Publication number
- CN112162800B CN112162800B CN202010913431.2A CN202010913431A CN112162800B CN 112162800 B CN112162800 B CN 112162800B CN 202010913431 A CN202010913431 A CN 202010913431A CN 112162800 B CN112162800 B CN 112162800B
- Authority
- CN
- China
- Prior art keywords
- display
- area
- page
- display area
- displaying
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 63
- 238000007667 floating Methods 0.000 claims abstract description 110
- 230000000007 visual effect Effects 0.000 claims abstract description 59
- 230000015654 memory Effects 0.000 claims description 21
- 238000012544 monitoring process Methods 0.000 claims description 7
- 230000004044 response Effects 0.000 claims description 5
- 230000000694 effects Effects 0.000 abstract description 21
- 238000012545 processing Methods 0.000 abstract description 7
- 238000010586 diagram Methods 0.000 description 10
- 238000004891 communication Methods 0.000 description 4
- 238000004590 computer program Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000006870 function Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000001360 synchronised effect Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000008707 rearrangement Effects 0.000 description 2
- 230000000903 blocking effect Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000011982 device technology Methods 0.000 description 1
- 238000000605 extraction Methods 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001960 triggered effect Effects 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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了页面显示方法、装置、电子设备和计算机可读存储介质,涉及多任务处理技术领域。具体方案为:在显示界面中确定显示有页面可视区域的第一显示区域和显示有浮窗的第二显示区域,确定第一显示区域和第二显示区域存在重叠,则根据第二显示区域,确定页面的第三显示区域,第三显示区域和第二显示区域不存在重叠,在第三显示区域中,对页面内容进行显示,以及在第二显示区域显示浮窗,通过自动的调整页面的显示区域和显示方式,实现了页面和浮窗同时显示,而不存在页面和浮窗的显示冲突,提高了处理效率,并提高了显示效果,解决了现有技术中,因显示界面较小,页面和浮窗存在显示冲突,需要手动调整,处理效率和效果均较差的问题。
Description
技术领域
本申请涉及计算机技术领域,具体涉及多任务处理技术领域,进一步涉及页面显示方法、装置、电子设备和计算机可读存储介质。
背景技术
随着移动设备技术的发展,使得多任务处理成为可能,而多任务处理的模式由于效率高,越来越受到用户的喜爱。
画中画模式即为一种多任务处理的模式,是指在显示第一应用程序的应用界面时,还可以显示第二应用程序的应用界面,例如,同时显示视频浮窗和页面。画中画模式的使用在移动设备中将会持续的增长,由于在移动设备中,屏幕的显示界面是唯一的资源,而显示屏幕尺寸较小,画中画模式在使用时,使得屏幕存在相互冲突的可能,影响了多个应用程序的并行使用。
发明内容
本申请提供了一种用于避免页面和浮窗显示冲突的页面显示方法、装置、电子设备和计算机可读存储介质。
根据本申请的一方面,提供了一种页面显示方法,包括:
在显示界面中确定显示有页面可视区域的第一显示区域和显示有浮窗的第二显示区域;
确定所述第一显示区域和所述第二显示区域存在重叠,则根据所述第二显示区域,确定所述页面的第三显示区域;所述第三显示区域和所述第二显示区域不存在重叠;
在所述第三显示区域中,对所述页面内容进行显示,以及在所述第二显示区域显示所述浮窗。
根据本申请的另一方面,提供了一种页面显示装置,包括:
第一确定模块,用于在显示界面中确定显示有页面可视区域的第一显示区域和显示有浮窗的第二显示区域;
第二确定模块,用于确定所述第一显示区域和所述第二显示区域存在重叠,则根据所述第二显示区域,确定所述页面的第三显示区域;所述第三显示区域和所述第二显示区域不存在重叠;
处理模块,用于在所述第三显示区域中,对所述页面内容进行显示,以及在所述第二显示区域显示所述浮窗。
根据本申请的另一方面,提供了一种电子设备,其中,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行第一方面所述的页面显示方法。
根据本申请的另一方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使所述计算机执行第一方面所述的页面显示方法。
应当理解,本部分所描述的内容并非旨在标识本申请的实施例的关键或重要特征,也不用于限制本申请的范围。本申请的其它特征将通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案,不构成对本申请的限定。其中:
图1为本申请实施例所提供的一种页面显示方法的流程示意图;
图2是本申请实施例提供的页面和浮窗显示的示意图之一;
图3是本申请实施例提供的页面和浮窗显示的示意图之二;
图4为本申请实施例所提供的另一种页面显示方法的流程示意图;
图5为本申请实施例所提供的又一种页面显示方法的流程示意图;
图6为本申请实施例所提供的又一种页面显示方法的流程示意图;
图7是本申请实施例提供的页面和浮窗显示的示意图之三;
图8为本申请实施例所提供的又一种页面显示方法的流程示意图;
图9是本申请实施例提供的页面和浮窗显示的示意图之四;
图10为本申请实施例所提供的一种页面显示装置的结构示意图;以及
图11是本申请实施例所提供的一种电子设备的框图。
具体实施方式
以下结合附图对本申请的示范性实施例做出说明,其中包括本申请实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本申请的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
下面参考附图描述本申请实施例的页面显示方法、装置、电子设备和计算机可读存储介质。
图1为本申请实施例所提供的一种页面显示方法的流程示意图。
如图1所示,该方法包括以下步骤:
步骤101,在显示界面中确定显示有页面可视区域的第一显示区域和显示有浮窗的第二显示区域。
本实施例的执行主体为页面显示装置,该页面显示装置可配置于任意的移动设备中,例如,智能手机、掌上电脑、智能可穿戴设备等。其中显示界面,为任意的可移动设备的显示屏的显示页面。
其中,页面可视区域,是指在移动设备的显示界面中已显示的页面部分。
本实施例中,在移动设备中响应用户操作,可以打开多个应用,例如,打开页面的应用中后,还可以再打开视频,而视频可以以浮窗的方式在显示界面中展示。而由于移动设备的显示界面尺寸有限,打开的页面和画中画的浮窗通常会存在叠加显示,也就是说会存在显示冲突,影响正常的观看。因此,需要在显示界面中确定显示有页面可视区域的第一显示区域和显示有浮窗的第二显示区域。
作为一种可能的实现方式,对当前的显示界面中显示的内容进行特征提取,识别出显示界面中的页面内容和页面内容对应的坐标信息,以及浮窗所对应的坐标信息。进而,根据页面内容对应的坐标信息,以及浮窗所对应的坐标信息,确定显示有页面可视区域的第一显示区域和显示有浮窗的第二显示区域。
需要说明的是,移动终端的显示界面尺寸通常较小,页面在进行展示时通常默认是全屏显示,也就是说第一显示区域即为显示界面的整个显示区域。而若用户对页面执行了缩放或移动操作后,则第一显示区域的位置和尺寸则可能发生改变。而本申请中确定的第一显示区域和第二显示区域的尺寸,可以是页面和浮窗打开后的默认区域,也可以是响应用户操作后,确定的显示有页面可视区域的第一显示区域和显示有浮窗的第二显示区域。
步骤102,确定第一显示区域和第二显示区域存在重叠,则根据第二显示区域,确定页面的第三显示区域,其中,第三显示区域和第二显示区域不存在重叠。
在本申请实施例的一种场景中,第一显示区域为显示界面的全部区域,显示有浮窗的第二显示区域在显示界面中非置顶显示,则确定第一显示区域和第二显示区域存在重叠。例如,如图2中所示,A图中1指示的区域则为页面的第一显示区域,画中画的视频打开后,浮窗的显示位置如B图中的2指示的第二显示区域,第二显示区域和第一显示区域存在重叠区域。
需要说明的是,图2所示的场景仅为一种示例,浮窗可以显示在显示页面中非置顶位置以外的任意位置,本实施例中不一一列举。
在本申请实施例的另一种场景中,第一显示区域为显示界面的全部区域,显示有浮窗的第二显示区域在显示界面中置顶显示或置底显示,则确定第一显示区域和第二显示区域存在重叠。本实施例中,以浮窗的第二显示区域在显示界面中置顶显示为例,进行说明,如图3中所示,A’图中1指示的区域则为页面的第一显示区域,画中画的视频打开后,浮窗的显示位置如B’图中的3指示的第二显示区域,3指示的第二显示区域在显示界面中置顶显示,第二显示区域和第一显示区域存在重叠区域。
其中,浮窗的第二显示区域在显示界面中置底显示,和置顶显示原理相同,此处不再赘述。
在本申请实施例的又一种场景下,第一显示区域为显示界面的一部分,而第一显示区域和第二显示区域中仍存在部分重叠区域。
进而,本实施例中,若确定显示有页面可视区域的第一显示区域和显示有浮窗的第二显示区域间存在重叠,则需要根据显示有浮窗的第二显示区域,从显示界面中确定可对页面进行显示的第三显示区域,其中,第三显示区域和第二显示区域不存在重叠,从而实现了基于浮窗的显示位置,通过对页面的操作,使得页面躲避浮窗,使得页面显示和浮窗显示可同步进行,并不存在显示冲突,实现了自动化的处理,并提高了页面显示的效果。
作为一种可能的实现方式,为了增加用于显示页面的可视区域的第三显示区域的大小,以提高页面展示的效果,通过将第一显示区域中除重叠区域以外的部分,作为第三显示区域,其中,重叠区域为第一显示区域和第二显示区域相互重叠的区域,增加了页面可视区域的展示效果。
步骤103,在第三显示区域中,对页面内容进行显示,以及在第二显示区域显示浮窗。
本申请中,由于第三显示区域和第二显示区域不存在重叠,因此,在第三显示区域中,根据第三显示区域的大小,对页面内容进行显示,并在第二显示区域中对浮窗进行显示,通过自动调整页面的显示区域,实现了显示页面和浮窗无冲突的并行显示,提高了页面显示效果。
本申请实施例的页面显示方法中,在显示界面中确定显示有页面可视区域的第一显示区域和显示有浮窗的第二显示区域,确定第一显示区域和第二显示区域存在重叠,则根据第二显示区域,确定页面的第三显示区域,第三显示区域和第二显示区域不存在重叠,在第三显示区域中,对页面内容进行显示,以及在第二显示区域显示浮窗,通过自动的调整页面的显示区域和显示方式,实现了页面和浮窗同时显示,而不存在页面和浮窗的显示冲突,提高了显示效果。
基于上一实施例,本实施例提供了另一种页面显示方法,在浮窗显示在显示界面的顶端时,重叠区域则处于显示界面的顶部区域或底部区域,则可以将重叠区域以外的部分,作为第三显示区域,由于第三显示区域是连续的显示区域,则可在第三显示区域中,对页面进行重新显示,而不需要重新排版后显示,提高了显示效率。如图4所示,该方法包含以下步骤:
步骤401,在显示界面中确定显示有页面可视区域的第一显示区域和显示有浮窗的第二显示区域。
步骤402,将第一显示区域中除重叠区域以外的部分,作为第三显示区域,其中,重叠区域为第一显示区域和第二显示区域相互重叠的区域。
步骤403,若重叠区域处于显示界面的顶部区域或底部区域,则将第一显示区域中显示的页面的至少部分可视区域,在第三显示区域中显示。
如图3所示,确定显示有页面可视区域的第一显示区域如图A’中所示的1指示的区域,显示有浮窗的第二显示区域如图B’中3指示的区域,从而,确定重叠区域则为3指示的区域,而3指示的区域以外的部分,则为用于显示页面的至少部分可视区域的第三显示区域,第三显示区域即为3指示的区域下部的区域。如图3所示,3指示的区域以外的部分,是一个连续的显示区域,因此,显示页面的部分可视区域可按照原来的排版页面在该区域中显示,也就是说不需要对页面内容重新排版,即不需要通过改变页面内容的显示位置以避开浮窗的显示区域,实现页面内容和浮窗同步显示,同时不存在干扰,实现了自动化,提高了显示效果。
需要说明的是,顶部区域,为电子设备的显示界面的顶端,也就是说第三显示区域的上边缘和显示界面的上边缘之间的显示区域小于页面内容显示阈值,也就是说该显示区域中可用于显示的页面内容较少,可忽略不计。同理,底部区域,为电子设备的显示界面的底端,也就是说第三显示区域的下边缘和显示界面的下边缘之间的显示区域小于页面内容显示阈值,也就是说该显示区域中可用于显示的页面内容较少,可忽略不计。
本实施例的页面显示方法中,当浮窗置顶显示,页面的第三显示区域处于浮窗的第二显示区域的下部,则可在第三显示区域中,将第一显示区域中显示的页面的至少部分可视区域,按照原来的页面排版方式进行显示,而不需要基于第三显示区域进行重新的页面排版,实现页面内容和浮窗自动化同步显示,而不存在干扰,提高了显示效果。
基于上述实施例,本实施例提供了又一种页面显示方法,当确定的第三显示区域不是连续的页面显示区域,则需要在第三显示区域中,对页面内容进行重新排版,以躲避画中画区域,实现了自动调整页面内容,以使得页面显示和画中画浮窗的显示不存在冲突,提高显示效果,同时,在页面显示时,浮窗不会显示在页面中间,避免了页面内容查看时的不连贯,提高页面的显示效果,满足不同场景下的显示需求。
图5为本申请实施例所提供的又一种页面显示方法的流程示意图,如图5所示,该方法包含以下步骤:
步骤501,在显示界面中确定显示有页面可视区域的第一显示区域和显示有浮窗的第二显示区域。
步骤502,将第一显示区域中除重叠区域以外的部分,作为第三显示区域,其中,重叠区域为第一显示区域和第二显示区域相互重叠的区域。
步骤503,若重叠区域未处于显示界面的顶部区域或底部区域,在第三显示区域中,对页面内容进行重新排版并显示。
如图2所示,确定显示有页面可视区域的第一显示区域如图A中所示的1指示的区域,显示有浮窗的第二显示区域如图B中2指示的区域,从而,确定重叠区域则为2指示的区域,而2指示的区域以外的部分,则为用于显示页面可视区域的第三显示区域。如图2所示,2指示的区域以外的部分,是一个不连续的显示区域,包含子区域4_1和4_2,因此,显示页面的可视区域无法按照原来的页面排版方式在第三显示区域中不被遮挡的显示,也就是说需要对页面内容重新排版,通过改变页面内容的显示区域以对浮窗的显示区域留白,以避开浮窗的显示区域,实现页面内容和浮窗同步显示,而不存在干扰,实现了自动化,提高了显示效果。
本实施例的页面显示方法中,通过改变页面内容的显示区域以对浮窗的显示区域留白,以避开浮窗的显示区域,实现页面内容和浮窗同步显示,而不存在干扰,实现了自动化,提高了显示效果,满足不同场景下的显示需求。
上述实施例中说明了,若页面的第一显示区域和浮窗的第二显示区域的重叠区域未处于显示界面的顶端,则在确定的第三显示区域中,对页面进行重新排版并显示,而实际应用中,对页面重新排版并显示后,用户还可能移动页面,以查看页面中未在当前显示界面中显示的页面内容。
在一种场景下,在用户操作页面移动的过程中,页面不再进行重新排版,而为了避免页面显示区域和浮窗的显示区域冲突,可控制浮窗随页面的移动而移动,直至移动至页面的顶端。为此,本实施例提供了又一种页面显示方法,图6为本申请实施例所提供的又一种页面显示方法的流程示意图。
如图6所示,步骤503之后,包含以下步骤:
步骤601,监测显示界面内的滑动操作。
其中,滑动操作,可以为监测用户在显示界面上的触碰轨迹,确定的滑动操作;或者为监测在显示界面的上方用户手部的滑动轨迹,确定的滑动操作。
步骤602,响应于滑动操作,移动页面的可视区域并对移动后的可视区域进行显示。
本实施例中,滑动操作用于移动页面当前的可视区域,通过响应滑动操作,移动页面的可视区域并对移动后的可视区域进行显示,以使得用户可以查看页面未显示的页面内容。
步骤603,随可视区域的移动同步移动浮窗并显示。
本实施例中,为了避免移动页面当前的可视区域的过程中,浮窗会遮挡移动后需要显示的页面的可视区域,使得浮窗随页面的可视区域的移动同步移动,直至移动至边缘,以使得页面可视区域移动后,浮窗和移动后需要展示的页面的可视区域可实现无遮挡的并行显示,提高显示效果。
如图7所示,D1图中是在第三显示区域中,对页面进行重新排版并显示的页面内容的可视区,2指示的是浮窗的第二显示区域,在监测到用户的对页面的滑动操作后,响应于滑动操作,移动页面的可视区域并对移动后的可视区域进行显示,同时,浮窗随页面的可视区域的移动同步移动并显示,如图7中的图D2和D3。
步骤604,若浮窗移动至显示界面的边缘,则将浮窗在显示界面的边缘固定显示。
进一步,当浮窗移动至显示界面的边缘后,则浮窗需要完整显示,则无法再移动,则将浮窗在显示界面的边缘固定显示,如图7中的D3和D4,在浮窗在显示界面的边缘固定显示后,响应用户的移动操作,继续移动页面的可视区域并对移动后的可视区域进行显示,实现了页面的可视区域和浮窗的并行显示,实现了自动调整,提高了显示效果。
本实施例的页面显示方法中,通过监测对页面的滑动操作,移动页面的可视区域并对移动后的可视区域进行显示,同时,控制浮窗随页面的可视区域的移动而移动,并在移动至页面顶部区域时,置顶显示,以使得页面可视区域移动后,浮窗可移动后需要展示的可视区域可实现无遮挡的并行显示,提高显示效果。
在另一种场景下,在用户操作页面移动的过程中,浮窗在显示界面中的位置是固定不变的,为了避免页面可视区域移动后,移动后的页面可视区域和浮窗的显示冲突,需要在每次响应用户操作后,均对页面内容进行重新排版,通过自动排版,以实现页面可视区域内的内容和浮窗的并行显示。为此,本实施例提供了又一种页面显示方法,图8为本申请实施例所提供的又一种页面显示方法的流程示意图,如图8所示,步骤503之后,包含以下步骤:
步骤801,监测显示界面内的滑动操作。
步骤802,每当监测到显示界面内的滑动操作,根据滑动操作移动页面的可视区域,在第三显示区域内,对页面中处于可视区域内的页面内容进行重新排版并显示。
上述实施例中,在第三显示区域中对页面进行重新排版后,显示浮窗的第二显示区域在显示界面中固定显示,从而,在移动显示页面的可视区域时,可对界面进行显示的区域为第三显示区域,因此,需要基于每一次的移动操作,在第三显示区域内触发对页面中处于可视区域的页面内容进行重新排版,并将重新排版后的页面内容在第三显示区域内显示,使得在用于对页面进行显示的第三显示区域内,对页面当前的可视区域进行完整的显示,而不被浮窗遮挡,实现了自动的调整,提高了显示效果。具体地,如图9所示,在页面的可视区域移动的过程中,E2和E3分别为响应对应的页面操作后,对页面的可视区域重新排版,在第三显示区域中显示的示意图,需要说明的是,图9中仅示例性的展示了响应2次滑动操作后重新排版并显示的示意图,实际场景中,用户为了查看页面的所有内容,会存在多次滑动操作,并基于每次的滑动操作进行页面重新排版并显示,本实施例中不一一列举。
本实施例的页面显示方法中,每当监测到显示界面内的滑动操作,根据滑动操作移动页面的可视区域,在第三显示区域内对页面中处于可视区域内的页面内容进行重新排版,并在第三显示区域内显示,使得在用于对页面进行显示的第三显示区域内,对可视区域进行完整的显示,实现了自动的调整,提高了显示效果。
基于上述实施例,在第三显示区域中,对页面内容进行重新排版并显示后,由于显示区域的缩小,当页面的显示内容中包含多媒体内容,例如,图片或视频时,多媒体内容的显示区域的显示比例和多媒体内容原有的显示比例可能存在差别,这种情况下,多媒体内容可能会被压缩显示,导致降低了显示效果,为此,本实施例提供了一种页面显示方法的可能的实现方式,具体包含以下步骤:
识别页面的可视区域内的页面内容;
若内容中包含多媒体内容,则响应对多媒体内容的目标操作,在显示屏的显示区域中全屏显示多媒体内容。
本实施例中,当识别到页面的可视区域内的页面内容中包含多媒体内容,则响应对多媒体内容的目标操作,其中,目标操作包含点击操作、滑动操作等,以在显示界面中按照多媒体内容的显示比例,全屏显示多媒体内容,实现了对多媒体内容的全屏显示,满足了不同的显示需求,提高了显示效果。
为了实现上述实施例,本申请还提供了一种页面显示装置。
图10为本申请实施例所提供的一种页面显示装置的结构示意图。
如图10所示,该装置包括:第一确定模块1001、第二确定模块1002和显示模块1003。
第一确定模块1001,用于在显示界面中确定显示有页面可视区域的第一显示区域和显示有浮窗的第二显示区域。
第二确定模块1002,用于确定第一显示区域和第二显示区域存在重叠,则根据第二显示区域,确定页面的第三显示区域;第三显示区域和第二显示区域不存在重叠。
显示模块1003,用于在第三显示区域中,对页面内容进行显示,以及在第二显示区域显示浮窗。
在本申请实施例的一种可能的实现方式中,上述第二确定模块1002,具体用于:
将所述第一显示区域中除重叠区域以外的部分,作为所述第三显示区域,其中,所述重叠区域为所述第一显示区域和所述第二显示区域相互重叠的区域。
在本申请实施例的一种可能的实现方式中,上述显示模块1003,具体用于:
若重叠区域未处于所述显示界面的顶部区域或底部区域,在第三显示区域中,对页面内容进行重新排版并显示;
若所述重叠区域处于显示界面的顶部区域或底部区域,则将第一显示区域中显示的页面的至少部分可视区域,在第三显示区域中显示。
在本申请实施例的一种可能的实现方式中,所述装置,还包括:
监测模块,用于监测显示界面内的滑动操作;
移动模块,用于响应于所述滑动操作,移动所述页面的可视区域并对移动后的所述可视区域进行显示;随所述可视区域的移动同步移动所述浮窗并显示;
上述显示模块1003,用于若所述浮窗移动至所述显示界面的边缘,则将所述浮窗在所述显示界面的所述边缘固定显示。
在本申请实施例的一种可能的实现方式中,上述移动模块,还用于每当监测到显示界面内的滑动操作,根据所述滑动操作移动所述页面的可视区域。
上述显示模块1003,用于在所述第三显示区域内,对所述页面中处于所述可视区域内的页面内容进行重新排版并显示。
在本申请实施例的一种可能的实现方式中,所述装置,还包括:
识别模块,用于识别所述页面的可视区域内的页面内容;
响应模块,用于若所述内容中包含多媒体内容,则响应对所述多媒体内容的目标操作,在所述显示界面中全屏显示所述多媒体内容。
需要说明的是,前述对页面显示方法实施例的解释说明,也适用于本实施例的页面显示装置,原理相同,此处不再赘述。
本申请实施例的页面显示装置中,在显示界面中确定显示有页面可视区域的第一显示区域和显示有浮窗的第二显示区域,确定第一显示区域和第二显示区域存在重叠,则根据第二显示区域,确定页面的第三显示区域,第三显示区域和第二显示区域不存在重叠,在第三显示区域中,对页面进行显示,以及在第二显示区域显示浮窗,通过自动的调整页面的显示区域和显示方式,实现了页面和浮窗同时显示,而不存在页面和浮窗的显示冲突,提高了显示效果。
为了实现上述实施例,本实施例提供了一种电子设备,其中,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行前述方法实施例所述的页面显示方法。
为了实现上述实施例,本实施例提供了一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使所述计算机执行第一方面所述的页面显示方法。
根据本申请的实施例,本申请还提供了一种电子设备和一种可读存储介质。
如图11所示,是根据本申请实施例的页面显示方法的电子设备的框图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本申请的实现。
如图11所示,该电子设备包括:一个或多个处理器1101、存储器1102,以及用于连接各部件的接口,包括高速接口和低速接口。各个部件利用不同的总线互相连接,并且可以被安装在公共主板上或者根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进行处理,包括存储在存储器中或者存储器上以在外部输入/输出装置(诸如,耦合至接口的显示设备)上显示GUI的图形信息的指令。在其它实施方式中,若需要,可以将多个处理器和/或多条总线与多个存储器和多个存储器一起使用。同样,可以连接多个电子设备,各个设备提供部分必要的操作(例如,作为服务器阵列、一组刀片式服务器、或者多处理器系统)。图11中以一个处理器1101为例。
存储器1102即为本申请所提供的非瞬时计算机可读存储介质。其中,所述存储器存储有可由至少一个处理器执行的指令,以使所述至少一个处理器执行本申请所提供的页面显示方法。本申请的非瞬时计算机可读存储介质存储计算机指令,该计算机指令用于使计算机执行本申请所提供的页面显示的方法。
存储器1102作为一种非瞬时计算机可读存储介质,可用于存储非瞬时软件程序、非瞬时计算机可执行程序以及模块,如本申请实施例中的页面显示方法对应的程序指令/模块(例如,附图10所示的第一确定模块1001、第二确定模块1002和显示模块1003)。处理器1101通过运行存储在存储器1102中的非瞬时软件程序、指令以及模块,从而执行服务器的各种功能应用以及数据处理,即实现上述方法实施例中的页面显示方法。
存储器1102可以包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需要的应用程序;存储数据区可存储根据页面显示方法的电子设备的使用所创建的数据等。此外,存储器1102可以包括高速随机存取存储器,还可以包括非瞬时存储器,例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。在一些实施例中,存储器1102可选包括相对于处理器1101远程设置的存储器,这些远程存储器可以通过网络连接至页面显示方法电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
页面显示方法的电子设备还可以包括:输入装置1103和输出装置1104。处理器1101、存储器1102、输入装置1103和输出装置1104可以通过总线或者其他方式连接,图11中以通过总线连接为例。
输入装置1103可接收输入的数字或字符信息,以及产生与页面显示方法电子设备的用户设置以及功能控制有关的键信号输入,例如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个鼠标按钮、轨迹球、操纵杆等输入装置。输出装置1104可以包括显示设备、辅助照明装置(例如,LED)和触觉反馈装置(例如,振动电机)等。该显示设备可以包括但不限于,液晶显示器(LCD)、发光二极管(LED)显示器和等离子体显示器。在一些实施方式中,显示设备可以是触摸屏。
此处描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
这些计算程序(也称作程序、软件、软件应用、或者代码)包括可编程处理器的机器指令,并且可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的,术语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置(例如,磁盘、光盘、存储器、可编程逻辑装置(PLD)),包括,接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信号。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)和互联网。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。
根据本申请实施例的技术方案,在显示界面中确定显示有页面可视区域的第一显示区域和显示有浮窗的第二显示区域,确定第一显示区域和第二显示区域存在重叠,则根据第二显示区域,确定页面的第三显示区域,第三显示区域和第二显示区域不存在重叠,在第三显示区域中,对页面进行重新排版并显示,以及在第二显示区域显示浮窗,通过自动的调整页面的显示区域和显示方式,实现了页面和浮窗同时显示,而不存在页面和浮窗的显示冲突,提高了显示效果。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发申请中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本申请公开的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本申请保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修改、等同替换和改进等,均应包含在本申请保护范围之内。
Claims (10)
1.一种页面显示方法,应用于移动设备中,包括:
在显示界面中确定显示有页面可视区域的第一显示区域和显示有浮窗的第二显示区域;
确定所述第一显示区域和所述第二显示区域存在重叠,则根据所述第二显示区域,确定所述页面的第三显示区域;所述第三显示区域和所述第二显示区域不存在重叠;
若重叠区域未处于所述显示界面的顶部区域或底部区域,在所述第三显示区域中,对页面内容进行重新排版并显示;
每当监测到显示界面内的滑动操作,根据所述滑动操作移动所述页面的可视区域,在所述第三显示区域内,对所述页面中处于所述可视区域内的页面内容进行重新排版并显示;
若所述重叠区域处于所述显示界面的顶部区域或底部区域,则将所述第一显示区域中显示的页面的至少部分可视区域,在所述第三显示区域中显示;
在所述第二显示区域显示所述浮窗。
2.根据权利要求1所述的页面显示方法,其中,所述确定所述第一显示区域和所述第二显示区域存在重叠,则根据所述第二显示区域,确定所述页面的第三显示区域,包括:
将所述第一显示区域中除重叠区域以外的部分,作为所述第三显示区域,其中,所述重叠区域为所述第一显示区域和所述第二显示区域相互重叠的区域。
3.根据权利要求1所述的页面显示方法,其中,所述在所述第三显示区域中,对所述页面内容进行重新排版并显示之后,包括:
监测显示界面内的滑动操作;
响应于所述滑动操作,移动所述页面的可视区域并对移动后的所述可视区域进行显示;
随所述可视区域的移动同步移动所述浮窗并显示;
若所述浮窗移动至所述显示界面的边缘,则将所述浮窗在所述显示界面的所述边缘固定显示。
4.根据权利要求1-3任一项所述的页面显示方法,所述方法,还包括:
识别所述页面的可视区域内的页面内容;
若所述内容中包含多媒体内容,则响应对所述多媒体内容的目标操作,在所述显示界面中全屏显示所述多媒体内容。
5.一种页面显示装置,应用于移动设备中,包括:
第一确定模块,用于在显示界面中确定显示有页面可视区域的第一显示区域和显示有浮窗的第二显示区域;
第二确定模块,用于确定所述第一显示区域和所述第二显示区域存在重叠,则根据所述第二显示区域,确定所述页面的第三显示区域;所述第三显示区域和所述第二显示区域不存在重叠;
显示模块,用于若重叠区域未处于所述显示界面的顶部区域或底部区域,在所述第三显示区域中,对页面内容进行重新排版并显示;每当监测到显示界面内的滑动操作,根据所述滑动操作移动所述页面的可视区域,在所述第三显示区域内,对所述页面中处于所述可视区域内的页面内容进行重新排版并显示;若所述重叠区域处于所述显示界面的顶部区域或底部区域,则将所述第一显示区域中显示的页面的至少部分可视区域,在所述第三显示区域中显示;以及,在所述第二显示区域显示所述浮窗。
6.根据权利要求5所述的页面显示装置,其中,所述第二确定模块,具体用于:
将所述第一显示区域中除重叠区域以外的部分,作为所述第三显示区域,其中,所述重叠区域为所述第一显示区域和所述第二显示区域相互重叠的区域。
7.根据权利要求5任一项所述的页面显示装置,其中,所述装置,还包括:
监测模块,用于监测显示界面内的滑动操作;
移动模块,用于响应于所述滑动操作,移动所述页面的可视区域并对移动后的所述可视区域进行显示;随所述可视区域的移动同步移动所述浮窗并显示;
所述显示模块,用于若所述浮窗移动至所述显示界面的边缘,则将所述浮窗在所述显示界面的所述边缘固定显示。
8.根据权利要求5-7任一项所述的页面显示装置,所述装置,还包括:
识别模块,用于识别所述页面的可视区域内的页面内容;
响应模块,用于若所述内容中包含多媒体内容,则响应对所述多媒体内容的目标操作,在所述显示界面中全屏显示所述多媒体内容。
9.一种电子设备,其中,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-4中任一项所述的页面显示方法。
10.一种存储有计算机指令的非瞬时计算机可读存储介质,其中,所述计算机指令用于使所述计算机执行权利要求1-4中任一项所述的页面显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010913431.2A CN112162800B (zh) | 2020-09-03 | 2020-09-03 | 页面显示方法、装置、电子设备和计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010913431.2A CN112162800B (zh) | 2020-09-03 | 2020-09-03 | 页面显示方法、装置、电子设备和计算机可读存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112162800A CN112162800A (zh) | 2021-01-01 |
CN112162800B true CN112162800B (zh) | 2023-08-08 |
Family
ID=73857530
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010913431.2A Active CN112162800B (zh) | 2020-09-03 | 2020-09-03 | 页面显示方法、装置、电子设备和计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112162800B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114168036B (zh) * | 2021-11-29 | 2022-10-14 | 北京五八信息技术有限公司 | 信息展示方法、装置、电子设备及存储介质 |
CN115529486A (zh) * | 2022-09-23 | 2022-12-27 | 三星电子(中国)研发中心 | 悬浮窗口式app呈现方法和装置 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP3382520A1 (en) * | 2017-03-29 | 2018-10-03 | Beijing Xiaomi Mobile Software Co., Ltd. | Method and apparatus for operating a display of a mobile terminal |
CN108776568A (zh) * | 2018-06-07 | 2018-11-09 | 腾讯科技(深圳)有限公司 | 网页页面的显示方法、装置、终端及存储介质 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20170150203A1 (en) * | 2015-11-24 | 2017-05-25 | Le Holdings (Beijing) Co., Ltd. | Method, apparatus, mobile terminal and computer device for previewing multimedia contents |
-
2020
- 2020-09-03 CN CN202010913431.2A patent/CN112162800B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP3382520A1 (en) * | 2017-03-29 | 2018-10-03 | Beijing Xiaomi Mobile Software Co., Ltd. | Method and apparatus for operating a display of a mobile terminal |
CN108776568A (zh) * | 2018-06-07 | 2018-11-09 | 腾讯科技(深圳)有限公司 | 网页页面的显示方法、装置、终端及存储介质 |
Non-Patent Citations (1)
Title |
---|
High-Throughput Fixed-Point Object Detection on FPGAs;Xiaoyin Ma;IEEE;全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN112162800A (zh) | 2021-01-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20210191611A1 (en) | Method and apparatus for controlling electronic device based on gesture | |
CN112148160B (zh) | 浮窗显示方法、装置、电子设备和计算机可读存储介质 | |
US11175823B2 (en) | Method and apparatus for controlling terminal device using gesture control function, and non-transitory computer-readable storage medium | |
US9645733B2 (en) | Mechanism for switching between document viewing windows | |
CN112162800B (zh) | 页面显示方法、装置、电子设备和计算机可读存储介质 | |
CN110992112B (zh) | 广告信息的处理方法和装置 | |
CN113703624A (zh) | 分屏方法、装置及电子设备 | |
CN105446675A (zh) | 一种分屏显示方法及电子设备 | |
CN112835485A (zh) | 应用界面处理方法、装置、电子设备及可读存储介质 | |
CN112286612A (zh) | 信息显示方法、装置及电子设备 | |
CN112528608B (zh) | 页面编辑方法、装置、电子设备和存储介质 | |
CN113703627A (zh) | 显示方法、装置、电子设备及可读存储介质 | |
CN111638787B (zh) | 用于展示信息的方法和装置 | |
US20140331238A1 (en) | Electronic device and method for controlling application to execute input command | |
CN113407075A (zh) | 图标整理方法、装置和电子设备 | |
CN111008305B (zh) | 一种视觉搜索方法、装置以及电子设备 | |
CN104407763A (zh) | 内容输入方法及系统 | |
CN113986106A (zh) | 触摸屏的双手操作方法、装置、电子设备及存储介质 | |
CN114518819A (zh) | 图标管理方法、装置和电子设备 | |
CN113485625A (zh) | 电子设备的响应方法、装置和电子设备 | |
CN113495620A (zh) | 一种交互模式的切换方法、装置、电子设备及存储介质 | |
EP3635527B1 (en) | Magnified input panels | |
EP3521990A1 (en) | Method for interacting with one or more of software applications using a touch sensitive display | |
US12014019B2 (en) | Display method, apparatus and computer readable storage medium | |
CN112462999B (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |