CN108733447A - 一种视频详情页面动画展开算法 - Google Patents
一种视频详情页面动画展开算法 Download PDFInfo
- Publication number
- CN108733447A CN108733447A CN201810520783.4A CN201810520783A CN108733447A CN 108733447 A CN108733447 A CN 108733447A CN 201810520783 A CN201810520783 A CN 201810520783A CN 108733447 A CN108733447 A CN 108733447A
- Authority
- CN
- China
- Prior art keywords
- animation
- window
- background view
- video
- details 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.)
- Granted
Links
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)
- Processing Or Creating Images (AREA)
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 (5)
1.一种视频详情页面动画展开算法,其特征在于,包括如下步骤:
捕获对内容单元cell的点击操作,
获取内容单元cell的位置信息tRect,
将信息tRect转换为相对于当前窗口window的位置信息wRect,
生成视频页面背景视图,然后设置背景视图位置为wRect,
添加背景视图到当前窗口window,
添加播放窗口videoBox到背景视图,然后设置播放窗口videoBox填充满背景视图,
执行视频详情页面动画展开动画。
2.如权利要求1所述的视频详情页面动画展开算法,其特征在于:所述内容单元cell为基于tableView的视频列表中的内容单元。
3.如权利要求2所述的视频详情页面动画展开算法,其特征在于:所述位置信息tRect为内容单元cell在tableView中的位置信息。
4.如权利要求2所述的视频详情页面动画展开算法,其特征在于:执行视频详情页面动画展开动画时,先改变背景视图,填充满当前窗口window,然后将播放窗口videoBox垂直移动到顶部。
5.如权利要求4所述的视频详情页面动画展开算法,其特征在于:动画结束时,先删除背景视图,然后无动画切换当前页面到视频页。
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 true CN108733447A (zh) | 2018-11-02 |
CN108733447B 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) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109561338A (zh) * | 2018-12-28 | 2019-04-02 | 福建星网视易信息系统有限公司 | 一种点歌系统的界面无缝切换显示方法及存储介质 |
CN110267088A (zh) * | 2019-07-18 | 2019-09-20 | 北京字节跳动网络技术有限公司 | 视频播放的控制方法、装置、电子设备、及存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100138487A1 (en) * | 1996-10-07 | 2010-06-03 | Stautner John P | 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 |
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上焦点图轮播动画效果的方法 |
-
2018
- 2018-05-28 CN CN201810520783.4A patent/CN108733447B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100138487A1 (en) * | 1996-10-07 | 2010-06-03 | Stautner John P | Integrated content guide for interactive selection of content and services on personal computer systems with multiple sources and multiple media presentation |
CN105302860A (zh) * | 2008-11-19 | 2016-02-03 | 苹果公司 | 用于操纵全景的技术 |
US20140025688A1 (en) * | 2012-04-06 | 2014-01-23 | Myspace, Llc | Determining, distinguishing and visualizing users' engagement with resources on a social network |
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》 * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109561338A (zh) * | 2018-12-28 | 2019-04-02 | 福建星网视易信息系统有限公司 | 一种点歌系统的界面无缝切换显示方法及存储介质 |
CN110267088A (zh) * | 2019-07-18 | 2019-09-20 | 北京字节跳动网络技术有限公司 | 视频播放的控制方法、装置、电子设备、及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN108733447B (zh) | 2021-06-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106991645B (zh) | 图像拼接方法及装置 | |
CN109819313B (zh) | 视频处理方法、装置及存储介质 | |
KR101813196B1 (ko) | 화상 통신 방법, 장치, 프로그램 및 기록매체 | |
CN111612873B (zh) | Gif图片生成方法、装置及电子设备 | |
CN102455857B (zh) | 一种移动终端浏览器中的快速链接实现方法和系统 | |
CN102789359A (zh) | 动态桌布显示方法及新视频信息显示方法与手持移动系统 | |
CN105900053B (zh) | 用于指定链接目的地和用于观看者的界面装置和记录介质 | |
CN104023172A (zh) | 动态影像的拍摄方法和拍摄装置 | |
JP5391224B2 (ja) | 映像付加情報表示制御装置およびその動作方法 | |
JP2013077982A5 (zh) | ||
CN110582018A (zh) | 一种视频文件处理的方法、相关装置及设备 | |
US9524701B2 (en) | Display apparatus and method for processing image thereof | |
CN104394422A (zh) | 一种视频分割点获取方法及装置 | |
CN108733447A (zh) | 一种视频详情页面动画展开算法 | |
CN112954201A (zh) | 拍摄控制方法、装置和电子设备 | |
CN113763242A (zh) | 一种图像处理方法、装置及计算机可读存储介质 | |
CN111177813B (zh) | 图元识别的方法、装置和电子系统 | |
CN113852756B (zh) | 图像获取方法、装置、设备和存储介质 | |
CN110868632A (zh) | 视频处理方法、装置、存储介质及电子设备 | |
CN109993817A (zh) | 一种动画的实现方法和终端 | |
KR101235850B1 (ko) | 가상 세계의 날씨 표현 방법 및 이를 위한 장치 | |
CN104038832A (zh) | 一种播放视频的方法及装置 | |
CN103854228A (zh) | 三维虚拟农产品展示系统及其实现方法 | |
CN106453886A (zh) | 一种移动终端的拍照方法及移动终端 | |
CN112887794A (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 |