如何使用Axure RP 9 Mac创建当按钮处于各种交互状态时具有不同样式的按钮?
时间:2023-06-07 21:38:13
Axure RP 9 for Mac是一款交互式原型设计神器,使用axure rp9以最佳的方式展示您的作品,优化现代浏览器并为现代工作流程设计。同时确保您的解决方案正确完整地构建。在本篇文章中,我们介绍的是如何使用Axure RP 9 Mac创建当按钮处于各种交互状态时具有不同样式的按钮?
Axure RP 9 Mac使用教程
1.小部件设置
打开一个新的RP文件,然后在画布上打开Page 1。将按钮小部件拖到画布上。
2. MouseOver样式效果
在网络浏览器中,当鼠标光标位于窗口上方时,MouseOver样式效果会临时更改窗口小部件的样式。当光标移出窗口小部件时,窗口小部件将返回其默认样式。
选择按钮小部件,然后在“ 交互”窗格中单击“ 添加样式效果 ” 。
在列表中选择“ MouseOver样式 ”。
在出现的MouseOver Style块中,检查“ 填充颜色”属性,然后在颜色选择器中选择一种粉红色。
单击确定以保存样式效果。
3. MouseDown样式效果
单击鼠标小部件的同时按下鼠标按钮时,MouseDown样式效果会临时更改小部件的样式。释放鼠标按钮时,小部件将返回其默认样式。
在仍选择按钮的情况下,在“ 交互”窗格中单击“ 添加样式效果 ” 。
在列表中选择MouseDown样式。
在出现的MouseDown样式块中,检查“ 填充颜色”属性,然后在颜色选择器中选择绿色。
单击确定以保存样式效果。
4.预览互动
预览页面并将鼠标悬停在按钮上,使其变为粉红色。
按住鼠标在按钮上,使其变为绿色。
5.选定的样式效果
当通过“ 设置选定的动作” 将小部件设置为其选定状态时,“选定的样式”效果会临时更改其样式。(对于复选框和单选按钮,单击它们时会自动发生。)当小部件返回其未选择状态时,它也会返回其默认样式。
将选定的样式效果添加到按钮
返回Axure RP,选择按钮小部件,然后在“ 交互”窗格中单击“ 添加样式效果 ” 。
在列表中选择“ 选定样式 ”。
在出现的“ 选定样式”块中,检查“ 填充颜色”属性,然后在颜色选择器中选择一种紫色。
单击确定以保存操作。
将按钮设置为其选定状态
在仍选择按钮的情况下,在“ 交互”窗格中单击“ 新建交互 ” 。
选择Click或Tap事件,然后选择Set Selected / Checked操作。
在目标下拉列表中选择此小部件。
在“ 设置”下拉列表中保留值,然后在“ 到”下拉列表中选择切换。
单击确定以保存操作。
6.残疾人风格效果
当通过“ 启用/禁用”操作将小部件设置为禁用状态时,“禁用”样式效果会暂时更改其样式。再次启用该小部件时,它也会返回其默认样式。
将禁用的样式效果添加到按钮
返回Axure RP,选择按钮小部件,然后在“ 交互”窗格中单击“ 添加样式效果 ” 。
在列表中选择“ 禁用样式 ”。
在出现的“ 禁用样式”块中,检查“ 填充颜色”属性,然后在颜色选择器中选择一种灰色。
单击确定以保存操作。
将按钮设置为禁用状态
在仍选择按钮的情况下,在“ 交互”窗格中单击“ 新建交互 ” 。
选择上下文菜单(右键单击)事件,然后选择“ 启用/禁用”操作。
在目标下拉菜单中选择此小部件,然后在其下方选择禁用。
单击确定以保存操作。
7.预览互动
预览页面,然后单击按钮将其设置为选定状态并将其设置为紫色。然后再次单击以删除所选状态。
右键单击该按钮将其禁用并使其变为灰色。
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Win7系统如何关闭Win10的推送消息
![](https://img.aspxhome.com/file/2023/27/a232709_0s.jpg)
WPS文档怎么删除空白页?WPS文档删除空白页的方法
![](https://img.aspxhome.com/file/2023/6/a181826_0s.jpg)
百度网盘如何取消自动备份?
![](https://img.aspxhome.com/file/2023/30/a267420_0s.jpg)
利用PowerPoint2003将多页图片打印在一张纸上
![](https://img.aspxhome.com/file/2023/10/a345078_0s.jpg)
腾讯会议设置分组讨论方法教程
![](https://img.aspxhome.com/file/2023/30/a265224_0s.png)
腾讯文档怎么用?腾讯文档使用方法
![](https://img.aspxhome.com/file/2023/7/a332636_0s.jpg)
Excel如何使用通配符模糊搜索查找数据
电脑一直弹出Windows帮助和支持窗口的解决方案
![](https://img.aspxhome.com/file/2023/30/a267969_0s.png)
wps2019怎么设计一款简洁的名片? wps名片设计方法
![](https://img.aspxhome.com/file/2023/5/a166095_0s.jpg)
Win10电脑自动安装一些垃圾软件怎么解决?
![](https://img.aspxhome.com/file/2023/1/a278706_0s.png)
Excel文档怎么取消更新链接提示
![](https://img.aspxhome.com/file/2023/1/37311_0s.png)
word怎么求和
处理有多个合并单元格的复杂Excel表格
![](https://img.aspxhome.com/file/2023/2/37822_0s.jpg)
台式电脑显示器图标如何调整?台式电脑显示器图标调整方法
![](https://img.aspxhome.com/file/2023/6/a323327_0s.png)
WPS文字怎么给下划线添加颜色
如何利用Excel的 FORECAST函数 计算或预测未来值
![](https://img.aspxhome.com/file/2023/9/a161369_0s.jpg)
Word经典版本介绍、安装多个版本Word的顺序和好处
![](https://img.aspxhome.com/file/2023/1/34271_0s.jpg)
笔记本win7系统wifi出现乱码连接不上的解决方法
![](https://img.aspxhome.com/file/2023/4/a303835_0s.jpg)
Win7系统访问本地网络时0x800704c错误
![](https://img.aspxhome.com/file/2023/5/a316364_0s.png)