您的位置：首页 > 移动开发

移动端页面拖动弹回效果

2019-10-23 19:26 1706 查看
  1. 画出多个矩形，排列并写入数字，便于查看效果
  2. 将全部矩形打组，并为组合命名“条目”。
  3. 从元件库拖拽出动态面板，命名为“显示区域”。
  4. 将组合放入“显示区域”状态 1 内，坐标左上角 0.0 点。
  5. 选择“条目”组合，将其右键转换为动态面板，面板命名“内容”，此时“概要：页面”
    窗口如下图。
  6. 在当前页面添加两条线条，宽度与面板保持一致，高度为 1。位置分别是“显示区域”的顶部和底部。
  7. 为“内容”动态面板添加条件：拖动时——编辑条件——选择元件范围——选择条目。当“条目”组合可以接触到上和下时
  8. 条件添加后，继续添加命令——选择移动——勾选“内容”动态面板——移动方式：垂直拖动——动画：无。
  9. 为“内容”动态面板添加条件
    case1：拖动结束时——编辑条件——选择元件范围——选择“内容”—未接触——上
  10. 条件添加后，继续添加命令——选择移动——勾选“内容”动态面板——移动：绝地位置——坐标 X：0、Y：0——动画：弹跳 / 弹性 / 线性
  11. 为“内容”动态面板添加条件
    Case2：拖动结束时——编辑条件——选择元件范围——选择“内容”—未接触——下
  12. 暂时将“内容”动态面板底部放在“显示区域”面板的底部。
  13. 查看坐标，记录后将步骤 11 还原。
  14. 继续添加命令——选择移动——勾选“内容”动态面板——移动：绝地位置——坐标：步
    骤 12 所记录的 X 和 Y 坐标写入即可——动画：弹跳 / 弹性 / 线性。
  15. 预览后，查看原型图，可正常拖动，并拖动条目离开底部或顶部区域时，条目将弹回。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航