50]基于预先设置的应用程序控件与信息流卡片的映射关系集,获取所述应用程序控件加载指令映射的第二信息流卡片;
[0051]依据预设视图呈现的第一信息流卡片以及获取的所述第二信息流卡片,生成切换动画;以及
[0052]在所述预设视图中呈现所述切换动画。
[0053]本发明实施例提供的呈现信息流卡片的方法、装置及电子设备,在需要呈现不同的信息流卡片时,依据呈现的当前信息流卡片以及待呈现的信息流卡片设置动画,并在同一界面呈现设置的动画,无需执行界面切换跳转处理,减少了界面之间跳转的时间,减少了呈现信息流所需的时间,降低了界面跳转失败的概率,提升了界面呈现信息流的效率。
【附图说明】
[0054]为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。
[0055]图1为本发明实施例呈现信息流卡片的方法流程示意图;
[0056]图2为本发明实施例一依据预设视图呈现的第一信息流卡片以及获取的所述第二信息流卡片,生成切换动画的流程示意图;
[0057]图3为本发明实施例二依据预设视图呈现的第一信息流卡片以及获取的所述第二信息流卡片,生成切换动画的流程示意图;
[0058]图4为本发明实施例呈现信息流卡片的装置结构示意图;
[0059]图5为本发明实施例呈现信息流卡片的装置具体结构示意图;
[0060]图6为本发明电子设备一个实施例的结构不意图。
【具体实施方式】
[0061]下面结合附图对本发明实施例进行详细描述。
[0062]应当明确,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例,都属于本发明保护的范围。
[0063]图1为本发明实施例呈现信息流卡片的方法流程示意图。参见图1,该方法包括:
[0064]步骤101,在预设视图的第一信息流卡片上接收应用程序控件加载指令;
[0065]步骤102,基于预先设置的应用程序控件与信息流卡片的映射关系集,获取所述应用程序控件加载指令映射的第二信息流卡片;
[0066]步骤101以及步骤102中,在启动一应用程序后,用户如果需要切换当前界面呈现的信息流卡片,则执行相应的控件操作。例如,对于充电屏保应用程序,在启动充电屏保应用程序后,如果用户点击启动充电屏保控件,则输出启动充电屏保加载指令,触发将当前展示的充电屏保启动信息流卡片界面切换至充电屏保开启信息流卡片界面。即在当前界面呈现的充电屏保启动信息流卡片中,点击启动充电屏保控件,从而启动充电屏保,并触发将当前界面呈现的充电屏保启动信息流卡片更换为充电屏保开启信息流卡片。
[0067]本发明实施例中,每一应用程序控件映射应用程序信息流中的一信息流卡片,不同的应用程序控件对应应用程序不同的使用状态。
[0068]作为一可选实施例,应用程序信息流中需要设置的信息流卡片的数量可依据该应用程序对应功能的需要进行确定。例如,可依据应用程序的核心功能以及扩展功能,分别设置对应核心功能的信息流卡片数量以及对应扩展功能的信息流卡片数量,通过在信息流卡片中设置相应的应用程序控件,可实现不同功能的信息流卡片的交互。
[0069]可选的,对于Android设备,信息流卡片依据Google针对Android设备上应用程序的设计规范进行设置。
[0070]步骤103,依据预设视图呈现的第一信息流卡片以及获取的所述第二信息流卡片,生成切换动画;
[0071]本步骤中,在当前界面呈现的第一信息流卡片中点击应用程序控件后,触发输出应用程序控件加载指令,通知界面进行信息流卡片的切换。
[0072]作为一可选实施例,动画包括:动画帧以及动画效果。其中,
[0073]动画帧的首帧为当前界面的第一信息流卡片,动画帧的末帧为第二信息流卡片,首末帧之间的帧数可依据实际需要设置。
[0074]动画效果包括但不限于:平移、放大、缩小、渐隐、渐现、滑动、颜色变化等的一种或其任意组合。例如,对于前后动画帧,可以设置将后一动画帧从右至左滑动至前一动画帧并逐渐覆盖的动画效果方式。
[0075]作为一可选实施例,动画帧的不同区域可以设置不同的动画效果。
[0076]本发明实施例中,作为一可选实施例,图2为本发明实施例一依据预设视图呈现的第一信息流卡片以及获取的所述第二信息流卡片,生成切换动画的流程示意图。参见图2,该流程包括:
[0077]All,依据预先设置的提取策略,提取第一信息流卡片中的部分信息以及所述第二信息流卡片中的部分信息,生成位于所述第一信息流卡片与所述第二信息流卡片之间的第一中间动画帧;
[0078]本步骤中,关于依据提取策略提取信息流卡片中的部分信息为公知技术,在此略去详述。
[0079]A12,依据所述提取策略,提取所述第一信息流卡片中的部分信息以及所述第一中间动画帧中的部分信息,生成位于所述第一信息流卡片与所述第一中间动画帧之间的第二中间动画帧,以及,提取所述第一中间动画帧中的部分信息以及所述第二信息流卡片中的部分信息,生成位于所述第一中间动画帧与所述第二信息流卡片之间的第三中间动画帧,直至生成的动画帧数量满足预先设置的阈值,得到包含第一信息流卡片、中间动画帧以及第二信息流卡片的动画帧集;
[0080]A13,为所述动画帧集设置动画效果。
[0081]作为另一可选实施例,图3为本发明实施例二依据预设视图呈现的第一信息流卡片以及获取的所述第二信息流卡片,生成切换动画的流程示意图。参见图3,该流程包括:
[0082]A21,获取第一信息流卡片标识以及第二信息流卡片标识;
[0083]本步骤中,在应用程序信息流拆分的信息流卡片中,每一信息流卡片具有一信息流卡片标识。
[0084]A22,查询预先设置的以首帧信息流卡片标识以及末帧信息流卡片标识为标识的动画集映射关系,获取所述第一信息流卡片标识以及第二信息流卡片标识映射的动画。
[0085]本步骤中,预先设置以应用程序控件启动时对应的信息流卡片标识以及应用程序控件开启后对应的信息流卡片标识为标识映射的动画集,在获取当前界面的第一信息流卡片对应的标识以及控件加载指令映射的第二信息流卡片对应的标识后,通过匹配动画集中各动画的标识,可以获取第一信息流卡片标识以及第二信息流卡片标识映射的动画。
[0086]步骤104,在所述预设视图中呈现所述切换动画。
[0087]本步骤中,在同一界面,按照设置的动画效果呈现动画帧。本发明实施例中,在移动平台的界面应用设计中,在呈现不同的信息流卡片时,通过在同一界面呈现动画,从而避免执行切换处理,同时,动画可以增强界面的展示效果,能够将多个信息流卡片更加柔顺的组合在一起,增强用户的注意力。
[0088]本发明实施例中,第二信息流卡片的数据预先绘制在动画中,实际应用中,界面也可以对应用程序控件加载指令映射的第二信息流卡片进行实时绘制,由于浏览器需要对切换后对应的第二信息流卡片的数据进行绘制,该绘制过程需要一定时间,因而,作为再一可选实施例,依据预设视图呈现的第一信息流卡片以及获取的所述第二信息流卡片,生成切换动画包括:
[0089]A31,依据当前界面呈现的第一信息流卡片设置动画;
[0090]A32,依据所述第二信息流卡片的数据预绘制所述第二信息流卡片;
[0091]所述在所述预设视图中呈现所述切换动画包括:
[0092]呈现所述动画;
[0093]监测是否已绘制完成所述第二信息流卡片,如果是,终止动画呈现,呈现绘制完成