Axure 8.0 限制某一范围内移动

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/quikai1981/article/details/79459288

移动小球时,小球不能移动到边框之外。




这里用到了动态面板的拖动功能与边界设置。

首先做一个矩形,当做边框;然后画一个圆,并将圆转换为动态面板。




接下来为动态面板-圆添加拖动事件,并设置顶部,底部,左侧和右侧的边界。




在设置边界时注意,虽然用绝对值相对简单,但是可用性比较差,如果某一个参数有变化,边界值可能就需要调整。所以,我们使用了局部变量和元件函数在配置动态面板-圆相对于边框的相对边界。


在边界值一项中选择fx。


首先插入函数,在元件函数中找到top,bottom,left和right,这四个函数分别会返回元件的四边边缘。


注意,在插入元件函数之后,默认是当前元件的相关值,为正确设置边界,我们需要的是边框元件才对。

现在创建一个局部变量bg,变量的值为边框的元件名,然后我们将之前插入的函数[[This.top]]改为[[bg.top]],这就得到了边框的四边。


其余的三边都需要单独创建局部变量,手动修改函数。

猜你喜欢

转载自blog.csdn.net/quikai1981/article/details/79459288
今日推荐