本日为大家带来用Axure8.0自定义制作复选框元件。
产品经理的日常
实在，系统一样平常都自带有常用的元件工具，但是个人觉得，系统自带的元件，虽然很实用，但是风格比较大略。以是，我们就会想着按自己的想法，来制作属于自己风格的元件。
接下来，我们开始制作复选框选项元件吧。
首先，打开axure8.0，然后准备好以下素材及元件：
第一、准备一张Svg格式的矢量图标图片，并复制到页面，然后将宽度和高度分别设置为：25像素，此图标作为选中后的终极效果。
第二、将svg格式的矢量图标图片转换为形状；
第三、在元件库找到圆形元件，设置圆形宽度和高度分别为：25像素，须要把稳，矢量图标转换的形状是没有边框的，以是我们要将形状与圆形重叠在一起。
第四、拖入文本元件，用于定义选项名称内容。
第五、将对应的元件分别命名为：选项名称，背景、选中效果，方便识别
设置属性
准备好往后，分别须要做以下的操作:
首先，将以上三个元件全选，当然，也可以按住Ctrl+鼠标左键连续单击元件选中，然后按Ctrl+G或者点击鼠标右键将选中的元件组合。
记得命名噢，这里我们就将组合命名为:复选框，同时组合之后，一定要把稳形状和圆形的顺序，形状要放在上圆形元件的上一层，这样才会正常显示出来，不然会被遮挡。
然后点击选中效果元件，将背景颜色修正为白色，右击选择交互样式(把稳：是点击选中效果元件后右击)，再单击‘选中’标签，找到并勾选添补颜色选项，末了选择你喜好的颜色进行添补。
做完上述操作后，我们再来看看复选框效果如何实现：
第一、选中组合元件，点击右侧的添加用例或者直接双击‘鼠标单击时’事宜，弹出用例编辑窗口，在左侧的添加动作窗口，找到‘设置选中’并单击，添加到组织动作界面，然后选中刚添加的动作，在配置动作窗口找到复选框，将设置选中状态改为：toggle(切换效果)。
设置切换选项效果
然后点击选中效果元件(如果选不到，也可以在右侧的概要：页面处选择)，在右边的交互事宜处，点击更多事宜，找到选中时，弹出用户编辑设置界面，找到设置选中项，勾选选中效果元件，在右下角将设置选中的值改为true(表示选中)；
再重复再操作一遍，在更多事宜中，找到取消选中时，弹出用户编辑设置界面，找到设置选中，勾选效果元件，将设置选中的值改为false(表示取消选中)。
设置选中/取消选中效果
这样，我们的选项效果就出来了。我们只须要将此组合的元件，复制一份，即可实现复选框的效果啦。我们一起来预览一下效果。
终极效果
制作自定义元件，便是这么大略，大家学会了吗？
感谢大家的不雅观看，如果以为此视频对你有帮助，动动你的小手，点个关注。
如果须要软件或者矢量图标下载地址，可以私信留下邮箱以及须要的软件版本，我发给你。
末了，如果有干系疑问，也可以在评论区留言或私信我，我们一起磋商。
#科技萌新发展营# #产品经理# #产品知识#
