在原型的交互设计过程中,按钮的变化是相当常见的。比如默认按钮是什么颜色?鼠标悬停在按钮上是什么风格,鼠标选中按钮会发生什么?这些都是我们设置按钮需要的东西。
1.鼠标悬停样式效果
选择按钮小部件,然后在交互窗口中单击鼠标悬停交互样式。
在出现的设置中,只需设置所需的样式即可。如果默认内容没有显示您想要的内容。
要设置的样式,请点击“+更多样式选项”以显示更多样式选项供设置。
单击确定保存操作。
2、鼠标向下样式效果
看上图,可以看到我们打开了按钮的交互样式设置窗口,可以设置“鼠标经过”、“鼠标放下”、“选中”、“禁用”、“获得焦点”等交互样式。
当然,这种录入方式是第一种。
我们也可以在选中按钮部分的情况下,点击交互窗口中的“新建交互”按钮,将其拉到弹出列表的底部,选择鼠标按下的交互方式。
在出现的鼠标按下设置中,设置样式即可。
单击确定保存操作。
3.选择样式效果。
a、给按钮添加交互样式
选择按钮部件,在交互面板中单击新建交互按钮,在弹出列表的底部,选择交互样式。
在出现的选定区域中,设定样式属性。
单击确定保存操作。
b、将按钮设置为选中状态。
选中按钮后,再次单击新建交互,单击时选择事件,然后选择设置以检查操作。
在目标下拉列表中选择当前零件。
保持Set下拉列表中的值不变,然后在For下拉列表中选择Switch。
单击确定保存操作。
4.禁用样式效果
设置禁用效果与设置选定效果几乎相同,唯一的区别是添加了动作。对所选效果选择“设置检查”动作,对禁用的风格效果选择启用/禁用动作。
这是交互按钮的样式设置,和之前版本在设置上有所不同,比如设置入口。比如Axure8可以直接看到所有交互风格设置的名称,然后点击直接设置。但是Axure 9并不能直接看到设定的样式名称。您需要进行其他点击才能看到它。这是大家都要注意的。
本文来自热恋少女投稿,不代表舒华文档立场,如若转载,请注明出处:https://www.chinashuhua.cn/24/496471.html