- 画出多个矩形,排列并写入数字,便于查看效果
- 将全部矩形打组,并为组合命名“条目”。
- 从元件库拖拽出动态面板,命名为“显示区域”。
- 将组合放入“显示区域”状态 1 内,坐标左上角 0.0 点。
- 选择“条目”组合,将其右键转换为动态面板,面板命名“内容”,此时“概要:页面”
窗口如下图。
- 在当前页面添加两条线条,宽度与面板保持一致,高度为 1。位置分别是“显示区域”的顶部和底部。
- 为“内容”动态面板添加条件:拖动时——编辑条件——选择元件范围——选择条目。当“条目”组合可以接触到上和下时
- 条件添加后,继续添加命令——选择移动——勾选“内容”动态面板——移动方式:垂直拖动——动画:无。
- 为“内容”动态面板添加条件
case1:拖动结束时——编辑条件——选择元件范围——选择“内容”—未接触——上
- 条件添加后,继续添加命令——选择移动——勾选“内容”动态面板——移动:绝地位置——坐标 X:0、Y:0——动画:弹跳 / 弹性 / 线性
- 为“内容”动态面板添加条件
Case2:拖动结束时——编辑条件——选择元件范围——选择“内容”—未接触——下
- 暂时将“内容”动态面板底部放在“显示区域”面板的底部。
- 查看坐标,记录后将步骤 11 还原。
- 继续添加命令——选择移动——勾选“内容”动态面板——移动:绝地位置——坐标:步
骤 12 所记录的 X 和 Y 坐标写入即可——动画:弹跳 / 弹性 / 线性。
- 预览后,查看原型图,可正常拖动,并拖动条目离开底部或顶部区域时,条目将弹回。
移动端页面拖动弹回效果
最新推荐文章于 2023-03-16 08:40:57 发布