【小练习|Axure】6.属性篇 坐标的使用

由于不允许插入 html 链接,点击获取 本篇html链接。



对象包括了属性和方法。

新建中继器,点击进入这个页面可以看到诸多对象、属性和方法(函数)。函数都是带括号的。

元件没有函数,只有对象和属性。


【小练习|Axure】6.属性篇 坐标的使用_第1张图片
笔记截图

元件:This(当前元件)、Target(目标元件)、xy(元件左上顶点坐标值)、left、right、top、bottom(元件的边界)再搭配上元件名,甚至是局部变量名。可以有丰富和灵活的运用。

简单案例:移动鼠标,标签跟随。

【小练习|Axure】6.属性篇 坐标的使用_第2张图片
用元件的坐标或者边界都可以实现这个效果

复杂案例:跟随鼠标移动小矩形,并且小矩形不超过图片的边界。配和动态面板可以实现放大效果。

这个案例中有几个要点:建立透明蒙版已拜托小矩形对于图片和鼠标的隔断;在条件中,无法获取target的属性,需要局部变量获取;如果两个用例都要执行,必须if if而不是if;else if

【小练习|Axure】6.属性篇 坐标的使用_第3张图片
简单案例
【小练习|Axure】6.属性篇 坐标的使用_第4张图片
复杂案例-step1

在机上中继器,很容易实现淘宝产品展示页面的效果。

【小练习|Axure】6.属性篇 坐标的使用_第5张图片
复杂案例-step2

设置默认图片操作不要忘记。

【小练习|Axure】6.属性篇 坐标的使用_第6张图片
设置默认图片


你可能感兴趣的:(【小练习|Axure】6.属性篇 坐标的使用)