Axure中用不同方法制作单选按钮交互效果

产品经理在制作移动端原型的时候，经常会需要制作单选按钮。这种单选按钮的交互效果是这样的：

 

 

如关闭通知后面的按钮，常见于设置页面。这种状态下是开启/选中状态，点击之后按钮的颜色发生变化，并且内部的小圆位置发生变化。

 

这个交互效果非常常见，这里给大家总结了3种制作的方法，这3种方法也可以应用到其他相似的案例中，因为学会某一个案例不是我们的目的。我们的目的是通过案例的学习，学会举一反三，应用到工作中。

 

 

好了，前面说了几句题外话，现在正是来看看有什么方法来制作这个交互。

 

首先我们先把看到的界面搭建出来，不同的方法看到的界面及元素都是一样的。页面搭建比较简单，这里不再赘述。

 

   

显示/隐藏的方法

 

 

这个方法需要我们在现有的按钮下方再放置一个关闭状态的按钮。选中关闭状态的按钮，将其置于底层或者开启状态按钮的下一层即可。