本期讲解的是左右滑动切换页面的基本方法,现以qq的个人中心为例来讲解一下这一功能的实现的具体操作步骤。
首先,需要先准备一下物料,做一个QQ首页和个人中心页面,想省事的话截图即可。下面就是我做的页面,把他们对齐放在一个动态面板“内容”里,分别命名个人中心和首页。
然后、把"内容"动态面板放在-254、0的位置,254=个人中心的宽度。再在该动态面板外套一个动态面板,命名“qq”
这样前期准备就完成了,然后对动态面板“qq”加交互,拖动时“移动”动态面板“内容”沿水平方向拖动
再对“qq”加交互,向左拖动结束时加判断条件if "]" >= "-127"
移动“内容”到0、0位置,设置“个人中心”可见性为可见,并加灯箱效果
再次对“qq”加向左拖动结束时移动“内容”到-254、0位置,设置“个人中心”可见性为可见
最后把向左拖动结束时的交互复制到向右拖动结束时上。这样该功能就实现了。今天就到这里,下期再见!!!
免责声明:本站内容和图片由网友提供或来自网络。
如有违反到您的权益,请通知我们删除处理。文章仅代表作者本人的观点,与本站立场无关!
© 2023 erbi.cc 搞笑故事 蜀ICP备2021006193号-10