「xiaopiu」原型动效教程-滑动列表
发布时间：2017-02-07 05:43:46 所属栏目：交互 来源：产品壹佰
导读：副标题#e# 列表在APP设计中是无处不在的，那在保证良好阅读体验的基础上，如何从众多列表形态中琢磨出点不一样的东西，我们就可能会需要用到一些精妙的动效了，在这里和大家分享一下如何使用xiaopiu快速制作一个滑动列表动效。 话不多说，直入正题！下面就
|
1.三个组件的集合框体要完全重合在同一位置； 2.’list info 1’设置为’center’状态，’list info 2’和’list info 3’设置为’right’状态 Step 5：添加点击事件 在这里我们需要先分析一下，在实际效果中，我们点击tab时，需要显示当前tab所对应的list，并将其它两个list按照左右顺序设置好状态。比如点击’tab 1’时，我们需要显示’list info 1’，所以我们需要设置’list info 1’为’center’状态，同时遵循左右顺序，需要将’list info 2’和’list info 3’都放在页面右侧，设置为状态’right’。 所以我们需要设置如下： 选中’tab list’，切换为原始态，修改每个tab的点击事件，分别添加三个行为： 组件’tab 1’添加：组件’list info 1’切换到状态’center’，组件’list info 2’切换到状态’right’，组件’list info 3’切换到状态’right’ （编辑：源码网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
