axure学习(八)

老师介绍了元件属性方法,点击这里元件属性函数查看相应的内容。

接着,老师教了一个移动效果,就是妹鼠标下移一个菜单栏,背景跟着下移。这里学会用X,Y,和top,left属性。

axure学习(八)_第1张图片
axure学习(八)_第2张图片
鼠标下移的效果

拖入两个矩形框,一个做背景,一个做菜单栏,将背景框填充为蓝色,将作为菜单框的矩形设置为透明,输入文字菜单栏。

axure学习(八)_第3张图片

然后对菜单栏矩形进行设置交互事件,鼠标移入时,选择背景框,绝对路径,设置x为This.x,y为This.y 指的是就是设置当前部件的位置X,y。

axure学习(八)_第4张图片

复制菜单栏控件,鼠标没下移到下一个菜单栏,鼠标所指的就是当前部件,同时运用那个设置的交互事件。(这里也可以设置x为This.left ,y为This.top.意思和上面一致)

axure学习(八)_第5张图片

发布原型


axure学习(八)_第6张图片

你可能感兴趣的:(axure学习(八))