Axure如何实现移动效果

2025-05-15 02:54:34

在很多web的网页当中,经常会看到,在导航栏下方有一个条,当点击下一个选项的时候,那个滚动条就会自动移动到该条目之下,那么这个效果如何是用Axure来进行实现呢?

Axure如何实现移动效果Axure如何实现移动效果

二、编辑事件

1、我们想要实现的效果是,当点击某一个选项的时候,改变他的颜色,并且矩形条移动到该选项的下方,所以,首先,我们需要对选项设置选中效果,将文字部分全选,然后右键,设置交互样式,选中,然后改变颜色。

Axure如何实现移动效果

2、交互样式设置好之后,还需要设置选项组名称,具体位置如下图所示,这里取名为菜单,矩形条取名为t。

Axure如何实现移动效果Axure如何实现移动效果Axure如何实现移动效果

三、测试

1、选择预览之后,我们可以看到,当选择某一个按钮的时候,该按钮颜色就会变成交互设置的颜色,矩形条相应的会移动到该矩形条目之下。

Axure如何实现移动效果
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢