Axure Button 按钮 点击,鼠标悬停,改变按钮的背景色并且添加阴影,鼠标移开恢复原状

第一步:创建按钮Btn

在这里插入图片描述

第二步:转为动态面板,即可以交互的面板

在这里插入图片描述
转换后文件成为动态面板
在这里插入图片描述

第三步:添加要交互的按钮样式

在这里插入图片描述

自动生成(我改了名字)
在这里插入图片描述

第四步:选中LoginBtn(此按钮会出现在页面的左上角)

如:在这里插入图片描述

第五步:添加阴影,背景色

在这里插入图片描述

第六步:切换到动态面板(我叫控制器)

在这里插入图片描述

第七步:

在这里插入图片描述

第八步:

在这里插入图片描述

在这里插入图片描述

弹出框:
在这里插入图片描述

扫描二维码关注公众号,回复: 3956116 查看本文章

设置此组件的状态
在这里插入图片描述

相应的设置onMouseOut 鼠标移开事件,此时设置为State1,就是原来的样式(其他的比如动画样式,可以试试)

在这里插入图片描述

最终 PreView 的效果(停顿一下,才会出现效果,原因未知)在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_38340601/article/details/83515167