CN111949169A - 应用界面的显示方法和装置 - Google Patents
应用界面的显示方法和装置 Download PDFInfo
- Publication number
- CN111949169A CN111949169A CN202010613354.9A CN202010613354A CN111949169A CN 111949169 A CN111949169 A CN 111949169A CN 202010613354 A CN202010613354 A CN 202010613354A CN 111949169 A CN111949169 A CN 111949169A
- Authority
- CN
- China
- Prior art keywords
- display area
- area
- real
- display
- time
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 46
- 230000006870 function Effects 0.000 claims abstract description 94
- 238000003825 pressing Methods 0.000 claims description 28
- 230000008859 change Effects 0.000 claims description 24
- 230000015654 memory Effects 0.000 claims description 19
- 230000009467 reduction Effects 0.000 claims description 16
- 230000001960 triggered effect Effects 0.000 abstract description 4
- 238000010586 diagram Methods 0.000 description 9
- 230000008569 process Effects 0.000 description 6
- 238000004891 communication Methods 0.000 description 5
- 238000004590 computer program Methods 0.000 description 4
- 230000000903 blocking effect Effects 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 230000003993 interaction Effects 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000007480 spreading Effects 0.000 description 2
- 230000007704 transition Effects 0.000 description 2
- 230000009286 beneficial 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
- 230000006872 improvement Effects 0.000 description 1
- 230000001788 irregular Effects 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
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/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/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了应用界面的显示方法和装置,涉及信息流技术领域和计算机技术领域,可用于云计算或云服务系统。具体实现方案为:当终端屏幕中的第一显示区域播放视频时,若监测到其他的目标功能被用户调用,则判断目标功能在终端屏幕上预设的第二显示区域与第一显示区域之间是否满足预设遮挡条件;若满足预设遮挡条件,则根据用户对目标功能的手势调用操作获取目标功能在终端屏幕上的实时显示区域;根据实时显示区域实时缩小第一显示区域。由此,解决了后打开的功能的界面对之前打开的界面遮挡的问题,保证了即使其他功能界面触发后,也不影响对视频的观看。
Description
技术领域
本申请涉及信息流技术领域和计算机技术领域,尤其涉及一种应 用界面的显示方法和装置。
背景技术
随着视频经济的发展,通过视频来完成直播沟通、学习知识或者 展示产品等的做法越来越受到人们的喜爱。
然而,现有技术中,尤其是视频直播时,在观看视频的时候,若 是打开其他功能界面,其他功能界面对应的显示区域可能会部分或者 完全的遮挡在视频显示区域,影响对视频的观看。
发明内容
本公开提供了一种用于应用界面的显示的方法和装置。
根据本公开的第一方面,提供了一种应用界面的显示的方法,包 括:当终端屏幕中的第一显示区域播放视频时,若监测到其他的目标 功能被用户调用,则判断目标功能在终端屏幕上预设的第二显示区域 与第一显示区域之间是否满足预设遮挡条件;若满足预设遮挡条件, 则根据用户对目标功能的手势调用操作获取目标功能在终端屏幕上的 实时显示区域;根据实时显示区域实时缩小第一显示区域。
根据本公开的第二方面,提供了一种应用界面的显示的装置,包 括:判断模块,用于当终端屏幕中的第一显示区域播放视频时,若监 测到其他的目标功能被用户调用,则判断目标功能在终端屏幕上预设 的第二显示区域与第一显示区域之间是否满足预设遮挡条件;获取模 块,用于若满足预设遮挡条件,则根据用户对目标功能的手势调用操 作获取目标功能在终端屏幕上的实时显示区域;调整模块,用于根据 实时显示区域实时缩小第一显示区域。
根据本公开的第三方面,提供了一种电子设备,包括:至少一个 处理器;与至少一个处理器通信连接的存储器;其中,存储器存储有 可被至少一个处理器执行的指令,指令被至少一个处理器执行,以使 至少一个处理器能够执行如上述第一方面实施例描述的应用界面的显 示方法。
根据本公开的第四方面,提供了一种存储有计算机指令的非瞬时 计算机可读存储介质,计算机指令用于使计算机执行上述第一方面实 施例描述的应用界面的显示方法。
本申请提供的技术方案,至少具备如下有益技术效果:
当终端屏幕中的第一显示区域播放视频时,若监测到其他的目标 功能被用户调用,则判断目标功能在终端屏幕上预设的第二显示区域 与第一显示区域之间是否满足预设遮挡条件;若满足预设遮挡条件, 则根据用户对目标功能的手势调用操作获取目标功能在终端屏幕上 的实时显示区域;根据实时显示区域实时缩小第一显示区域。由此, 解决了后打开的功能的界面对之前打开的界面遮挡的问题,保证了即 使其他功能界面触发后,也不影响对视频的观看。
应当理解,本部分所描述的内容并非旨在标识本公开的实施例的 关键或重要特征,也不用于限制本公开的范围。本公开的其它特征将 通过以下的说明书而变得容易理解。
附图说明
附图用于更好地理解本方案,不构成对本申请的限定。其中:
图1是根据本申请第一实施例的应用界面的显示方法的流程图;
图2-1是根据本申请第二实施例的第二显示区域遮挡第一显示区 域的场景示意图;
图2-2是根据本申请第三实施例的另一种第二显示区域遮挡第一 显示区域的场景示意图;
图3是根据本申请第四实施例的一种应用界面的显示场景示意图;
图4是根据本申请第五实施例的一种应用界面的显示场景示意图;
图5-1是根据本申请第六实施例的一种缩小第一显示区域的场景 示意图;
图5-2是根据本申请第七实施例的另一种缩小第一显示区域的场 景示意图;
图6是根据本申请第八实施例的又一种缩小第一显示区域的场景 示意图;
图7是根据本申请第九实施例的一种确定实时显示区域的方法的 流程示意图;
图8是根据本申请第十实施例的一种确定实时显示区域的场景示 意图;
图9-1是根据本申请第十一实施例的一种确定实时显示区域的场 景示意图;
图9-2是根据本申请第十二实施例的另一种确定实时显示区域的 场景示意图;
图10是根据本申请第十三实施例的另一种确定实时显示区域的 方法的流程示意图;
图10-1是根据本申请第十四实施例的一种确定实时显示区域的场 景示意图;
图10-2是根据本申请第十五实施例的另一种确定实时显示区域的 场景示意图;
图11是根据本申请第十三个实施例的视频生成装置的结构示意 图;
图12是用来实现本申请实施例的应用界面的显示方法的电子设 备的框图;
具体实施方式
以下结合附图对本申请的示范性实施例做出说明,其中包括本申 请实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。 因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做 出各种改变和修改,而不会背离本申请的范围和精神。同样,为了清 楚和简明,以下的描述中省略了对公知功能和结构的描述。
针对上述背景技术中提到的,在观看视频的过程中,当监测到其 他的功能被用户调用以后,其他功能的显示区域会部分或者完全遮挡 住视频显示区域的问题,本申请提出一种应用界面的显示方法,在需 要增加功能界面的显示区域的时候,可以适应性缩小视频显示区域来 保证视频显示区域不被遮挡,解决了后打开的目标功能显示区域会部 分或者完全遮挡视频播放显示区域的问题。尤其适合直播会议的场景 使用。
具体而言,图1是根据本申请的一个实施例的应用界面的显示方 法的流程图,如图1所示,该方法包括:
步骤101,当终端屏幕中的第一显示区域播放视频时,若监测到 其他的目标功能被用户调用,则判断目标功能在终端屏幕上预设的第 二显示区域与第一显示区域之间是否满足预设遮挡条件;
在实际应用场景中,在播放视频时,会有调用其他目标功能的操 作,比如,在电话会议场景中,在播放会议视频时,主持人会有调用 主持人界面显示功能的操作等。而当用户使用其他目标功能时,若是 其他功能界面的第二显示区域遮挡住第一显示区域,比如图2-1和图 2-2所示,若是第二显示区域遮挡住第一显示区域,则显然会影响对视 频的观看,尤其是对于一些比较重要的视频。其中,本实施例中的第 二显示区域可以理解为其他功能界面显示完全时,对应的最大面积时 的显示区域。
其中,需要强调的是,本实施例中的视频播放功能和其他的目标 功能可以属于同一个应用,也可以属于不同的应用内,当属于同一个 应用时,在用户使用其他功能的过程中,能使得视频显示区域不被遮 挡,技术效果尤为突出,比如,如图3所示,在用户使用微信进行视 频聊天过程中,用户A向用户B发送文件,B打开对应的文件之后, 也不会导致文档显示区域遮挡住视频的第一显示区域,实用性较高。
在本实施例中,在终端屏幕上显示视频的时候,若检测到其他的 目标功能被用户调用,首先获取目标功能的第二显示区域的信息,然 后基于预设遮挡条件来确定目标功能的第二显示区域是否可能遮挡第 一显示区域。
在不同的应用场景中,由于第一显示区域显示的视频的不同以及 第二显示区域显示的功能界面的不同,预设遮挡条件也不同,示例说 明如下:
作为一种可能的实现方式,当监测到其他的目标功能被调用的时 候,获取视频显示的第一显示区域的位置和目标功能显示的第二显示 区域的位置,然后根据第一显示区域的位置与第二显示区域的位置, 获得两者的重叠区域面积,进而再判断此重叠区域面积的大小是否大 于预设阀值,如果判断结果是重叠区域面积大于预设阈值,则可以确 定目标功能在终端屏幕上预设的第二显示区域与第一显示区域之间满 足预设遮挡条件。
在本实施例中,如果判断结果是重叠区域面积不大于预设阈值, 则可以确定目标功能在终端屏幕上预设的第二显示区域与第一显示区 域之间不满足预设遮挡条件。其中,在本申请的一个实施例中,上述 预设阀值可以根据不同的第一显示区域显示内容的内容类型而设计, 不同第一显示区域显示内容的内容类型可以对应不同的预设阀值。
比如,当内容类型为电话会议时,则对应的预设阈值相对较小, 当内容类型为社交视频,则对应的预设阈值相对较大等。在监测到其 他的目标功能被调用时,可以首先获取并判断第一显示区域正在显示 的内容类型,然后根据该内容类型确定预设阀值。
作为另一种可能的实现方式,当监测到其他的目标功能被调用的 时候,首先要获取视频显示的第一显示区域占屏幕大小的百分比和目 标功能的第二显示区域占屏幕大小的百分比,然后判断两个百分比的 和的大小,如果两个百分比的和的大小大于百分之百,则确定目标功 能在终端屏幕上预设的第二显示区域与第一显示区域之间满足预设遮 挡条件;如果两个百分比的和的大小小于等于百分之百,则确定目标 功能在终端屏幕上预设的第二显示区域与第一显示区域之间不满足预 设遮挡条件。
步骤102,若满足预设遮挡条件,则根据用户对目标功能的手势 调用操作获取目标功能在终端屏幕上的实时显示区域;
其中,手势调用操作可以理解为,用户在需要打开目标功能的时 候通过手势在终端屏幕上的调用操作,包括滑动操作、手势轨迹操作、 按压操作等。本实施例中的其他功能界面可能并非在获取手势调用操 作后,直接弹出至第二显示区域的大小,而是会根据手势调用操作逐 渐变化显示区域(每个时刻的显示区域为实时显示区域),变化后的 最大显示区域为第二显示区域,比如图4所示,当用户调用主持人操 作界面时,会根据调用的手势调用操作逐渐拉出对应的界面,而并非 直接显示完全。
步骤103,根据实时显示区域实时缩小第一显示区域。
正如以上提到的,在实时调整目标功能的实时显示区域的时候, 同时根据目标功能的实时显示区域缩小第一显示区域的大小,从而, 可以实现第一显示区域伴随用户的手势调用操作逐步过渡,过渡过程 中要实时刷新第一显示区域的大小与视频的内容,使视频播放全面、 自然且不卡顿,提升了用户的观看体验。
而应当理解的是,实时调整第一显示区域的大小的时候,为了不 影响观看体验,需要确保视频画面的长宽比例不变,而适当缩小其长, 和/或,宽,且在视频的第一显示区域缩小以后,第一显示区域中没有 被视频画面填充的地方可以留白或者插入适当的图文填补。在本实施 例中,视频源是不变的,仅仅是对视频的显示尺寸进行调整,且在调 整视频长宽比的时候可以根据实时第一显示区域的长宽比,修改视频 的方向,以达到最大的视频显示效果。
需要理解的是,在不同的应用场景中,可以按照不同的方式缩小 第一显示区域。
作为一种可能的实现方式,确定实时显示区域和第一显示区域的 重叠显示区域,该重叠显示区域是第一显示区域被遮挡的区域,从而, 根据重叠显示区域缩小第一显示区域。
比如,如图5-1所示,当重叠显示区域为第一显示区域下方的A1 时,若是直接将A1作为缩小面积,显然导致第一显示区域剩余部分 不规则,因此,可以直接将第一显示区域中,该A1的水平方向覆盖 的所有区域确定为被缩小的区域A2,在第一显示区域中去除A2作为 缩小后的第一显示区域;
比如,如图5-2所示,当重叠显示区域为右方的B1时,则直接将 第一显示区域中,该B1的竖直方向覆盖的所有区域确定为被缩小的 区域B2,在第一显示区域中去除B2作为缩小后的第一显示区域。
其中,为了避免视频的第一显示区域过小导致不清晰,开始缩小 第一显示区域之前可以先获取与第一显示区域对应的面积缩小的上限 值,然后根据实时显示区域的大小开始缩小第一显示区域,但是在此 过程中,需要不断的判断缩小后的第一显示区域的面积,是否等于第 一显示区域面积缩小的上限值,如果第一显示区域还没有缩小到上限 值,则仍可以调整第一显示区域和实时显示区域的大小,如果第一显 示区域缩小到了上限值,则需要停止缩小第一显示区域。
作为另一种可能的实现方式,开始缩小第一显示区域之前可以先 获得第一显示区域与实时显示区域的几个可能的占屏比,比如,第一 显示区域占终端屏幕的百分之五十,实时显示区域占终端屏幕的百分 之五十;第一显示区域占终端屏幕的百分之七十,实时显示区域占终 端屏幕的百分之三十等。然后,如图6所示,在屏幕的侧栏显示不同 占屏比的标志,当手势调用操作满足不同的占屏比分界时,瞬时切换 第一显示区域与实时显示区域的大小。
综上,本申请实施例的应用界面的显示方法,当终端屏幕中的第 一显示区域播放视频时,若监测到其他的目标功能被用户调用,则判 断目标功能在终端屏幕上预设的第二显示区域与第一显示区域之间是 否满足预设遮挡条件;若满足预设遮挡条件,则根据用户对目标功能 的手势调用操作获取目标功能在终端屏幕上的实时显示区域;根据实 时显示区域实时缩小第一显示区域。由此,解决了后打开的功能的界 面对之前打开的界面遮挡的问题,保证了即使其他功能界面触发后, 也不影响对视频的观看。
在实际应用中,在不同的应用场景下,根据用户对目标功能的手 势调用操作获取目标功能在终端屏幕上的实时显示区域方式不同,下 面示例说明:
示例一:
在本示例中,如图7所示,用户输入的手势为滑动类型的手势。
步骤201,获取手势调用操作的实时滑动方向和实时滑动轨迹;
在本实施例中,可以基于屏幕的感应电容值和电容值的时序确定 实时滑动方向和滑动轨迹。
步骤202,根据实时滑动方向确定显示位置;
在本实施例中,预先构建实时滑动方向和显示位置的对应关系, 该显示位置可以理解为显示方向,比如,如图8所示,当实时滑动方 向为自下而上,则可以确定实时显示位置为该实时显示区域的铺开方 向。
步骤203,根据实时滑动轨迹确定显示面积;
其中,根据实时滑动轨迹跨越的区域可以确定其他目标功能的界 面覆盖的区域,在确定显示面积时,还可以根据预设的第二显示区域 的边界线来确定,在本申请的一个实施例中,当实时滑动轨迹由点1 到点2时,第二显示区域的边界线为3,则可以将点1到点2之间覆 盖的3以内的区域作为实时显示区域,这里所指的覆盖与3的方向和 点1到2之间的滑动轨迹方向有关,为了便于执行,点1到点2之间 的滑动方向可以简单的划分为沿着3的水平方向或者是竖直方向,比 如,如图9-1所示,当点1到点2之间为沿着3的垂直方向滑动,则将点1到点2之间覆盖的3的水平方向的区域作为实时显示区域,比 如,如图9-2所示,当点1到点2之间为沿着3的水平方向滑动(可 以根据点1到点2之间的倾斜角是更接近0度还是更接近90度划分水 平方向和竖直方向),则将点1到点2之间覆盖的3的竖直方向的区 域作为实时显示区域。
步骤204,根据显示位置和显示面积,确定实时显示区域。
其中,实时滑动轨迹可以理解为用户在终端屏幕上使用手指或者 触控笔等划过的轨迹形状,实时滑动方向可以理解为终端采集到的用 户在其屏幕上划过的轨迹的第一个点指向最后一个点的方向,也可以 理解为用户在其屏幕上划过的轨迹的倒数第二个点指向倒数第一个点 的方向。
另外,显示位置可以理解为包含实时显示区域出现的方向,比如, 实时显示区域可以从终端屏幕的底部进入,也可以从终端屏幕的右端 进入。显示面积可以理解为第二显示区域进入终端屏幕的多少,在不 同的情况下第二显示区域可以完全进入终端的屏幕显示,也可以进入 部分进行显示。
在本实施例中,通过获取用户在终端的屏幕上滑动的过程获得其 输入的实时滑动轨迹,并通过手势滑动轨迹上的点获得实时滑动方向。 然后根据滑动方向确定实时显示区域的出现方向等显示位置,根据滑 动轨迹确定实时显示区域出现的面积或多少。最后根据显示位置和显 示面积,确定实时显示区域的大小和进入方向。
示例二:
在本示例中,如图10所示,用户输入的手势为点击类的手势。
步骤301,获取与目标功能对应的单位面积,和与单位面积对应 的填充位置参数;
在本实施例中,单位面积是每次面积变化时,面积变化的粒度, 填充位置参数包括单位面积在屏幕上的填充区域和填充方向(包括面 积变化趋势为增长趋势时的面积填充的初始填充位置和填充蔓延的方 向,包括面积变化趋势为降低趋势时的面积降低的降低位置和去除填 充的方向)等,用于控制面积的变化。
步骤302,获取手势调用操作的按压时长和按压位置;
在本实施例中,按压时长可以根据屏幕按压电容值大于预设阈值 的持续时长来确定,按压位置为在屏幕上检测到手指按压的坐标位置 等。
步骤303,根据按压时长确定单位面积的变化数量,根据按压位 置确定面积变化趋势。
在本实施例中,可以预先构建按压时长和变化数量的对应关系, 根据该对应关系来确定与按压时长对应的变化数量。
在本实施例中,预先设置不同面积变化趋势对应的按压区域,比 如,若是按压位置在屏幕左边的区域1,则对应的面积变化趋势为面 积降低,若是按压位置在屏幕左边的区域2,则对应的面积变化趋势 为面积增长。
步骤304,根据变化数量和面积变化趋势,控制单位面积根据填 充位置填充生成实时显示区域。
在本实施例中,根据变化数量和面积变化趋势,控制单位面积根 据填充位置填充生成实时显示区域。
举例而言,如图10-1所示,当目标功能对应的单位面积为a,则 与单位面积对应的填充位置参数为单位面积的填充方向和填充区域, 以面积增长趋势为面积增长为例来说明,面积位置填充参数用于控制 按照如图10-1所示的填充位置参数进行单位面积a的填充。
参照图10-2,当按压时长为3秒,确定对应的显示面积为3个单 位,则按压位置对应的区域为面积增长趋势对应的区域,从而,按照 填充位置参数填充3个单位的面积得到实时显示区域。
综上,本申请实施例的应用界面的显示方法,根据用户输入手势 调用操作的不同可以实现实时显示区域的确定,交互感强。
为了实现上述实施例,本申请还提出了一种应用界面的显示装置。 图11是根据本申请一个实施例的视频生成装置的结构示意图,如图 11所示,该视频生成装置包括:判断模块10、获取模块20、调整模 块30,其中,
判断模块10,用于当终端屏幕中的第一显示区域播放视频时,若 监测到其他的目标功能被用户调用,则判断目标功能在终端屏幕上预 设的第二显示区域与第一显示区域之间是否满足预设遮挡条件;
获取模块20,用于若满足预设遮挡条件,则根据用户对目标功能 的手势调用操作获取目标功能在终端屏幕上的实时显示区域;
调整模块30,用于根据实时显示区域实时缩小第一显示区域。
在本申请的一个实施例中,判断模块10,具体用于:
获取第二显示区域与第一显示区域的重叠区域面积;
判断重叠区域面积是否大于预设阈值,其中,若大于预设阈值, 则确定满足预设遮挡条件。
且在判断模块10,还可以用于:
获取第一显示区域的显示内容类型;
根据显示内容类型确定预设阈值。
在本申请的一个实施例中,调整模块30,具体用于:
获取与第一显示区域对应的面积缩小上限值;
判断缩小后的第一显示区域的面积,是否等于面积缩小上限值;
若等于面积缩小上限值,则停止缩小第一显示区域。
需要说明的是,前述对应用界面的显示方法也适用于本申请实施 例的应用界面的显示装置,其实现原理类似,在此不再赘述。
综上,本申请实施例的应用界面的显示装置,判断模块10当终端 屏幕中的第一显示区域播放视频时,若监测到其他的目标功能被用户 调用,则判断目标功能在终端屏幕上预设的第二显示区域与第一显示 区域之间是否满足预设遮挡条件;若满足预设遮挡条件,获取模块则 根据用户对目标功能的手势调用操作获取目标功能在终端屏幕上的实 时显示区域;调整模块根据实时显示区域实时缩小第一显示区域。由 此,解决了后打开的功能的界面对之前打开的界面遮挡的问题,保证 了即使其他功能界面触发后,也不影响对视频的观看。
在实际应用中,用户在基于本申请的应用中输入手势调出目标功 能界面的方式有多种,下面示例说明:
示例一:
获取模块20,具体用于:
获取手势调用操作的实时滑动方向和实时滑动轨迹;
根据实时滑动方向确定显示位置;
根据实时滑动轨迹确定显示面积;
根据显示位置和显示面积,确定实时显示区域。
示例二:
获取模块20,具体用于:
获取与目标功能对应的单位面积,和与单位面积对应的填充位置 参数;
获取手势调用操作的按压时长和按压位置;
根据按压时长确定单位面积的变化数量,根据按压位置确定面积 变化趋势;
根据变化数量和面积变化趋势,控制单位面积根据填充位置填充 生成实时显示区域。
综上,本申请实施例的应用界面的显示装置,根据用户输入手势 调用操作的不同可以实现确定实时显示区域的确定,可操作性强。
根据本申请的实施例,本申请还提供了一种电子设备和一种可读 存储介质。
如图12所示,是根据本申请实施例的应用界面的显示方法的电子 设备的框图。电子设备旨在表示各种形式的数字计算机,诸如,膝上 型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服 务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种 形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿 戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、 以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者 要求的本申请的实现。
如图12所示,该电子设备包括:一个或多个处理器1201、存储 器1202,以及用于连接各部件的接口,包括高速接口和低速接口。各 个部件利用不同的总线互相连接,并且可以被安装在公共主板上或者 根据需要以其它方式安装。处理器可以对在电子设备内执行的指令进 行处理,包括存储在存储器中或者存储器上以在外部输入/输出装置 (诸如,耦合至接口的显示设备)上显示GUI的图形信息的指令。在 其它实施方式中,若需要,可以将多个处理器和/或多条总线与多个存 储器和多个存储器一起使用。同样,可以连接多个电子设备,各个设 备提供部分必要的操作(例如,作为服务器阵列、一组刀片式服务器、 或者多处理器系统)。图12中以一个处理器1201为例。
存储器1202即为本申请所提供的非瞬时计算机可读存储介质。其 中,所述存储器存储有可由至少一个处理器执行的指令,以使所述至 少一个处理器执行本申请所提供的应用界面的显示方法。本申请的非 瞬时计算机可读存储介质存储计算机指令,该计算机指令用于使计算 机执行本申请所提供的应用界面的显示方法。
存储器1202作为一种非瞬时计算机可读存储介质,可用于存储非 瞬时软件程序、非瞬时计算机可执行程序以及模块,如本申请实施例 中的应用界面的显示方法对应的程序指令/模块(例如,附图11所示 的判断模块10、获取模块20和调整模块30)。处理器1201通过运行 存储在存储器1202中的非瞬时软件程序、指令以及模块,从而执行服 务器的各种功能应用以及数据处理,即实现上述方法实施例中的应用 界面的显示方法。
存储器1202可以包括存储程序区和存储数据区,其中,存储程序 区可存储操作系统、至少一个功能所需要的应用程序;存储数据区可 存储根据应用界面的显示的电子设备的使用所创建的数据等。此外, 存储器1202可以包括高速随机存取存储器,还可以包括非瞬时存储器, 例如至少一个磁盘存储器件、闪存器件、或其他非瞬时固态存储器件。 在一些实施例中,存储器1202可选包括相对于处理器1201远程设置 的存储器,这些远程存储器可以通过网络连接至应用界面的显示的电 子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、 移动通信网及其组合。
应用界面的显示的方法的电子设备还可以包括:输入装置1203 和输出装置1204。处理器1201、存储器1202、输入装置1203和输出 装置1204可以通过总线或者其他方式连接,图12中以通过总线连接 为例。
输入装置1203可接收输入的数字或字符信息,以及产生与应用界 面的显示的电子设备的用户设置以及功能控制有关的键信号输入,例 如触摸屏、小键盘、鼠标、轨迹板、触摸板、指示杆、一个或者多个 鼠标按钮、轨迹球、操纵杆等输入装置。输出装置1204可以包括显示 设备、辅助照明装置(例如,LED)和触觉反馈装置(例如,振动电 机)等。该显示设备可以包括但不限于,液晶显示器(LCD)、发光 二极管(LED)显示器和等离子体显示器。在一些实施方式中,显示 设备可以是触摸屏。
此处描述的系统和技术的各种实施方式可以在数字电子电路系统、 集成电路系统、专用ASIC(专用集成电路)、计算机硬件、固件、软 件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一 个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少 一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可 以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装 置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至 该存储系统、该至少一个输入装置、和该至少一个输出装置。
这些计算程序(也称作程序、软件、软件应用、或者代码)包括 可编程处理器的机器指令,并且可以利用高级过程和/或面向对象的编 程语言、和/或汇编/机器语言来实施这些计算程序。如本文使用的,术 语“机器可读介质”和“计算机可读介质”指的是用于将机器指令和/ 或数据提供给可编程处理器的任何计算机程序产品、设备、和/或装置 (例如,磁盘、光盘、存储器、可编程逻辑装置(PLD)),包括, 接收作为机器可读信号的机器指令的机器可读介质。术语“机器可读 信号”指的是用于将机器指令和/或数据提供给可编程处理器的任何信 号。
为了提供与用户的交互,可以在计算机上实施此处描述的系统和 技术,该计算机具有:用于向用户显示信息的显示装置(例如,CRT (阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向 装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交 互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视 觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声 输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统 (例如,作为数据服务器)、或者包括中间件部件的计算系统(例如, 应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户 界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或 者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者 包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系 统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络) 来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、 广域网(WAN)、互联网和区块链网络。
计算机系统可以包括客户端和服务器。客户端和服务器一般远离 彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并 且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器 的关系。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增 加或删除步骤。例如,本发申请中记载的各步骤可以并行地执行也可 以顺序地执行也可以不同的次序执行,只要能够实现本申请公开的技 术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本申请保护范围的限制。本领域 技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修 改、组合、子组合和替代。任何在本申请的精神和原则之内所作的修 改、等同替换和改进等,均应包含在本申请保护范围之内。
Claims (16)
1.一种应用界面的显示方法,包括:
当终端屏幕中的第一显示区域播放视频时,若监测到其他的目标功能被用户调用,则判断所述目标功能在所述终端屏幕上预设的第二显示区域与所述第一显示区域之间是否满足预设遮挡条件;
若满足所述预设遮挡条件,则根据用户对所述目标功能的手势调用操作获取所述目标功能在所述终端屏幕上的实时显示区域;
根据所述实时显示区域实时缩小所述第一显示区域。
2.如权利要求1所述的方法,其中,所述判断所述目标功能在所述终端屏幕上预设的第二显示区域与所述第一显示区域之间是否满足预设遮挡条件,包括:
获取所述第二显示区域与所述第一显示区域的重叠区域面积;
判断所述重叠区域面积是否大于预设阈值,其中,若大于所述预设阈值,则确定满足所述预设遮挡条件。
3.如权利要求2所述的方法,其中,在所述判断所述重叠区域面积是否大于预设阈值之前,包括:
获取所述第一显示区域的显示内容类型;
根据所述显示内容类型确定所述预设阈值。
4.如权利要求1所述的方法,其中,所述根据用户对所述目标功能的手势调用操作获取所述目标功能在所述终端屏幕上的实时显示区域,包括:
获取所述手势调用操作的实时滑动方向和实时滑动轨迹;
根据所述实时滑动方向确定显示位置;
根据所述实时滑动轨迹确定显示面积;
根据所述显示位置和所述显示面积,确定所述实时显示区域。
5.如权利要求1所述的方法,其中,所述根据用户对所述目标功能的手势调用操作获取所述目标功能在所述终端屏幕上的实时显示区域,包括:
获取与所述目标功能对应的单位面积,和与所述单位面积对应的填充位置参数;
获取所述手势调用操作的按压时长和按压位置;
根据所述按压时长确定所述单位面积的变化数量,根据所述按压位置确定面积变化趋势;
根据所述变化数量和所述面积变化趋势,控制所述单位面积根据所述填充位置填充生成所述实时显示区域。
6.如权利要求1所述的方法,所述根据所述实时显示区域实时缩小所述第一显示区域,还包括:
确定所述实时显示区域和所述第一显示区域的重叠显示区域;
根据所述重叠显示区域缩小所述第一显示区域。
7.如权利要求6所述的方法,其中,所述根据所述重叠显示区域缩小所述第一显示区域,包括:
获取与所述第一显示区域对应的面积缩小上限值;
判断缩小后的第一显示区域的面积,是否等于所述面积缩小上限值;
若等于所述面积缩小上限值,则停止缩小所述第一显示区域。
8.一种应用界面的显示装置,包括:
判断模块,用于当终端屏幕中的第一显示区域播放视频时,若监测到其他的目标功能被用户调用,则判断所述目标功能在所述终端屏幕上预设的第二显示区域与所述第一显示区域之间是否满足预设遮挡条件;
获取模块,用于若满足所述预设遮挡条件,则根据用户对所述目标功能的手势调用操作获取所述目标功能在所述终端屏幕上的实时显示区域;
调整模块,用于根据所述实时显示区域实时缩小所述第一显示区域。
9.如权利要求8所述的装置,所述判断模块,具体用于:
获取所述第二显示区域与所述第一显示区域的重叠区域面积;
判断所述重叠区域面积是否大于预设阈值,其中,若大于所述预设阈值,则确定满足所述预设遮挡条件。
10.如权利要求9所述的装置,所述判断模块,具体用于:
获取所述第一显示区域的显示内容类型;
根据所述显示内容类型确定所述预设阈值。
11.如权利要求8所述的装置,所述获取模块,具体用于:
获取所述手势调用操作的实时滑动方向和实时滑动轨迹;
根据所述实时滑动方向确定显示位置;
根据所述实时滑动轨迹确定显示面积;
根据所述显示位置和所述显示面积,确定所述实时显示区域。
12.如权利要求8所述的装置,所述获取模块,具体用于:
获取与所述目标功能对应的单位面积,和与所述单位面积对应的填充位置参数;
获取所述手势调用操作的按压时长和按压位置;
根据所述按压时长确定所述单位面积的变化数量,根据所述按压位置确定面积变化趋势;
根据所述变化数量和所述面积变化趋势,控制所述单位面积根据所述填充位置填充生成所述实时显示区域。
13.如权利要求8所述的装置,所述调整模块,具体用于:
确定所述实时显示区域和所述第一显示区域的重叠显示区域;
根据所述重叠显示区域缩小所述第一显示区域。
14.如权利要求13所述的装置,所述调整模块,具体用于:
获取与所述第一显示区域对应的面积缩小上限值;
判断缩小后的第一显示区域的面积,是否等于所述面积缩小上限值;
若等于所述面积缩小上限值,则停止缩小所述第一显示区域。
15.一种电子设备,其特征在于,包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-7中任一项所述的应用界面的显示方法。
16.一种存储有计算机指令的非瞬时计算机可读存储介质,其特征在于,所述计算机指令用于使所述计算机执行权利要求1-7中任一项所述的应用界面的显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010613354.9A CN111949169B (zh) | 2020-06-30 | 2020-06-30 | 应用界面的显示方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010613354.9A CN111949169B (zh) | 2020-06-30 | 2020-06-30 | 应用界面的显示方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111949169A true CN111949169A (zh) | 2020-11-17 |
CN111949169B CN111949169B (zh) | 2022-05-17 |
Family
ID=73337513
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010613354.9A Active CN111949169B (zh) | 2020-06-30 | 2020-06-30 | 应用界面的显示方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111949169B (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112764846A (zh) * | 2020-12-31 | 2021-05-07 | 北京达佳互联信息技术有限公司 | 界面显示方法、装置、电子设备和存储介质 |
CN113468452A (zh) * | 2021-09-03 | 2021-10-01 | 成都国星宇航科技有限公司 | 遥感数据可视化界面交互方法、装置及电子设备 |
CN114217889A (zh) * | 2021-11-11 | 2022-03-22 | 北京百度网讯科技有限公司 | 显示方法、装置、设备和存储介质 |
CN115089127A (zh) * | 2022-08-24 | 2022-09-23 | 深圳市心流科技有限公司 | 睡眠记录方法、系统及睡眠监测系统 |
CN115167736A (zh) * | 2022-07-07 | 2022-10-11 | 深圳乐播科技有限公司 | 一种图文位置调整方法、设备和存储介质 |
CN115237287A (zh) * | 2021-04-23 | 2022-10-25 | 北京字跳网络技术有限公司 | 一种信息显示方法、装置、电子设备和介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102131122A (zh) * | 2011-01-21 | 2011-07-20 | 四川长虹电器股份有限公司 | 一种数字电视在播放状态下显示广告的方法 |
US20130191778A1 (en) * | 2012-01-25 | 2013-07-25 | Sap Ag | Semantic Zooming in Regions of a User Interface |
CN106527931A (zh) * | 2016-11-01 | 2017-03-22 | 海信集团有限公司 | 移动终端的应用打开方法及移动终端 |
CN106557230A (zh) * | 2016-11-08 | 2017-04-05 | 北京奇虎科技有限公司 | 一种屏幕分屏的配置方法及终端 |
CN109445572A (zh) * | 2018-09-10 | 2019-03-08 | 华为技术有限公司 | 全屏显示视频中快速调出小窗口的方法、图形用户接口及终端 |
-
2020
- 2020-06-30 CN CN202010613354.9A patent/CN111949169B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102131122A (zh) * | 2011-01-21 | 2011-07-20 | 四川长虹电器股份有限公司 | 一种数字电视在播放状态下显示广告的方法 |
US20130191778A1 (en) * | 2012-01-25 | 2013-07-25 | Sap Ag | Semantic Zooming in Regions of a User Interface |
CN106527931A (zh) * | 2016-11-01 | 2017-03-22 | 海信集团有限公司 | 移动终端的应用打开方法及移动终端 |
CN106557230A (zh) * | 2016-11-08 | 2017-04-05 | 北京奇虎科技有限公司 | 一种屏幕分屏的配置方法及终端 |
CN109445572A (zh) * | 2018-09-10 | 2019-03-08 | 华为技术有限公司 | 全屏显示视频中快速调出小窗口的方法、图形用户接口及终端 |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112764846A (zh) * | 2020-12-31 | 2021-05-07 | 北京达佳互联信息技术有限公司 | 界面显示方法、装置、电子设备和存储介质 |
CN115237287A (zh) * | 2021-04-23 | 2022-10-25 | 北京字跳网络技术有限公司 | 一种信息显示方法、装置、电子设备和介质 |
CN113468452A (zh) * | 2021-09-03 | 2021-10-01 | 成都国星宇航科技有限公司 | 遥感数据可视化界面交互方法、装置及电子设备 |
CN113468452B (zh) * | 2021-09-03 | 2021-11-16 | 成都国星宇航科技有限公司 | 遥感数据可视化界面交互方法、装置及电子设备 |
CN114217889A (zh) * | 2021-11-11 | 2022-03-22 | 北京百度网讯科技有限公司 | 显示方法、装置、设备和存储介质 |
CN114217889B (zh) * | 2021-11-11 | 2023-08-11 | 北京百度网讯科技有限公司 | 显示方法、装置、设备和存储介质 |
CN115167736A (zh) * | 2022-07-07 | 2022-10-11 | 深圳乐播科技有限公司 | 一种图文位置调整方法、设备和存储介质 |
CN115167736B (zh) * | 2022-07-07 | 2024-04-12 | 深圳乐播科技有限公司 | 一种图文位置调整方法、设备和存储介质 |
CN115089127A (zh) * | 2022-08-24 | 2022-09-23 | 深圳市心流科技有限公司 | 睡眠记录方法、系统及睡眠监测系统 |
Also Published As
Publication number | Publication date |
---|---|
CN111949169B (zh) | 2022-05-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111949169B (zh) | 应用界面的显示方法和装置 | |
CN106156066B (zh) | 一种页面切换方法、装置及客户端 | |
CN110688042A (zh) | 界面显示方法和装置 | |
US11074437B2 (en) | Method, apparatus, electronic device and storage medium for expression driving | |
US10521879B2 (en) | Overlaying multi-source media in VRAM | |
CN112148160B (zh) | 浮窗显示方法、装置、电子设备和计算机可读存储介质 | |
CN107396194A (zh) | 一种弹幕展示方法及客户端 | |
CN112926000B (zh) | 显示区域渲染方法、装置、设备、可读存储介质及产品 | |
CN111277861B (zh) | 提取视频中热点片段的方法以及装置 | |
CN111709875B (zh) | 图像处理方法、装置、电子设备及存储介质 | |
CN107148776B (zh) | 获取视频数据的方法、装置、系统及计算机可读存储介质 | |
CN113825020B (zh) | 视频清晰度切换方法、装置、设备、存储介质及程序产品 | |
CN110659246A (zh) | 基于容器的文件挂载方法、装置及电子设备 | |
CN112825013A (zh) | 终端设备的控制方法和装置 | |
CN110727383B (zh) | 基于小程序的触控交互方法、装置、电子设备与存储介质 | |
CN112435313A (zh) | 播放帧动画的方法、装置、电子设备及可读存储介质 | |
CN111246305A (zh) | 视频预览方法、装置、设备及存储介质 | |
CN111882483B (zh) | 视频渲染方法及装置 | |
CN112581589A (zh) | 一种视图列表布局方法、装置、设备及存储介质 | |
CN111970560A (zh) | 视频获取方法、装置、电子设备及存储介质 | |
CN112162800B (zh) | 页面显示方法、装置、电子设备和计算机可读存储介质 | |
CN114222167B (zh) | 云投屏控制方法、装置、服务器、系统和可读存储介质 | |
CN111367406B (zh) | 一种小程序窗口的下拉刷新方法、装置、设备和介质 | |
CN111949868B (zh) | 内容访问方法、装置、电子设备和存储介质 | |
CN113727164A (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 |