一种实现TV大屏无限瀑布流的方法技术

技术编号:25040612 阅读:33 留言:0更新日期:2020-07-29 05:31
本发明专利技术涉及显示技术领域,具体涉及一种实现TV大屏无限瀑布流的方法,包括创建基于瀑布流的基础框架、缓存所需要展示的海报图片,并按所需展示顺序进行排列、对基础框架进行渲染、完成基础框架加载、将首先需要展示的海报图片加载至基础框架中,而后显示在TV大屏上、对基础框架进行重复渲染、继续填充剩余海报图片,加载至重复渲染的基础框架上,而后显示在TV大屏上、重复步骤六和步骤七,直至海报图片填充完毕,实现在TV大屏上完成瀑布流效果八个步骤;本发明专利技术将基础框架与海报图片加载进行分离,仅需加载一次基础框架,大大的减少了由于数据传输造成的可视大屏呈现延迟时间,异步加载的方式避免用户由于等待页面呈现而产生的时间感。

【技术实现步骤摘要】
一种实现TV大屏无限瀑布流的方法
本专利技术涉及显示
,具体涉及一种实现TV大屏无限瀑布流的方法。
技术介绍
瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。瀑布流对于图片的展现,是高效而具有吸引力的,用户一眼扫过的快速阅读模式可以在短时间内获得更多的信息量,而瀑布流里懒加载模式又避免了用户鼠标点击的翻页操作,瀑布流的主要特性便是错落有致,定宽而不定高的设计让页面区别于传统的矩阵式图片布局模式,巧妙的利用视觉层级,视线的任意流动又缓解了视觉疲劳,同时给人以不拘一格的感觉。目前现有的TV大屏,大部分仅实现了单一屏推荐页面,用户操作均需切换页面。对于已经存在瀑布流的大屏产品,APK模式的为固定好瀑布流布局后进行填充,实际上为有限瀑布流;B/S模式的加载不同瀑布流页面,页面与页面之间加载需要及长的加载时间,用户体验非常差。基于此,本专利技术设计了一种实现TV大屏无限瀑布流的方法,以解决上述问题。<br>
技术实现思路
<本文档来自技高网
...

【技术保护点】
1.一种实现TV大屏无限瀑布流的方法,其特征在于:包括以下步骤:/n步骤一:创建基于瀑布流的基础框架;/n步骤二:缓存所需要展示的海报图片,并按所需展示顺序进行排列;/n步骤三:对基础框架进行渲染;/n步骤四:完成基础框架加载;/n步骤五:将首先需要展示的海报图片加载至基础框架中,而后显示在TV大屏上;/n步骤六:对基础框架进行重复渲染;/n步骤七:继续填充剩余海报图片,加载至重复渲染的基础框架上,而后显示在TV大屏上;/n步骤八:重复步骤六和步骤七,直至海报图片填充完毕,实现在TV大屏上完成瀑布流效果。/n

【技术特征摘要】
1.一种实现TV大屏无限瀑布流的方法,其特征在于:包括以下步骤:
步骤一:创建基于瀑布流的基础框架;
步骤二:缓存所需要展示的海报图片,并按所需展示顺序进行排列;
步骤三:对基础框架进行渲染;
步骤四:完成基础框架加载;
步骤五:将首先需要展示的海报图片加载至基础框架中,而后显示在TV大屏上;
步骤六:对基础框架进行重复渲染;
步骤七:继续填充剩余海报图片,加载至重复渲染的基础框架上,而后显示在TV大屏上;
步骤八:重复步骤六和步骤七,直至海报图片填充完毕,实现在TV大屏上完成瀑布流效果。


2.根据权利要求1所述的一种实现TV大屏无限瀑布流的方法,其特征在于:所述基础框架为B/S架构的基础框架,所述B/S基础框架架构包...

【专利技术属性】
技术研发人员:代聪陈逸骏颜传亮岳俊橙李璞
申请(专利权)人:成都卓影科技股份有限公司
类型:发明
国别省市:四川;51

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1