本期讲解的是左右滑动切换页面的基本方法,现以qq的个人中心为例来讲解一下这一功能的实现的具体操作步骤。
首先,需要先准备一下物料,做一个QQ首页和个人中心页面,想省事的话截图即可。下面就是我做的页面,把他们对齐放在一个动态面板“内容”里,分别命名个人中心和首页。
然后、把"内容"动态面板放在-254、0的位置,254=个人中心的宽度。再在该动态面板外套一个动态面板,命名“qq”
这样前期准备就完成了,然后对动态面板“qq”加交互,拖动时“移动”动态面板“内容”沿水平方向拖动
再对“qq”加交互,向左拖动结束时加判断条件if "[[LVAR1.x]]" >= "-127"
移动“内容”到0、0位置(这里要选择“到达”),设置“个人中心”可见性为可见,并加灯箱效果
再次对“qq”加向左拖动结束时移动“内容”到-254、0位置(“到达“”),设置“个人中心”可见性为可见
最后把向左拖动结束时的交互复制到向右拖动结束时上。这样该功能就实现了。今天就到这里,下期再见!!!