Axure怎么插入有边框样式的单选按钮?

Axure中想要制作带有边框样式的单选按钮,该怎么设置单选按钮的边框样式呢?下面我们就来看看详细的教程。

软件名称:
原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)
软件大小:
90.5MB
更新时间:
2018-05-24

1、打开Axure原型工具,今天教大家使用Axure制作带有边框样式的单选按钮,如下图所示。

Axure怎么插入有边框样式的单选按钮?_第1张图片

2、首先从元件库中拖入本次需要使用的元件信息,如下图所示。

Axure怎么插入有边框样式的单选按钮?_第2张图片

3、然后对每一个元件的样式进行调整,形成一个带边框的按钮形状,如下图所示。

Axure怎么插入有边框样式的单选按钮?_第3张图片

4、同样的方式,我们再制作一个带边框的按钮形状,如下图所示。

Axure怎么插入有边框样式的单选按钮?_第4张图片

5、按钮制作完成后,给这个按钮加交互样式,包括外面的边框以及里面的圆形都要加交互样式,也就是选中时的样式,如下图所示。

Axure怎么插入有边框样式的单选按钮?_第5张图片

6、最后再给按钮加交互事件,如下图所示。

Axure怎么插入有边框样式的单选按钮?_第6张图片

Axure怎么插入有边框样式的单选按钮?_第7张图片

7、所有工作准备完成,F5预览看一下效果,如下图所示。

Axure怎么插入有边框样式的单选按钮?_第8张图片

以上就是Axure插入有边框样式的单选按钮的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

Axure RP 8怎么利用按钮控制单选框和复选框?

Axure RP8怎么制作上下左右制遥控器中的按钮?

Axure RP 8怎么制作一个按钮控制圆球运动的原型?

你可能感兴趣的:(Axure怎么插入有边框样式的单选按钮?)