[发明专利]控件的显示方法、装置、电子设备和存储介质有效
申请号: | 202110413121.9 | 申请日: | 2021-04-16 |
公开(公告)号: | CN113110783B | 公开(公告)日: | 2022-05-20 |
发明(设计)人: | 原枫博;孙辉;阮闻涛 | 申请(专利权)人: | 北京字跳网络技术有限公司 |
主分类号: | G06F3/0488 | 分类号: | G06F3/0488;G06F3/0484;G06F3/0485 |
代理公司: | 北京远智汇知识产权代理有限公司 11659 | 代理人: | 范坤坤 |
地址: | 100190 北京市*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 控件 显示 方法 装置 电子设备 存储 介质 | ||
1.一种控件的显示方法,其特征在于,包括:
显示视频播放页面,其中,所述视频播放页面中显示有当前播放视频的目标视频画面和至少一个控件区域,所述控件区域位于所述目标视频画面的上层,用于显示所述当前播放视频的互动控件;
接收作用于所述视频播放页面内的目标滑动操作;
响应于所述目标滑动操作,控制所述目标视频画面沿所述目标滑动操作的滑动方向移动,并调整各互动控件对所述目标视频画面的遮挡程度;
当所述目标滑动操作滑动结束时,如果所述目标滑动操作的滑动距离小于预设距离阈值,则将所述目标视频画面移回所述目标视频画面在所述视频播放页面中的原始显示位置,并将各互动控件的状态切换为各互动控件在所述视频播放页面中的原始状态。
2.根据权利要求1所述的方法,其特征在于,所述调整各互动控件对所述目标视频画面的遮挡程度,包括:
控制各互动控件随所述目标视频画面同步移动,并根据各互动控件的移动距离调整至少一个互动控件的透明度,所述透明度与所述移动距离正相关。
3.根据权利要求1所述的方法,其特征在于,所述调整各互动控件对所述目标视频画面的遮挡程度,包括:
将至少一个互动控件由显示状态调整为隐藏状态。
4.根据权利要求1所述的方法,其特征在于,所述调整各互动控件对所述目标视频画面的遮挡程度,包括:
控制各互动控件以不同于所述目标视频画面的第一移动速度的第二移动速度沿所述目标滑动操作的滑动方向进行移动;或者,
控制每个互动控件先后以不同的移动速度沿所述目标滑动操作的滑动方向进行移动。
5.根据权利要求4所述的方法,其特征在于,所述控制每个互动控件先后以不同的移动速度沿所述目标滑动操作的滑动方向进行移动,包括:
在目标滑动操作沿初始的第一方向进行滑动时,控制每个互动控件以所述第二移动速度沿所述第一方向进行移动;
当目标控件区域移动至所述目标视频画面之外时,将各互动控件的移动速度由所述第二移动速度调整为所述第一移动速度。
6.根据权利要求5所述的方法,其特征在于,在所述将各互动控件的移动速度由所述第二移动速度调整为所述第一移动速度之后,还包括:
当各互动控件以第一移动速度移动的时间长度达到第一预设时长时,将各互动控件的移动速度由所述第一移动速度调整为第三移动速度,其中,当按照速度大小排序时,所述第一移动速度位于所述第二移动速度和所述第三移动速度之间。
7.根据权利要求5或6所述的方法,其特征在于,还包括:
当所述目标滑动操作的滑动方向切换为与所述第一方向相反的第二方向时,控制各互动控件沿所述第二方向移动,其中,每个互动控件在沿所述第二方向移动时的移动速度的切换顺序与所述互动控件沿所述第一方向移动时的移动速度的切换顺序相反。
8.根据权利要求1-6任一所述的方法,其特征在于,还包括:
当所述目标滑动操作滑动结束时,获取所述目标滑动操作的滑动距离;
如果所述滑动距离大于或等于预设距离阈值,则切换当前显示的所述视频播放页面,或者,切换所述当前播放视频。
9.根据权利要求1-6任一所述的方法,其特征在于,还包括:
控制与所述目标滑动操作对应的待切换页面随所述目标视频画面同步移动,以显示所述待切换页面的部分页面内容;或者,
控制与所述目标滑动操作对应的待切换视频的待切换视频画面随所述目标视频画面同步移动,以在所述视频播放页面中显示所述待切换视频的部分视频画面。
10.根据权利要求1-6任一所述的方法,其特征在于,在所述显示视频播放页面之后,还包括:
接收作用于目标控件的长按操作,所述长按操作的持续时长大于或等于第二预设时长;
响应于所述长按操作,将所述目标控件由显示状态调整为隐藏状态。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京字跳网络技术有限公司,未经北京字跳网络技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202110413121.9/1.html,转载请声明来源钻瓜专利网。