axure简单实现移动端下滑和上滑功能

xiaoxiao2021-02-28  101

axure简单实现移动端下滑和上滑功能

01

拖动移动面板,设置大小。位置x:0,y:0;     

02

双击控制面板,出现控制面板编辑状态

03

这里随便放拉一个矩形展示效果。

04

接下来,该设置参数啦。双击交互用例“拖动”

04

做到这一步,发现矩形已经可以滑动啦。但是它的上下位置无法再规定范围内移动,很明显,这不符合逻辑。这时我们继续用滑动面板给它设置一个上标和下标,作为界限。

注意命名哦,不然很容易混淆

04

接下来给它设置参数,分为未接触时和接触时,具体参数设计如下。

这里解释一下上标和下标。当图片没有接触到上标时候,也就是脱离了最顶端,这不行,图片得赶紧回去。所以设置-10px让它会到顶端,这时就出现一种力,让你你拽不下来。点击发布预览效果

第一次写博客,有不足的地方希望各位多指出

转载请注明原文地址: https://www.6miu.com/read-66255.html

最新回复(0)