一种呈现信息流卡片的方法、装置及电子设备制造方法及图纸

技术编号:12908868 阅读:93 留言:0更新日期:2016-02-24 15:09
本发明专利技术的实施例公开一种呈现信息流卡片的方法、装置及电子设备。方法包括:在预设视图的第一信息流卡片上接收应用程序控件加载指令;基于预先设置的应用程序控件与信息流卡片的映射关系集,获取所述应用程序控件加载指令映射的第二信息流卡片;依据预设视图呈现的第一信息流卡片以及获取的所述第二信息流卡片,生成切换动画;以及,在所述预设视图中呈现所述切换动画。应用本发明专利技术,可以降低呈现信息流所需的时间、提升界面呈现信息流的效率。

【技术实现步骤摘要】

本专利技术涉及计算机网络通信技术,尤其涉及一种呈现信息流卡片的方法、装置及电子设备
技术介绍
现有的移动平台的界面,在显示应用程序信息流时,一般采用将应用程序信息流拆分为多个信息流卡片,每一信息流卡片为一基本的信息单位,拆分的多个信息流卡片以流线型的方式在界面中呈现。在移动平台的界面应用设计中,如何减少界面切换时的切换时延,保持界面切换时的流畅性是界面应用设计需要优先考虑的因素。其中,在进行界面切换时,由于每一信息流卡片对应一信息流卡片界面,因而,目前最常用的切换方式是界面直接跳转,即在当前呈现的信息流卡片界面中,如果用户执行信息流卡片切换操作,则跳转到切换操作对应的信息流卡片界面。但该切换时经过跳转处理呈现信息流卡片的方法,使得呈现信息流所需的时间较长,界面切换不流畅;进一步地,跳转处理易引起跳转失败,导致界面呈现信息流的效率较低。
技术实现思路
有鉴于此,本专利技术实施例提供一种呈现信息流卡片的方法、装置及电子设备,降低呈现信息流所需的时间、提升界面呈现信息流的效率。为达到上述目的,本专利技术的实施例采用如下技术方案:第一方面,本专利技术实施例提供一种呈现信息流卡片的方法,包括:在预设视图的第一信息流卡片上接收应用程序控件加载指令;基于预先设置的应用程序控件与信息流卡片的映射关系集,获取所述应用程序控件加载指令映射的第二信息流卡片;依据预设视图呈现的第一信息流卡片以及获取的所述第二信息流卡片,生成切换动画;以及在所述预设视图中呈现所述切换动画。可选的,所述依据预设视图呈现的第一信息流卡片以及获取的所述第二信息流卡片,生成切换动画包括:依据预先设置的提取策略,提取预设视图呈现的第一信息流卡片中的部分信息以及所述第二信息流卡片中的部分信息,生成位于所述第一信息流卡片与所述第二信息流卡片之间的第一中间动画帧;依据所述提取策略,提取所述第一信息流卡片中的部分信息以及所述第一中间动画帧中的部分信息,生成位于所述第一信息流卡片与所述第一中间动画帧之间的第二中间动画帧,以及,提取所述第一中间动画帧中的部分信息以及所述第二信息流卡片中的部分信息,生成位于所述第一中间动画帧与所述第二信息流卡片之间的第三中间动画帧,直至生成的动画帧数量满足预先设置的阈值,得到包含第一信息流卡片、中间动画帧以及第二信息流卡片的动画帧集;为所述动画帧集设置动画效果。可选的,所述依据预设视图呈现的第一信息流卡片以及获取的所述第二信息流卡片,生成切换动画包括:获取第一信息流卡片标识以及第二信息流卡片标识;查询预先设置的以首帧信息流卡片标识以及末帧信息流卡片标识为标识的动画集映射关系,获取所述第一信息流卡片标识以及第二信息流卡片标识映射的动画。可选的,所述依据预设视图呈现的第一信息流卡片以及获取的所述第二信息流卡片,生成切换动画包括:依据当前界面呈现的第一信息流卡片设置动画;依据所述第二信息流卡片的数据预绘制所述第二信息流卡片;所述在所述预设视图中呈现所述切换动画包括:呈现所述动画;监测是否已绘制完成所述第二信息流卡片,如果是,终止动画呈现,呈现绘制完成的所述第二信息流卡片。可选的,所述动画包括:动画帧以及动画效果。可选的,所述动画帧的首帧为当前界面的第一信息流卡片,动画帧的末帧为第二信息流卡片,首末帧之间的帧数依据实际需要设置。可选的,所述动画帧的不同区域设置有不同的动画效果。可选的,所述动画效果包括:平移、放大、缩小、渐隐、渐现、滑动、颜色变化中的一种或其任意组合。可选的,所述信息流卡片依据谷歌针对安卓设备上应用程序的设计规范进行设置。第二方面,本专利技术实施例提供一种呈现信息流卡片的装置,包括:加载指令处理模块、动画设置模块以及动画呈现模块,其中,加载指令处理模块,用于在预设视图的第一信息流卡片上接收应用程序控件加载指令;基于预先设置的应用程序控件与信息流卡片的映射关系集,获取所述应用程序控件加载指令映射的第二信息流卡片;动画设置模块,用于依据预设视图呈现的第一信息流卡片以及获取的所述第二信息流卡片,生成切换动画;动画呈现模块,用于在所述预设视图中呈现所述切换动画。可选的,所述动画设置模块包括:第一动画设置单元、第二动画设置单元以及动画效果设置单元,其中,第一动画设置单元,用于依据预先设置的提取策略,提取预设视图呈现的第一信息流卡片中的部分信息以及所述第二信息流卡片中的部分信息,生成位于所述第一信息流卡片与所述第二信息流卡片之间的第一中间动画帧;第二动画设置单元,用于依据所述提取策略,提取所述第一信息流卡片中的部分信息以及所述第一中间动画帧中的部分信息,生成位于所述第一信息流卡片与所述第一中间动画帧之间的第二中间动画帧,以及,提取所述第一中间动画帧中的部分信息以及所述第二信息流卡片中的部分信息,生成位于所述第一中间动画帧与所述第二信息流卡片之间的第三中间动画帧,直至生成的动画帧数量满足预先设置的阈值,得到包含第一信息流卡片、中间动画帧以及第二信息流卡片的动画帧集;动画效果设置单元,用于为所述动画帧集设置动画效果。可选的,所述动画设置模块包括:标识获取单元以及查询单元,其中,标识获取单元,用于获取第一信息流卡片标识以及第二信息流卡片标识;查询单元,用于查询预先设置的以首帧信息流卡片标识以及末帧信息流卡片标识为标识的动画集映射关系,获取所述第一信息流卡片标识以及第二信息流卡片标识映射的动画。可选的,所述动画设置模块包括:动画设置单元、绘制单元以及监测单元,其中,动画设置单元,用于依据当前界面呈现的第一信息流卡片设置动画;绘制单元,用于依据所述第二信息流卡片的数据预绘制所述第二信息流卡片;监测单元,用于监测是否已绘制完成所述第二信息流卡片,如果是,通知动画呈现模块终止动画呈现,呈现绘制完成的所述第二信息流卡片。可选的,所述动画包括:动画帧以及动画效果。可选的,所述动画帧的首帧为当前界面的第一信息流卡片,动画帧的末帧为第二信息流卡片,首末帧之间的帧数依据实际需要设置。可选的,所述动画帧的不同区域设置有不同的动画效果。可选的,所述动画效果包括:平移、放大、缩小、渐隐、渐现、滑动、颜色变化中的一种或其任意组合。可选的,所述信息流卡片依据谷歌针对安卓设备上应用程序的设计规范进行设置。第三方面,本专利技术实施例提供一种电子装置,所述电子装置包括:壳体、处理器、存储器、电路板和电源电路,其中,电路板安置在壳体围成的空间内部,处理器和存储器设置在电路板上;电源电路,用于为上述电子设备的各个电路或器件供电;存储器用于存储可执行程序代码;处理器通过读取存储器中存储的可执行程序代码来运行与可执行程序代码对应的程序,用于执行以下步骤:在预设视图的第一信息流卡片上接收应用程序控件加载指令;[00当前第1页1 2 3 4 本文档来自技高网...

【技术保护点】
一种呈现信息流卡片的方法,其特征在于,该方法包括:在预设视图的第一信息流卡片上接收应用程序控件加载指令;基于预先设置的应用程序控件与信息流卡片的映射关系集,获取所述应用程序控件加载指令映射的第二信息流卡片;依据预设视图呈现的第一信息流卡片以及获取的所述第二信息流卡片,生成切换动画;以及在所述预设视图中呈现所述切换动画。

【技术特征摘要】

【专利技术属性】
技术研发人员:白斌
申请(专利权)人:北京金山安全软件有限公司
类型:发明
国别省市:北京;11

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

1