CN108733447B - 一种视频详情页面动画展开算法 - Google Patents
一种视频详情页面动画展开算法 Download PDFInfo
- Publication number
- CN108733447B CN108733447B CN201810520783.4A CN201810520783A CN108733447B CN 108733447 B CN108733447 B CN 108733447B CN 201810520783 A CN201810520783 A CN 201810520783A CN 108733447 B CN108733447 B CN 108733447B
- Authority
- CN
- China
- Prior art keywords
- video
- animation
- background view
- detail page
- page
- 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
Images
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
Abstract
本发明涉及一种视频详情页面动画展开算法,包括如下步骤:捕获对内容单元cell的点击操作,获取内容单元cell的位置信息tRect,将信息tRect转换为相对于当前窗口window的位置信息wRect,生成视频页面背景视图,然后设置背景视图位置为wRect,添加背景视图到当前窗口window,添加播放窗口videoBox到背景视图,然后设置播放窗口videoBox填充满背景视图,执行视频详情页面动画展开动画。本发明,统一了视频详情页面动画的展开算法,动画无卡顿,无缝过渡效果好,提供开发效率,用户体验好。
Description
技术领域
本发明涉及视频信息呈现交互技术领域,具体说是一种视频详情页面动画展开算法。
背景技术
现有的便携智能设备在播放视频时,为了给用户提供更大的可视面积,往往将播放窗口置顶、全屏处理,因此,不能直接呈现视频文件相关的详细信息,即视频详情。
用户如需要获取视频详情,则相应的视频详情页面或影响播放窗口的呈现,如何兼顾用户需求和视频播放效果,需要进一步给予优化。
发明内容
针对现有技术中存在的缺陷,本发明的目的在于提供一种视频详情页面动画展开算法,统一了视频详情页面动画的展开算法,动画无卡顿,无缝过渡效果好,提供开发效率,用户体验好。
为达到以上目的,本发明采取的技术方案是:
一种视频详情页面动画展开算法,其特征在于,包括如下步骤:
捕获对内容单元cell的点击操作,
获取内容单元cell的位置信息tRect,
将信息tRect转换为相对于当前窗口window的位置信息wRect,
生成视频页面背景视图,然后设置背景视图位置为wRect,
添加背景视图到当前窗口window,
添加播放窗口videoBox到背景视图,然后设置播放窗口videoBox填充满背景视图,
执行视频详情页面动画展开动画。
在上述技术方案的基础上,所述内容单元cell为基于tableView的视频列表中的内容单元。
在上述技术方案的基础上,所述位置信息tRect为内容单元cell在tableView中的位置信息。
在上述技术方案的基础上,执行视频详情页面动画展开动画时,先改变背景视图,填充满当前窗口window,然后将播放窗口videoBox垂直移动到顶部。
在上述技术方案的基础上,动画结束时,先删除背景视图,然后无动画切换当前页面到视频页。
本发明所述的视频详情页面动画展开算法,统一了视频详情页面动画的展开算法,动画无卡顿,无缝过渡效果好,提供开发效率,用户体验好。
附图说明
本发明有如下附图:
图1本发明的流程图。
具体实施方式
以下结合附图对本发明作进一步详细说明。
如图1所示,本发明所述的视频详情页面动画展开算法,包括如下步骤:
捕获对内容单元cell的点击操作,
获取内容单元cell的位置信息tRect,
将信息tRect转换为相对于当前窗口window的位置信息wRect,
生成视频页面背景视图,然后设置背景视图位置为wRect,
添加背景视图到当前窗口window,
添加播放窗口videoBox到背景视图,然后设置播放窗口videoBox填充满背景视图,
执行视频详情页面动画展开动画。
在上述技术方案的基础上,所述内容单元cell为基于tableView的视频列表中的内容单元。
在上述技术方案的基础上,所述位置信息tRect为内容单元cell在tableView中的位置信息。
在上述技术方案的基础上,执行视频详情页面动画展开动画时,先改变背景视图,填充满当前窗口window,然后将播放窗口videoBox垂直移动到顶部。
即:动画的实现是通过先复制一份视频页的背景视图,然后将videoBox添加到此背景视图,然后做动画,将背景视图放大到正常视频页大小,同时将videoBox移动到顶部。
在上述技术方案的基础上,动画结束时,先删除背景视图,然后无动画切换当前页面到视频页。
即:动画结束后,删除背景视图,执行无动画的页面切换,以此达到无缝过渡到视频页。
本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。
Claims (2)
1.一种视频详情页面动画展开算法,其特征在于,包括如下步骤:
捕获对内容单元cell的点击操作,所述内容单元cell为基于tableView的视频列表中的内容单元,
获取内容单元cell的位置信息tRect,所述位置信息tRect为内容单元cell在tableView中的位置信息,
将信息tRect转换为相对于当前窗口window的位置信息wRect,
生成视频页面背景视图,然后设置背景视图位置为wRect,
添加背景视图到当前窗口window,
添加播放窗口videoBox到背景视图,然后设置播放窗口videoBox填充满背景视图,
执行视频详情页面动画展开动画,执行视频详情页面动画展开动画时,先改变背景视图,填充满当前窗口window,然后将播放窗口videoBox垂直移动到顶部。
2.如权利要求1所述的视频详情页面动画展开算法,其特征在于:动画结束时,先删除背景视图,然后无动画切换当前页面到视频页。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810520783.4A CN108733447B (zh) | 2018-05-28 | 2018-05-28 | 一种视频详情页面动画展开算法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810520783.4A CN108733447B (zh) | 2018-05-28 | 2018-05-28 | 一种视频详情页面动画展开算法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108733447A CN108733447A (zh) | 2018-11-02 |
CN108733447B true CN108733447B (zh) | 2021-06-29 |
Family
ID=63935531
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810520783.4A Active CN108733447B (zh) | 2018-05-28 | 2018-05-28 | 一种视频详情页面动画展开算法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108733447B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109561338B (zh) * | 2018-12-28 | 2022-08-09 | 福建星网视易信息系统有限公司 | 一种点歌系统的界面无缝切换显示方法及存储介质 |
CN110267088B (zh) * | 2019-07-18 | 2021-09-07 | 北京字节跳动网络技术有限公司 | 视频播放的控制方法、装置、电子设备、及存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105302860A (zh) * | 2008-11-19 | 2016-02-03 | 苹果公司 | 用于操纵全景的技术 |
CN105808060A (zh) * | 2016-03-07 | 2016-07-27 | 广州酷狗计算机科技有限公司 | 一种播放动画的方法和装置 |
CN105828160A (zh) * | 2016-04-01 | 2016-08-03 | 腾讯科技(深圳)有限公司 | 视频播放方法及装置 |
CN107329795A (zh) * | 2017-06-23 | 2017-11-07 | 北京酷我科技有限公司 | 一种TableView优化方法 |
CN107391152A (zh) * | 2017-07-31 | 2017-11-24 | 北京酷我科技有限公司 | 一种实现Mac上焦点图轮播动画效果的方法 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6172677B1 (en) * | 1996-10-07 | 2001-01-09 | Compaq Computer Corporation | Integrated content guide for interactive selection of content and services on personal computer systems with multiple sources and multiple media presentation |
US20140025688A1 (en) * | 2012-04-06 | 2014-01-23 | Myspace, Llc | Determining, distinguishing and visualizing users' engagement with resources on a social network |
-
2018
- 2018-05-28 CN CN201810520783.4A patent/CN108733447B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105302860A (zh) * | 2008-11-19 | 2016-02-03 | 苹果公司 | 用于操纵全景的技术 |
CN105808060A (zh) * | 2016-03-07 | 2016-07-27 | 广州酷狗计算机科技有限公司 | 一种播放动画的方法和装置 |
CN105828160A (zh) * | 2016-04-01 | 2016-08-03 | 腾讯科技(深圳)有限公司 | 视频播放方法及装置 |
CN107329795A (zh) * | 2017-06-23 | 2017-11-07 | 北京酷我科技有限公司 | 一种TableView优化方法 |
CN107391152A (zh) * | 2017-07-31 | 2017-11-24 | 北京酷我科技有限公司 | 一种实现Mac上焦点图轮播动画效果的方法 |
Non-Patent Citations (1)
Title |
---|
tableview展示小视频;请叫我小八子;《https://blog.csdn.net/amtgjamtgj/article/details/52588848》;CSDN;20160919;全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN108733447A (zh) | 2018-11-02 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110582018B (zh) | 一种视频文件处理的方法、相关装置及设备 | |
KR102129536B1 (ko) | 모바일 단말기 및 그의 제어 방법 | |
US9239949B2 (en) | Method for user function operation based on face recognition and mobile terminal supporting the same | |
KR101874895B1 (ko) | 증강 현실 제공 방법 및 이를 지원하는 단말기 | |
CN104427404A (zh) | 一种视频片段的提取和播放方法、及装置 | |
JP5326555B2 (ja) | 情報処理装置、動画像切り出し方法および動画像切り出しプログラム | |
CN103973984B (zh) | 拍摄方法和装置 | |
WO2016124095A1 (zh) | 生成视频的方法、装置及终端 | |
CN104023172A (zh) | 动态影像的拍摄方法和拍摄装置 | |
EP2793170A2 (en) | Objects in screen images | |
CN107770618B (zh) | 一种图像处理方法、装置及存储介质 | |
CN104703043A (zh) | 一种添加视频特效的方法和装置 | |
US20130154956A1 (en) | Stylus Device | |
CN101895634A (zh) | 一种实现移动终端界面动态切换的方法和装置 | |
WO2021258821A1 (zh) | 视频编辑方法、装置、终端及存储介质 | |
CN105900053B (zh) | 用于指定链接目的地和用于观看者的界面装置和记录介质 | |
CN108733447B (zh) | 一种视频详情页面动画展开算法 | |
JP2013534656A (ja) | 適応的で革新的なモバイルデバイスのストリートビュー | |
CN103024156A (zh) | 一种单手操作移动终端的实现方法、系统及移动终端 | |
CN101853120A (zh) | 一种应用程序的控制菜单的呈现方法、系统及移动终端 | |
CN106406111A (zh) | 一种基于ar技术和图像识别技术的智能家电操作方法 | |
CN104185088A (zh) | 一种视频处理方法及装置 | |
CN113099288A (zh) | 视频制作方法及装置 | |
CN114466222B (zh) | 一种视频合成方法、装置、电子设备及存储介质 | |
CN102610142A (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 |