CN109814802A - 一种界面中的窗口显示方法、装置、设备及存储介质 - Google Patents

一种界面中的窗口显示方法、装置、设备及存储介质 Download PDF

Info

Publication number
CN109814802A
CN109814802A CN201910104223.5A CN201910104223A CN109814802A CN 109814802 A CN109814802 A CN 109814802A CN 201910104223 A CN201910104223 A CN 201910104223A CN 109814802 A CN109814802 A CN 109814802A
Authority
CN
China
Prior art keywords
window
touch input
state
input gesture
parent window
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
Application number
CN201910104223.5A
Other languages
English (en)
Inventor
闫琦
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN201910104223.5A priority Critical patent/CN109814802A/zh
Publication of CN109814802A publication Critical patent/CN109814802A/zh
Pending legal-status Critical Current

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本公开实施例公开了一种界面中的窗口显示方法、装置、设备及存储介质,所述方法包括:将功能界面中至少两个窗口的数据内容进行渲染,并在屏幕显示范围中进行显示;其中,相邻两个窗口的显示区域在屏幕显示范围中相互上下交叠;获取用户在屏幕上的触摸输入手势;根据所述触摸输入手势控制相互交叠的上层窗口在展开状态和收起状态之间切换,其中,所述展开状态下,上层窗口与下层窗口之间的交叠区域展开扩大。本公开实施例的技术方案能够更加灵活的为用户提供不同窗口中的信息,改善用户体验。

Description

一种界面中的窗口显示方法、装置、设备及存储介质
技术领域
本公开实施例涉及应用软件的界面显示技术领域,尤其涉及一种界面中的窗口显示方法、装置、设备及存储介质。
背景技术
智能终端中各种APP(Application,应用程序)为用户提供了丰富的功能,为了丰富显示内容,目前各种应用程序的客户端界面中,会在一个界面中包括多个窗口区域,用来显示不同的内容。例如,在音频播放的界面中,可以歌词显示窗口、控制按钮窗口以及评论窗口。
基于上述技术,可以使用户在获取所需功能的同时,还能获得其他类别的信息,丰富了使用体验。但是,上述技术也存在一定的限制,即各个窗口区域范围有限,用户获取不同窗口中不同类别信息的灵活性不高。
发明内容
本公开实施例提供一种界面中的窗口显示方法、装置、设备及存储介质,以更加灵活的为用户提供不同窗口中的信息,改善用户体验。
第一方面,本公开实施例提供了一种界面中的窗口显示方法,应用于客户端,所述方法包括:
将功能界面中至少两个窗口的数据内容进行渲染,并在屏幕显示范围中进行显示;其中,相邻两个窗口的显示区域在屏幕显示范围中相互上下交叠;
获取用户在屏幕上的触摸输入手势;
根据所述触摸输入手势控制相互交叠的上层窗口在展开状态和收起状态之间切换,其中,所述展开状态下,上层窗口与下层窗口之间的交叠区域展开扩大。
可选的,根据所述触摸输入手势控制相互交叠的上层窗口在展开状态和收起状态之间切换,包括:
根据所述触摸输入手势的特征,以及所述上层窗口的当前状态,确定控制所述上层窗口进行展开状态和收起状态的切换。
可选的,根据所述触摸输入手势的特征,以及所述上层窗口的当前状态,确定控制所述上层窗口进行展开状态和收起状态的切换,包括:
如果上层窗口处于展开状态,下层窗口处于遮挡状态,则当所述触摸输入手势的特征符合第一设定条件时,确定所述上层窗口切换为收起状态;
如果上层窗口处于收起状态,下层窗口处于显示状态,则当所述触摸输入手势的特征符合第二设定条件时,确定所述上层窗口切换为展开状态。
可选的,所述功能界面为音频播放界面,包括由顶至底包括封面显示窗口、控制窗口和评论窗口,其中,所述评论窗口为上层窗口,所述封面显示窗口和控制窗口为下层窗口,所述评论窗口的顶部与所述控制窗口的底部相互交叠。
可选的,所述第一设定条件为触摸输入手势为下滑手势,且下滑轨迹的长度满足第一设定值;所述第二设定条件为触摸输入手势为上滑手势,且上滑轨迹的长度满足第二设定值。
可选的,根据所述触摸输入手势控制相互交叠的上层窗口在展开状态和收起状态之间切换,包括:
如果根据所述触摸输入手势控制相互交叠的上层窗口从收起状态切换至展开状态时,则控制下层窗口在屏幕显示范围中的位置不变,并控制上层窗口朝着下层窗口所在显示位置的方向,增加上层窗口显示区域在所述屏幕显示范围中的比例;
如果根据所述触摸输入手势控制相互交叠的上层窗口从展开状态切换至收起状态时,则控制下层窗口在屏幕显示范围中的位置不变,并控制上层窗口朝着背离下层窗口所在显示位置的方向,减小上层窗口显示区域在所述屏幕显示范围中的比例。
可选的,所述增加或减小上层窗口显示区域在所述屏幕显示范围中的比例,包括:
调整上层窗口显示区域的坐标值范围,并进行渲染和显示,以增加或减小上层窗口显示区域在所述屏幕显示范围中的比例。
可选的,所述方法还包括:
根据所述上层窗口的当前状态,如果识别到所述触摸输入手势不满足状态切换条件时,则确定所述触摸输入手势的目标窗口;
将所述触摸输入手势的参数传递给客户端中的目标窗口子程序;
通过所述目标窗口子程序将所述触摸输入手势的参数转换为控制指令,并执行所述控制指令。
第二方面,本公开实施例还提供了一种界面中的窗口显示装置,包括:
窗口显示模块,用于将功能界面中至少两个窗口的数据内容进行渲染,并在屏幕显示范围中进行显示;其中,相邻两个窗口的显示区域在屏幕显示范围中相互上下交叠;
手势获取模块,用于获取用户在屏幕上的触摸输入手势;
状态切换模块,用于根据所述触摸输入手势控制相互交叠的上层窗口在展开状态和收起状态之间切换,其中,所述展开状态下,上层窗口与下层窗口之间的交叠区域展开扩大。
可选的,状态切换模块,具体用于根据所述触摸输入手势的特征,以及所述上层窗口的当前状态,确定控制所述上层窗口进行展开状态和收起状态的切换。
可选的,状态切换模块,具体用于如果上层窗口处于展开状态,下层窗口处于遮挡状态,则当所述触摸输入手势的特征符合第一设定条件时,确定所述上层窗口切换为收起状态;
如果上层窗口处于收起状态,下层窗口处于显示状态,则当所述触摸输入手势的特征符合第二设定条件时,确定所述上层窗口切换为展开状态。
可选的,所述功能界面为音频播放界面,包括由顶至底包括封面显示窗口、控制窗口和评论窗口,其中,所述评论窗口为上层窗口,所述封面显示窗口和控制窗口为下层窗口,所述评论窗口的顶部与所述控制窗口的底部相互交叠。
可选的,所述第一设定条件为触摸输入手势为下滑手势,且下滑轨迹的长度满足第一设定值;所述第二设定条件为触摸输入手势为上滑手势,且上滑轨迹的长度满足第二设定值。
可选的,状态切换模块,具体用于如果根据所述触摸输入手势控制相互交叠的上层窗口从收起状态切换至展开状态时,则控制下层窗口在屏幕显示范围中的位置不变,并控制上层窗口朝着下层窗口所在显示位置的方向,增加上层窗口显示区域在所述屏幕显示范围中的比例;
如果根据所述触摸输入手势控制相互交叠的上层窗口从展开状态切换至收起状态时,则控制下层窗口在屏幕显示范围中的位置不变,并控制上层窗口朝着背离下层窗口所在显示位置的方向,减小上层窗口显示区域在所述屏幕显示范围中的比例。
可选的,状态切换模块,具体用于调整上层窗口显示区域的坐标值范围,并进行渲染和显示,以增加或减小上层窗口显示区域在所述屏幕显示范围中的比例。
可选的,所述装置还包括:目标窗口确定模块,用于根据所述上层窗口的当前状态,如果识别到所述触摸输入手势不满足状态切换条件时,则确定所述触摸输入手势的目标窗口;
参数传递模块,用于将所述触摸输入手势的参数传递给客户端中的目标窗口子程序;
控制指令执行模块,用于通过所述目标窗口子程序将所述触摸输入手势的参数转换为控制指令,并执行所述控制指令。
第三方面,本公开实施例还提供了一种电子设备,所述电子设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本公开任意实施例所提供的界面中的窗口显示方法。
第四方面,本公开实施例还提供了一种计算机存储介质,其上存储有计算机程序,该程序被处理器执行时实现本公开任意实施例所提供的界面中的窗口显示方法。
本公开实施例通过在屏幕显示范围中显示经过数据渲染后的至少两个窗口,并根据用户在屏幕上输入的手势控制相互交叠的上层窗口在展开状态和收起状态之间切换,解决现有界面显示技术中窗口信息显示方式灵活性较差的问题,从而以更加灵活的为用户提供不同窗口中的信息,改善用户体验。
附图说明
图1是本公开实施例一提供的一种界面中的窗口显示方法的流程图;
图2是本公开实施例二提供的一种界面中的窗口显示方法的流程图;
图3是本公开实施例三提供的一种界面中的窗口显示装置的示意图;
图4为本公开实施例四提供的一种电子设备的结构示意图。
具体实施方式
下面结合附图和实施例对本公开作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本公开,而非对本公开的限定。
另外还需要说明的是,为了便于描述,附图中仅示出了与本公开相关的部分而非全部内容。在更加详细地讨论示例性实施例之前应当提到的是,一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各项操作(或步骤)描述成顺序的处理,但是其中的许多操作可以被并行地、并发地或者同时实施。此外,各项操作的顺序可以被重新安排。当其操作完成时所述处理可以被终止,但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序等等。
实施例一
图1是本公开实施例一提供的一种界面中的窗口显示方法的流程图,本实施例可适用于在功能界面中灵活提供不同窗口中的信息的情况,该方法可以由界面中的窗口显示装置来执行,该装置可以由软件和/或硬件的方式来实现,并一般可集成在电子设备(如各种智能手机或平板电脑等)中。如图1所示,该方法包括如下操作:
S110、将功能界面中至少两个窗口的数据内容进行渲染,并在屏幕显示范围中进行显示;其中,相邻两个窗口的显示区域在屏幕显示范围中相互上下交叠。
其中,功能界面可以是电子设备中任意类型的显示界面,如音频播放界面、视频播放界面或其他各种APP对应的显示界面等,本公开实施例并不对功能界面的具体形式进行限定。
可以理解的是,通常一个功能界面中会包括多个窗口区域,每个窗口区域可以显示不同的内容,而窗口中的内容在进行显示前首先需要对窗口的数据内容进行渲染。需要说明的是,区别于现有窗口显示技术领域中各窗口的交界处为对齐状态,本公开实施例中相邻的两个窗口的显示区域在屏幕显示范围中可以是相互上下交叠的。在窗口显示内容之前,可以对功能界面中所有窗口的数据内容进行渲染,处于最上层的窗口背景可以设置为非透明形式。因此,与上层窗口相邻的下层窗口的交叠部分即使进行了数据渲染,也不会显示给用户,从而在视觉上给用户产生一种各窗口在同一层面上的效果。其中,上层窗口和下层窗口指的是处于不同水平层面的窗口。
S120、获取用户在屏幕上的触摸输入手势。
其中,触摸输入手势可以是用户在屏幕中输入的任意类型的手势,如上下滑动、点击或画框等手势,本公开实施例并不对触摸输入手势的具体内容进行限定。
相应的,在功能界面的显示过程中,电子设备可以在后台实时通过内部的程序来检测用户在屏幕上的触摸输入手势。当电子设备获取到用户的触摸输入手势后,可以将触摸输入手势的相关信息,如具体参数等传递给功能界面对应的客户端,并由客户端依据接收到的触摸输入手势信息对功能界面的相关窗口进行操作。
S130、根据所述触摸输入手势控制相互交叠的上层窗口在展开状态和收起状态之间切换,其中,所述展开状态下,上层窗口与下层窗口之间的交叠区域展开扩大。
具体的,客户端可以根据获取的触摸输入手势信息控制功能界面中相互交叠的上层窗口在展开状态和收起状态之间进行切换。切换至展开状态即为将上层窗口与下层窗口之间的交叠区域根据实际需求进行展开扩大,相应的,切换至收起状态即为将上层窗口与下层窗口之间的交叠区域根据实际需求进行收拢缩小。
通过根据用户的触摸输入手势来控制上层窗口的不同状态,可以实现根据用户的观看需求控制上层窗口和下层窗口的显示区域的大小,从而灵活调整功能界面中各窗口的显示区域范围,进而更加灵活地为用户提供不同窗口中的信息,以最大化迎合用户的使用需求,能够有效提高用户体验。
本公开实施例通过在屏幕显示范围中显示经过数据渲染后的至少两个窗口,并根据用户在屏幕上输入的手势控制相互交叠的上层窗口在展开状态和收起状态之间切换,解决现有界面显示技术中窗口信息显示方式灵活性较差的问题,从而以更加灵活的为用户提供不同窗口中的信息,改善用户体验。
实施例二
图2是本公开实施例二提供的一种界面中的窗口显示方法的流程图,本实施例以上述实施例为基础进行具体化,在本实施例中,给出了根据所述触摸输入手势的特征,以及所述上层窗口的当前状态,确定控制所述上层窗口进行展开状态和收起状态的切换的具体实现方式,同时给出了将界面中的窗口显示方法应用于音频播放界面的实现方式。相应的,如图2所示,本实施例的方法可以包括:
S210、将功能界面中至少两个窗口的数据内容进行渲染,并在屏幕显示范围中进行显示;其中,相邻两个窗口的显示区域在屏幕显示范围中相互上下交叠。
S220、获取用户在屏幕上的触摸输入手势。
S230、根据所述触摸输入手势的特征,以及所述上层窗口的当前状态,确定控制所述上层窗口进行展开状态和收起状态的切换。
其中,触摸输入手势的特征可以是反应触摸输入手势对应的动作,例如,上滑或下滑等。
在本公开实施例中,可以依据用户触摸输入手势的特征以及上层窗口的当前状态,来具体控制上层窗口进行展开状态和收起状态的切换。当上层窗口的当前状态为展开状态时,如果触摸输入手势的特征满足状态切换条件,则将其切换至收起状态;相应的,当上层窗口的当前状态为收起状态时,如果触摸输入手势的特征满足状态切换条件,则将其切换至展开状态。
相应的,S230具体可以包括:
S231、如果上层窗口处于展开状态,下层窗口处于遮挡状态,则当所述触摸输入手势的特征符合第一设定条件时,确定所述上层窗口切换为收起状态。
其中,第一设定条件可以是针对触摸输入手势对应的动作所设定的一种窗口切换条件,例如,下滑或上滑的长度大于预设的数值等,具体可以根据实际需求设计,本公开实施例并不对第一设定条件的具体内容进行限定。
可以理解的是,当功能界面中的上层窗口处于展开状态时,相对应的下层窗口即处于被上层窗口遮挡的状态。此时如果获取的触摸输入手势的特征符合第一设定条件,则可以对上层窗口的当前状态进行切换,使其由展开状态切换至收起状态,此时相对应的下层窗口即处于显示状态。需要说明的是,下层窗口在显示状态时,可以全屏显示,或者遮挡部分上层窗口进行显示,本公开实施例对此并不进行限制。
S232、如果上层窗口处于收起状态,下层窗口处于显示状态,则当所述触摸输入手势的特征符合第二设定条件时,确定所述上层窗口切换为展开状态。
其中,第二设定条件同样是针对触摸输入手势对应的动作所设定的一种窗口切换条件,例如,下滑或上滑的长度大于预设的数值等,具体可以根据实际需求设计,本公开实施例并不对第二设定条件的具体内容进行限定,但第二设定条件需要区别于第一设定条件。
相应的,当功能界面中的上层窗口处于收起状态时,相对应的下层窗口即处于显示状态。此时如果获取的触摸输入手势的特征符合第二设定条件,则可以对上层窗口的当前状态进行切换,使其由收起状态切换至展开状态,此时相对应的下层窗口即处于被上层窗口遮挡的状态。
在本公开的一个可选实施例中,所述功能界面为音频播放界面,包括由顶至底包括封面显示窗口、控制窗口和评论窗口,其中,所述评论窗口为上层窗口,所述封面显示窗口和控制窗口为下层窗口,所述评论窗口的顶部与所述控制窗口的底部相互交叠。
其中,封面显示窗口可以是用于显示音频播放资源对应的播放画面的窗口,如显示音频播放资源对应的歌词、人物写真或设定封面等信息。控制窗口可以是对音频播放资源进行控制的窗口,如控制快进、暂停或播放等功能。评论窗口则可以显示各个用户的评论信息。
在本公开实施例中,可选的,功能界面可以是音频播放界面,相应的,音频播放界面中可以包括封面显示窗口、控制窗口和评论窗口等。可以理解的是,音频类的APP的主要功能是为用户提供音频资源,用户在使用音频类的APP时,通常不会经常观看APP的功能界面。因此,可以将本公开实施例所提供的界面中的窗口显示方法应用于音频播放界面当中,并将评论窗口作为上层窗口,将封面显示窗口和控制窗口为作下层窗口,同时设置评论窗口的顶部与控制窗口的底部相互交叠。这样设置的好处是:由于用户通常不会过度关注APP的封面显示窗口和控制窗口,因此,将评论窗口设置为上层窗口,可以根据用户的观看需求对评论窗口进行展开或收起,方便用于大屏观看多条评论信息。
在本公开的一个可选实施例中,所述第一设定条件为触摸输入手势为下滑手势,且下滑轨迹的长度满足第一设定值;所述第二设定条件为触摸输入手势为上滑手势,且上滑轨迹的长度满足第二设定值。
其中,第一设定值和第二设定值可以是根据实际需求设定的数值,如2cm、3cm或4cm等,二者可以相同也可以不同,本公开实施例并不对第一设定值和第二设定值的具体数值进行限定。
相应的,对应于切换上层窗口由展开状态至收起状态的第一设定条件可以是:触摸输入手势为下滑手势,并且下滑的轨迹长度不小于第一设定值;对应于切换上层窗口由收起状态至展开状态的第二设定条件可以是:触摸输入手势为上滑手势,并且上滑的轨迹长度不小于第二设定值。也即,当功能界面中的上层窗口,如评论窗口,处于展开状态时,如果用户在电子设备屏幕的触摸输入手势下滑的轨迹长度大于或等于第一设定值,如3cm,则可以将评论窗口切换至收起状态。当功能界面中的上层窗口,如评论窗口,处于收起状态时,如果用户在电子设备屏幕的触摸输入手势上滑的轨迹长度大于或等于第二设定值,如3cm,则可以将评论窗口切换至展开状态。需要说明的是,收起状态并不是完全关闭窗口,仍然可以保留小部分显示区域,只是窗口的显示面积变小,使得控制窗口和封面显示窗口等下层窗口能够完全显示即可。
在本公开的一个可选实施例中,根据所述触摸输入手势控制相互交叠的上层窗口在展开状态和收起状态之间切换,还可以包括:
如果根据所述触摸输入手势控制相互交叠的上层窗口从收起状态切换至展开状态时,则控制下层窗口在屏幕显示范围中的位置不变,并控制上层窗口朝着下层窗口所在显示位置的方向,增加上层窗口显示区域在所述屏幕显示范围中的比例;
如果根据所述触摸输入手势控制相互交叠的上层窗口从展开状态切换至收起状态时,则控制下层窗口在屏幕显示范围中的位置不变,并控制上层窗口朝着背离下层窗口所在显示位置的方向,减小上层窗口显示区域在所述屏幕显示范围中的比例。
具体的,在控制上层窗口切换至展开状态时,可以保持下层窗口在屏幕显示范围中的位置不变,同时控制上层窗口朝着下层窗口所在显示位置的方向,增加上层窗口显示区域在屏幕显示范围中的比例,即可实现增大上层窗口的显示范围,从而将上层窗口切换至展开状态。相应的,在控制上层窗口切换至收起状态时,可以保持下层窗口在屏幕显示范围中的位置不变,同时控制上层窗口朝着背离下层窗口所在显示位置的方向,减小上层窗口显示区域在屏幕显示范围中的比例,即可实现缩减上层窗口的显示范围,从而将上层窗口切换至收起状态。
在本公开的一个可选实施例中,所述增加或减小上层窗口显示区域在所述屏幕显示范围中的比例,可以包括:调整上层窗口显示区域的坐标值范围,并进行渲染和显示,以增加或减小上层窗口显示区域在所述屏幕显示范围中的比例。
相应的,在控制增加或减小上层窗口显示区域在屏幕显示范围中的比例时,可以通过调整上层窗口显示区域的坐标值范围实现,如扩大坐标值范围或减小坐标值范围。对上层窗口的显示区域调整完成后,即可对窗口的数据内容进行渲染和显示,从而完成对上层窗口显示区域在屏幕显示范围中的比例的调整。
在本公开的一个可选实施例中,界面中的窗口显示方法还可以包括:根据所述上层窗口的当前状态,如果识别到所述触摸输入手势不满足状态切换条件时,则确定所述触摸输入手势的目标窗口;将所述触摸输入手势的参数传递给客户端中的目标窗口子程序;通过所述目标窗口子程序将所述触摸输入手势的参数转换为控制指令,并执行所述控制指令。
其中,状态切换条件即为第一设定条件或第二设定条件。目标窗口可以是用户想通过触摸输入手势进行控制(如上下滑动界面等)的功能播放界面中的其中一个窗口。目标窗口子程序可以是依据触摸输入手势的参数对目标窗口进行控制的相关程序。
在本公开实施例中,可以根据上层窗口的当前状态以及触摸输入手势的特征确定用户关注的目标窗口。具体的,如果上层窗口处于展开状态,下层窗口处于遮挡状态,则当触摸输入手势的特征不满足第一设定条件或第二设定条件等状态切换条件时,可以确定上层窗口为目标窗口;如果上层窗口处于收起状态,下层窗口处于显示状态,则当触摸输入手势的特征不满足第一设定条件或第二设定条件等状态切换条件时,可以确定下层窗口为目标窗口。目标窗口确定后,电子设备可以将获取的触摸输入手势的参数传递给客户端中的目标窗口子程序。其中,触摸输入手势的参数可以包括触摸输入手势的具体动作,如上滑、下滑、点击或框选等,以及动作对应的相关参数,如滑动长度、点击对应的坐标值或框选对应的坐标值范围等。客户端中的目标窗口子程序获取到具体的触摸输入手势的参数后,即可将其转换为控制指令,并执行控制指令以对目标窗口进行控制。
示例性的,如果评论窗口作为上层窗口处于展开状态,控制窗口作为下层窗口处于遮挡状态,此时用户的触摸输入手势为下滑手势,但下滑轨迹的长度没有超过第一设定值,则可以将评论窗口作为目标窗口。同时,音频播放界面所对应的客户端中的目标窗口子程序接收到触摸输入手势的参数,如下滑1cm,则可以实现对评论窗口中的显示内容进行下滑显示的控制效果。
需要说明的是,图2仅是一种实现方式的示意图,S231和S232之间并没有先后顺序关系,可以先实施S231,再实施S232,也可以先S232,再实施S231。
采用上述技术方案,通过根据上层窗口不同的当前状态以及匹配的触摸输入手势的特征,对上层窗口进行展开状态和收起状态的切换,能够灵活的为用户提供不同窗口中的信息,改善用户体验。
实施例三
图3是本公开实施例三提供的一种界面中的窗口显示装置的示意图,如图3所示,所述装置包括:窗口显示模块310、手势获取模块320以及状态切换模块330,其中:
窗口显示模块310,用于将功能界面中至少两个窗口的数据内容进行渲染,并在屏幕显示范围中进行显示;其中,相邻两个窗口的显示区域在屏幕显示范围中相互上下交叠;
手势获取模块320,用于获取用户在屏幕上的触摸输入手势;
状态切换模块330,用于根据所述触摸输入手势控制相互交叠的上层窗口在展开状态和收起状态之间切换,其中,所述展开状态下,上层窗口与下层窗口之间的交叠区域展开扩大。
本公开实施例通过在屏幕显示范围中显示经过数据渲染后的至少两个窗口,并根据用户在屏幕上输入的手势控制相互交叠的上层窗口在展开状态和收起状态之间切换,解决现有界面显示技术中窗口信息显示方式灵活性较差的问题,从而以更加灵活的为用户提供不同窗口中的信息,改善用户体验。
可选的,状态切换模块330,具体用于根据所述触摸输入手势的特征,以及所述上层窗口的当前状态,确定控制所述上层窗口进行展开状态和收起状态的切换。
可选的,状态切换模块330,具体用于如果上层窗口处于展开状态,下层窗口处于遮挡状态,则当所述触摸输入手势的特征符合第一设定条件时,确定所述上层窗口切换为收起状态;
如果上层窗口处于收起状态,下层窗口处于显示状态,则当所述触摸输入手势的特征符合第二设定条件时,确定所述上层窗口切换为展开状态。
可选的,所述功能界面为音频播放界面,包括由顶至底包括封面显示窗口、控制窗口和评论窗口,其中,所述评论窗口为上层窗口,所述封面显示窗口和控制窗口为下层窗口,所述评论窗口的顶部与所述控制窗口的底部相互交叠。
可选的,所述第一设定条件为触摸输入手势为下滑手势,且下滑轨迹的长度满足第一设定值;所述第二设定条件为触摸输入手势为上滑手势,且上滑轨迹的长度满足第二设定值。
可选的,状态切换模块330,具体用于如果根据所述触摸输入手势控制相互交叠的上层窗口从收起状态切换至展开状态时,则控制下层窗口在屏幕显示范围中的位置不变,并控制上层窗口朝着下层窗口所在显示位置的方向,增加上层窗口显示区域在所述屏幕显示范围中的比例;
如果根据所述触摸输入手势控制相互交叠的上层窗口从展开状态切换至收起状态时,则控制下层窗口在屏幕显示范围中的位置不变,并控制上层窗口朝着背离下层窗口所在显示位置的方向,减小上层窗口显示区域在所述屏幕显示范围中的比例。
可选的,状态切换模块330,具体用于调整上层窗口显示区域的坐标值范围,并进行渲染和显示,以增加或减小上层窗口显示区域在所述屏幕显示范围中的比例。
可选的,所述装置还包括:目标窗口确定模块,用于根据所述上层窗口的当前状态,如果识别到所述触摸输入手势不满足状态切换条件时,则确定所述触摸输入手势的目标窗口;
参数传递模块,用于将所述触摸输入手势的参数传递给客户端中的目标窗口子程序;
控制指令执行模块,用于通过所述目标窗口子程序将所述触摸输入手势的参数转换为控制指令,并执行所述控制指令。
上述界面中的窗口显示装置可执行本公开任意实施例所提供的界面中的窗口显示方法,具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节,可参见本公开任意实施例提供的界面中的窗口显示方法。
实施例四
本公开实施例提供了一种电子设备,下面参考图4,其示出了适于用来实现本公开实施例的电子设备(例如客户端或服务器端)400的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、个人数字助理(PDA)、平板电脑(PAD)、便携式多媒体播放器(PMP)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图4示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图4所示,电子设备400可以包括处理装置(例如中央处理器、图形处理器等)401,其可以根据存储在只读存储器(ROM)402中的程序或者从存储装置408加载到随机访问存储器(RAM)403中的程序而执行各种适当的动作和处理。在RAM 403中,还存储有电子设备400操作所需的各种程序和数据。处理装置401、ROM 402以及RAM 403通过总线404彼此相连。输入/输出(I/O)接口405也连接至总线404。
通常,以下装置可以连接至I/O接口405:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置406;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置407;包括例如磁带、硬盘等的存储装置408;以及通信装置409。通信装置409可以允许电子设备400与其他设备进行无线或有线通信以交换数据。虽然图4示出了具有各种装置的电子设备400,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置409从网络上被下载和安装,或者从存储装置408被安装,或者从ROM 402被安装。在该计算机程序被处理装置401执行时,执行本公开实施例的界面中的窗口显示方法中限定的上述功能。
实施例五
本公开实施例还提供了一种计算机可读存储介质,计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、射频(RF)等等,或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:将功能界面中至少两个窗口的数据内容进行渲染,并在屏幕显示范围中进行显示;其中,相邻两个窗口的显示区域在屏幕显示范围中相互上下交叠;获取用户在屏幕上的触摸输入手势;根据所述触摸输入手势控制相互交叠的上层窗口在展开状态和收起状态之间切换,其中,所述展开状态下,上层窗口与下层窗口之间的交叠区域展开扩大。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在某种情况下并不构成对该模块本身的限定,例如,手势获取模块还可以被描述为“获取用户在屏幕上的触摸输入手势的模块”。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (11)

1.一种界面中的窗口显示方法,其特征在于,应用于客户端,所述方法包括:
将功能界面中至少两个窗口的数据内容进行渲染,并在屏幕显示范围中进行显示;其中,相邻两个窗口的显示区域在屏幕显示范围中相互上下交叠;
获取用户在屏幕上的触摸输入手势;
根据所述触摸输入手势控制相互交叠的上层窗口在展开状态和收起状态之间切换,其中,所述展开状态下,上层窗口与下层窗口之间的交叠区域展开扩大。
2.根据权利要求1所述的方法,其特征在于,根据所述触摸输入手势控制相互交叠的上层窗口在展开状态和收起状态之间切换,包括:
根据所述触摸输入手势的特征,以及所述上层窗口的当前状态,确定控制所述上层窗口进行展开状态和收起状态的切换。
3.根据权利要求2所述的方法,其特征在于,根据所述触摸输入手势的特征,以及所述上层窗口的当前状态,确定控制所述上层窗口进行展开状态和收起状态的切换,包括:
如果上层窗口处于展开状态,下层窗口处于遮挡状态,则当所述触摸输入手势的特征符合第一设定条件时,确定所述上层窗口切换为收起状态;
如果上层窗口处于收起状态,下层窗口处于显示状态,则当所述触摸输入手势的特征符合第二设定条件时,确定所述上层窗口切换为展开状态。
4.根据权利要求3所述的方法,其特征在于,所述功能界面为音频播放界面,包括由顶至底包括封面显示窗口、控制窗口和评论窗口,其中,所述评论窗口为上层窗口,所述封面显示窗口和控制窗口为下层窗口,所述评论窗口的顶部与所述控制窗口的底部相互交叠。
5.根据权利要求4所述的方法,其特征在于:
所述第一设定条件为触摸输入手势为下滑手势,且下滑轨迹的长度满足第一设定值;所述第二设定条件为触摸输入手势为上滑手势,且上滑轨迹的长度满足第二设定值。
6.根据权利要求1-5任一所述的方法,其特征在于,根据所述触摸输入手势控制相互交叠的上层窗口在展开状态和收起状态之间切换,包括:
如果根据所述触摸输入手势控制相互交叠的上层窗口从收起状态切换至展开状态时,则控制下层窗口在屏幕显示范围中的位置不变,并控制上层窗口朝着下层窗口所在显示位置的方向,增加上层窗口显示区域在所述屏幕显示范围中的比例;
如果根据所述触摸输入手势控制相互交叠的上层窗口从展开状态切换至收起状态时,则控制下层窗口在屏幕显示范围中的位置不变,并控制上层窗口朝着背离下层窗口所在显示位置的方向,减小上层窗口显示区域在所述屏幕显示范围中的比例。
7.根据权利要求6所述的方法,其特征在于,所述增加或减小上层窗口显示区域在所述屏幕显示范围中的比例,包括:
调整上层窗口显示区域的坐标值范围,并进行渲染和显示,以增加或减小上层窗口显示区域在所述屏幕显示范围中的比例。
8.根据权利要求1-5任一所述的方法,其特征在于,还包括:
根据所述上层窗口的当前状态,如果识别到所述触摸输入手势不满足状态切换条件时,则确定所述触摸输入手势的目标窗口;
将所述触摸输入手势的参数传递给客户端中的目标窗口子程序;
通过所述目标窗口子程序将所述触摸输入手势的参数转换为控制指令,并执行所述控制指令。
9.一种界面中的窗口显示装置,其特征在于,包括:
窗口显示模块,用于将功能界面中至少两个窗口的数据内容进行渲染,并在屏幕显示范围中进行显示;其中,相邻两个窗口的显示区域在屏幕显示范围中相互上下交叠;
手势获取模块,用于获取用户在屏幕上的触摸输入手势;
状态切换模块,用于根据所述触摸输入手势控制相互交叠的上层窗口在展开状态和收起状态之间切换,其中,所述展开状态下,上层窗口与下层窗口之间的交叠区域展开扩大。
10.一种电子设备,其特征在于,所述电子设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-8中任一所述的界面中的窗口显示方法。
11.一种计算机存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-8中任一所述的界面中的窗口显示方法。
CN201910104223.5A 2019-02-01 2019-02-01 一种界面中的窗口显示方法、装置、设备及存储介质 Pending CN109814802A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910104223.5A CN109814802A (zh) 2019-02-01 2019-02-01 一种界面中的窗口显示方法、装置、设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910104223.5A CN109814802A (zh) 2019-02-01 2019-02-01 一种界面中的窗口显示方法、装置、设备及存储介质

Publications (1)

Publication Number Publication Date
CN109814802A true CN109814802A (zh) 2019-05-28

Family

ID=66606319

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910104223.5A Pending CN109814802A (zh) 2019-02-01 2019-02-01 一种界面中的窗口显示方法、装置、设备及存储介质

Country Status (1)

Country Link
CN (1) CN109814802A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111641797A (zh) * 2020-05-25 2020-09-08 北京字节跳动网络技术有限公司 视频通话界面显示控制方法、装置、存储介质及设备
CN113419660A (zh) * 2021-06-24 2021-09-21 北京达佳互联信息技术有限公司 视频资源处理方法、装置、电子设备及存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103841342A (zh) * 2014-03-20 2014-06-04 乐视网信息技术(北京)股份有限公司 显示控制方法及其系统
CN105718139A (zh) * 2009-06-08 2016-06-29 苹果公司 用于多显示区的用户界面
CN106658116A (zh) * 2016-12-27 2017-05-10 努比亚技术有限公司 一种播放控制方法、装置及终端
US20170187775A1 (en) * 2015-12-28 2017-06-29 Industrial Technology Research Institute Server device, client device and dynamic image transmission method for virtual desktop infrastructure
CN109218806A (zh) * 2018-11-28 2019-01-15 北京字节跳动网络技术有限公司 一种视频信息显示方法、装置、终端及存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105718139A (zh) * 2009-06-08 2016-06-29 苹果公司 用于多显示区的用户界面
CN103841342A (zh) * 2014-03-20 2014-06-04 乐视网信息技术(北京)股份有限公司 显示控制方法及其系统
US20170187775A1 (en) * 2015-12-28 2017-06-29 Industrial Technology Research Institute Server device, client device and dynamic image transmission method for virtual desktop infrastructure
CN106658116A (zh) * 2016-12-27 2017-05-10 努比亚技术有限公司 一种播放控制方法、装置及终端
CN109218806A (zh) * 2018-11-28 2019-01-15 北京字节跳动网络技术有限公司 一种视频信息显示方法、装置、终端及存储介质

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111641797A (zh) * 2020-05-25 2020-09-08 北京字节跳动网络技术有限公司 视频通话界面显示控制方法、装置、存储介质及设备
WO2021238679A1 (zh) * 2020-05-25 2021-12-02 北京字节跳动网络技术有限公司 视频通话界面显示控制方法、装置、存储介质及设备
CN111641797B (zh) * 2020-05-25 2022-02-18 北京字节跳动网络技术有限公司 视频通话界面显示控制方法、装置、存储介质及设备
US11853543B2 (en) 2020-05-25 2023-12-26 Beijing Bytedance Network Technology Co., Ltd. Method and apparatus for controlling display of video call interface, storage medium and device
CN113419660A (zh) * 2021-06-24 2021-09-21 北京达佳互联信息技术有限公司 视频资源处理方法、装置、电子设备及存储介质

Similar Documents

Publication Publication Date Title
US11586345B2 (en) Method and apparatus for interaction control of display page
JP7421009B2 (ja) トレンドランキングリストの表示方法、装置、電子機器及び記憶媒体
JP7387891B2 (ja) 動画ファイルの生成方法、装置、端末及び記憶媒体
KR101984673B1 (ko) 복수 어플리케이션을 실행하는 디스플레이 장치 및 그 제어 방법
US9569159B2 (en) Apparatus, systems and methods for presenting displayed image information of a mobile media device on a large display and control of the mobile media device therefrom
EP2595043A2 (en) Mobile device for executing multiple applications and method thereof
JP7038226B2 (ja) ビデオ処理方法、装置、端末および媒体
CN109547835B (zh) 视频播放方法及装置
CN109495791A (zh) 一种视频贴纸的添加方法、装置、电子设备及可读介质
US20230097683A1 (en) Video recommendation method and apparatus, electronic device, and storage medium
EP2743814A2 (en) Display apparatus and method of providing user interface thereof
JP7407340B2 (ja) ホットスポットリストの表示方法、装置、電子機器および記憶媒体
US20230132567A1 (en) Video playback control method and apparatus, electronic device and storage medium
EP4344235A1 (en) Video interaction method and apparatus, and device and medium
CN109508128A (zh) 搜索控件显示方法、装置、设备及计算机可读存储介质
EP4175307A1 (en) Interaction method and apparatus, and electronic device
WO2023169484A1 (zh) 信息流的显示方法、装置、设备、存储介质及程序
WO2023216936A1 (zh) 视频播放方法、装置、电子设备、存储介质和程序产品
WO2023185647A1 (zh) 媒体内容的显示方法、装置、设备、存储介质和程序产品
US11349976B2 (en) Information processing method, file transmission method, electronic apparatus, and computing apparatus
CN114168250A (zh) 页面显示方法、装置、电子设备和存储介质
CN112000267A (zh) 信息显示方法、装置、设备及存储介质
CN110647286A (zh) 屏幕元素控制方法、装置、设备、存储介质
CN109814802A (zh) 一种界面中的窗口显示方法、装置、设备及存储介质
CN116320642B (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