Axure美化单选框复选框按钮教程

在Axure中经常会用到复选框功能，而自带的复选框比较简洁，而且不方便调整选框大小，这样在整体的样式上就不够美观，今天我们来自己用Axure美化单选框复选框按钮，下面是钮视觉效果演示：

先看下视觉效果（想怎么好看，完全看你的个人设计水平）

图层原件

复选按钮

单选按钮

开始制作，两种选框图层元素的是一样的，此处不做重复，拿复选框作案例

1、 首先从元件库，拖一个复选框进来

随便起个名字，这里我起的名字叫“原件”，并且将原件设置为隐藏

2、画个圆角矩形，颜色随意，你自己喜欢

起名为“背景”（叫什么不重要，重要的是方便）

3、画个选中状态

从元件库Icons里拖一个对号进来，起名为“选中”，调整合适大小，放到矩形的中间

4、将矩形和对号编组，并起个名字

5、给原件添加交互动作

动作1：

给刚刚的编组添加一个动作，动作如下

鼠标点击时，切换复选框“原件”的选中状态

动作2：

给复选框原件添加动作，动作如下

选中时显示“对号（选中）”，取消选中时隐藏“对号（选中）”

6、最后，我们把原件整体打个包便于复制多个

7、关于单选框的不同点

单选框因为没有反复点击，并且联动需要编组，所以会有一些不同，大家注意一下！

首先是一定要给“单选按钮”原件设定编组名称

然后就是编组的动作需要加上条件，表面重复点击

以上就是Axure美化单选框复选框按钮教程的全部内容介绍了，关于更多Axure教程信息，欢迎关注北极熊素材库，给你带来最丰富的素材图片和最有用的教程，更多最新资讯。