[发明专利]一种卡片对象的展示方法和装置有效

专利信息
申请号: 201811629352.8 申请日: 2018-12-28
公开(公告)号: CN109828811B 公开(公告)日: 2020-12-29
发明(设计)人: 向成云 申请(专利权)人: 北京城市网邻信息技术有限公司
主分类号: G06F9/451 分类号: G06F9/451;G06T13/80
代理公司: 北京润泽恒知识产权代理有限公司 11319 代理人: 莎日娜
地址: 100015 北京市朝阳区酒仙桥*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 卡片 对象 展示 方法 装置
【说明书】:

发明实施例提供了一种卡片对象的展示方法和装置,所述方法包括:堆叠展示基于小程序的多个预设卡片对象;响应滑动操作事件,对当前展示在首位的预设卡片对象配置第一动画样式;按照所述第一动画样式,播放针对所述当前展示在首位的预设卡片对象的第一动画;在所述第一动画播放完成后,更新所述多个预设卡片对象的堆叠顺序,并按照更新后的堆叠顺序展示所述多个预设卡片对象。每当用户触发滑动操作事件,都可以通过绚丽的动画样式将卡片滑出,丰富了滑动卡片的视觉效果,提高了用户体验。

技术领域

本发明涉及计算机技术领域,特别是涉及一种卡片对象的展示方法和一种卡片对象的展示装置。

背景技术

小程序(Mini Program),是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。

小程序中提供了滑块视图容器组件Swiper,Swiper是一个普通的轮播图组件,能够实现卡片式的轮播,可以对卡片实现水平方向的滑动和垂直方向的滑动。但基于Swiper的卡片滑动方式,只能简单的左右上下移动,而且不能添加其它效果,使得用户的视角效果单一。

发明内容

鉴于上述问题,提出了本发明实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种卡片对象的展示方法和相应的一种卡片对象的展示装置。

为了解决上述问题,本发明实施例公开了一种卡片对象的展示方法,包括:

堆叠展示基于小程序的多个预设卡片对象;

响应滑动操作事件,对当前展示在首位的预设卡片对象配置第一动画样式;

按照所述第一动画样式,播放针对所述当前展示在首位的预设卡片对象的第一动画;

在所述第一动画播放完成后,更新所述多个预设卡片对象的堆叠顺序,并按照更新后的堆叠顺序展示所述多个预设卡片对象。

可选的,还包括:

响应滑动操作事件,对当前展示在第二位至第一预设位数的预设卡片对象配置第二动画样式;

按照所述第二动画样式,播放针对所述在第二位至第一预设位数的预设卡片对象的第二动画。

可选的,所述在所述第一动画播放完成后,更新所述多个预设卡片对象的堆叠顺序,并按照更新后的堆叠顺序展示多个预设卡片对象,包括:

在所述第一动画播放完成,以及在所述第二动画播放完成后,更新所述多个预设卡片对象的堆叠顺序,并按照更新后的堆叠顺序展示多个预设卡片对象。

可选的,所述预设卡片对象具有层次属性以及图片链接属性;所述堆叠展示基于小程序的滑块视图容器组件的多个预设卡片对象,包括:

确定所述多个预设卡片对象对应的层次属性、以及图片链接属性相应的图片;

按照所述多个预设卡片对象对应的层次属性,调用依次堆叠的多个预设层次样式展示所述图片链接属性相应的图片。

可选的,所述依次堆叠的多个预设层次样式中,以堆叠顺序为首位的层次样式起从前往后至第二预设位数的层次样式,依次缩小并沿预设方向间隔设置;以所述第二预设位数的后一层次样式起从前往后至末位的层次样式为隐藏显示。

可选的,所述预设卡片对象还具有动画样式属性;所述响应滑动操作事件,对当前展示在首位的首位预设卡片对象配置第一动画样式,包括:

确定所述滑动操作事件的滑动方向;

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京城市网邻信息技术有限公司,未经北京城市网邻信息技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201811629352.8/2.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top