axure中交互样式设置鼠标悬停后其他的按下选中无效_Axure RP 9基础教程(八)交互按钮 (Interactive Button)设置...

本文是Axure RP 9基础教程的一部分,主要介绍如何设置交互按钮的样式,包括鼠标悬停、按下、选中和禁用状态的效果。通过这些设置,可以实现鼠标操作时按钮的不同视觉反馈。
摘要由CSDN通过智能技术生成
3f98eae07792010e535f0546b5be778c.gif 在进行原型的交互设计的时候,按钮的变化是比较常见的。比如,默认按钮是什么颜色?鼠标悬停于按钮上是什么样式,鼠标选中按钮时发生什么变化?这些都是我们需要对按钮进行设置的。    

1、鼠标悬停样式效果

选中按钮部件,然后点击交互窗口中的鼠标悬停交互样式

9e67b1b4ef3731fef848e21159b9e262.png

在出现的设置中,设置需要的样式即可,如果默认内容中没有显示你想要 设置的样式,请点击“+更多样式选项”,展示更多的样式选项进行设置。

a455488517b6ed1537c2bffcb1c37cec.png

81a87587628945dbcd4ea3d32a591fba.png

  点击确定按钮保存操作。    

2、鼠标按下样式效果

看看上面的图片,可以看到,我们打开了按钮的交互样式设置窗口,可以设置“鼠标悬停”、“鼠标按下”、“选中”、“禁用”和“获取焦点”时的交互样式。   当然这个进入的方法,就是第一种的方式。   我们也可以在在按钮部件选中状态下,点击交互窗口中的“新建交互”按钮,拉到弹出的列表底部,选择鼠标按下交互样式即可。

6e2036c9c64e49e014d8f7ba1027b46a.png

18bfbcb25a98ef4791be82bfa5c668f9.png

在出现的鼠标按下设置中,设置样式即可。

0183fe20eec252327e90154d83ad63aa.png

点击确定按钮保存操作。  

3、选中样式效果

a、给按钮添加交互样式 选中按钮部件,点击交互面板中的新建交互按钮,在弹出的列表底部,选择选中交互样式。 在出现的选中区域中,设置样式属性。

3b23df2f6b9199e86dbbdee73c93c678.png

点击确定按钮保存操作。   b、将按钮设置为选中状态   在按钮选中状态下,再次点击新建交互,选择单击时事件,然后选择设置选中动作。   在目标下拉列表中选择当前部件。  

0ace33653d147bf2052388ecad0a08da.png

保持设置下拉列表中的不变,然后在下拉列表中选择切换

004cfe793e079bfd5ab78614f2349930.png

点击确定按钮保存操作。  

4、禁用样式效果

设置禁用效果与设置选中效果的做法几乎一样,唯一不同的是,添加的动作。选中效果选择的是“设置选中”动作,禁用样式效果选择的是启用/禁用动作。

a280a901b84889f8a6a99361f2f7a1db.png

这是交互按钮的样式设置,跟之前的版本在设置上存在一些不同,比如设置的入口。比如Axure8可以直接看到交互样式设置的所有名称,点击之后就直接设置即可。但Axure 9不能直接看到设置的样式名称,需要做其他的点击过后,才能看到,这是大家需要注意的。

往期精选

Axure如何应对意外关闭

Axure中的“AdaptiveViews”(自适应视图)是什么

Axure 教程 | 使用键盘进行移动对象

1cc45225cea9debc0158973e5754fd29.png

b3ad31a1b7f85f1f2727012e501723bb.gif
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值