Axure设计自定义样式的单选按钮教程
溜溜自学专注室内设计,平面设计,视频剪辑,建筑动画和软件入门基础教程,新手实现快速入门与成长?去看一下 >>为您推荐相关课程
更多课程>>大家好,我是小溜,Axure自带的单选按钮组件,只能满足日常的功能设计,但并不适合一些高保真效果的Axure设计,所以这里自定义一款”单选按钮“样式,分享给大家~效果如下:
溜溜自学网还为大家准备了“Axure RP”相关视频教程,快点击查看>>
工具/软件
硬件型号:小新Air14
系统版本:Windows7
所需软件:Axure RP
方法/步骤
第1步
新建两个圆,分别命名为“roundA”和“roundB”
第2步
设置“圆:roundA”:
1.尺寸大小为20*20;
2.边框粗细:自定义即可;边框颜色:#CCCCCC;
3.选中时,边框颜色:#5FB878;
第3步
设置“圆:roundB”:
1.尺寸大小为8*8;
2.边框粗细:无;
3.填充颜色:#FFFFFF;
4.选中时,填充颜色:#5FB878;
第4步
放置“圆:roundB”域“圆:roundA“正中间;
并按下图布局,组合成单一的“单选按钮”组件
第5步
设置组合的”鼠标单击时“交互动作~
第6步
Case 1动作:
---
选中状态”组合“,值为toggle
---
第7步
复制,粘贴……
第8步
看效果吧~是不是超级简单,就完成了自定义样式的”单选按钮“?
第9步
同样,可以自定义设计”复选框“,效果可以杠杠的,比默认的强多了~
注意/提示
相信“Axure设计:自定义样式的单选按钮”这篇文章大家都已经学会了,如果大家还有其它疑问的话,可以持续关注溜溜自学网,我们每天都会为大家带来最新最实用软件小技巧。
Axure8.0交互设计必备教程

特别声明:以上文章内容来源于互联网收集整理,不得将文章内容用于商业用途,如有关于作品内容、版权或其它问题请与溜溜客服联系。