【用例动作】如何正确地选中?

​Axure中交互的设置有一个很重要要素是用例动作,我们的交互是通过对用例动作的设置,达到我们需要的效果。

所以对于用例动作的了解,在使用axure的过程中就显得有举足轻重的作用。

在所有的动作中,选中动作是非常常用的一个动作,这个动作也是不少刚学axure的朋友经常会犯错,在制作的时候容易忘记的一个动作。

以下面这位同学为例:

这位同学在之前是已经讲过“选中”动作的了,但是在实际使用中,还是存在着一些疑惑。

他的问题是:

1、交互样式设置中的“鼠标按下”和“选中”的区别;

2、如何保持“选中”的样式。

1

第一个问题,就像图中老师的解答一样,“鼠标按下”是鼠标在执行按下这个动作的一瞬间的样式变化。还是用一个简单的例子来看。

只要我的鼠标处于“按下”的状态时,文字的样式就是我设置的样式,这里是蓝色的。

如果是“选中”样式的话呢?跟鼠标按下一样的设置方法,设置的选项不同而已。

但这个时候发现,选中的样式没有办法显示出来。怎么样让它显示出来,并且保持样式呢?

如果这个样式是打开页面之后默认显示的话,可以勾选交互样式设置下方的“选中”复选框,这样打开页面之后可以看到默认是选中时候的样式。

这是预览之后没有任何操作的显示效果。

当然我们在做选中的设置的时候,通常并不是简单的显示某个默认的选中样式即可,而通常是需要进行不同选项之间的切换点击。每次点击,被点击的选项就切换成选中的样式,其他回复为默认的样式。

效果也就是这位同学所描述的这样。保持某个颜色,代表当前的选中。

2

还是用一个例子来解释,加深理解。

每一个选项对应一张图片,需要用“选中”动作来指示当前是选项几,需要显示哪张图片。好的,走起。

1、设置样式。

样式的设置跟前面一样。这里三个选项的样式是一样的,所以可以将三个选项都选中,一起设置样式,这样能节省不少时间。

勾选“预览”,可以看到效果。

这里我们打开之后看到的是第一张图,所以把选项一的“选中”勾选上。

预览之后的效果就是这样。

2、设置点击切换选中项。

在点击“选项二”时,选项二显示选中时候的样式,图片当然也会改变。这里图片用动态面板制作,就不多说了。

这里记得,选项一也必须设置选中动作。如果不设置,在切换到其他选项之后将无法切换到选项一。

选中状态值有两个:true和false。True代表的是选中,显示的是选中样式,false代表的是不选中,显示的是默认的样式。我们这里需要选择true。

预览之后是这样:

只需要再设置一些单选即可。

3、设置单选效果。

这里采用的方法是,选项组。把三个选项都选择上,设置选项组名称即可,不需再做其他设置。

看看效果:

提示:

1、必须设置选中样式,用以明确选中时的样式;

2、必须设置选中动作,用以明确哪个选项是选中的;

3、单选效果可以直接设置选项组名称。

对于选中的正确使用,如果还有疑问的话欢迎大家前来交流。VIP学员要善用官网课程,可以观看课程以解惑,或者直接与老师联系,直接解惑。课程的位置见下图:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值