Axure设计自定义样式的单选按钮教程

溜溜自学专注室内设计,平面设计,视频剪辑,建筑动画和软件入门基础教程,新手实现快速入门与成长?去看一下 >>
文章作者:小溜 文章分类:平面设计 发布时间:2022-10-12 11:16 浏览量:791

大家好,我是小溜,Axure自带的单选按钮组件,只能满足日常的功能设计,但并不适合一些高保真效果的Axure设计,所以这里自定义一款”单选按钮“样式,分享给大家~效果如下:

溜溜自学网还为大家准备了“Axure RP”相关视频教程,快点击查看>>

Axure设计:自定义样式的单选按钮

工具/软件

硬件型号:小新Air14

系统版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

新建两个圆,分别命名为“roundA”和“roundB”

Axure设计:自定义样式的单选按钮

第2步

设置“圆:roundA”:

1.尺寸大小为20*20;

2.边框粗细:自定义即可;边框颜色:#CCCCCC;

3.选中时,边框颜色:#5FB878;

第3步

设置“圆:roundB”:

1.尺寸大小为8*8;

2.边框粗细:无;

3.填充颜色:#FFFFFF;

4.选中时,填充颜色:#5FB878;

第4步

放置“圆:roundB”域“圆:roundA“正中间;

并按下图布局,组合成单一的“单选按钮”组件

Axure设计:自定义样式的单选按钮

第5步

设置组合的”鼠标单击时“交互动作~

Axure设计:自定义样式的单选按钮

第6步

Case 1动作:

---

选中状态”组合“,值为toggle

---

Axure设计:自定义样式的单选按钮

第7步

复制,粘贴……

Axure设计:自定义样式的单选按钮

第8步

看效果吧~是不是超级简单,就完成了自定义样式的”单选按钮“?

Axure设计:自定义样式的单选按钮

第9步

同样,可以自定义设计”复选框“,效果可以杠杠的,比默认的强多了~

Axure设计:自定义样式的单选按钮

注意/提示

相信“Axure设计:自定义样式的单选按钮”这篇文章大家都已经学会了,如果大家还有其它疑问的话,可以持续关注溜溜自学网,我们每天都会为大家带来最新最实用软件小技巧。

Axure8.0交互设计必备教程
Axure RP是一个专业的快速原型设计工具。Axure RP已被一些大公司采用。是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
大宝老师 669人在学 基础入门
免费学习>
超低价秒杀课程
立即登录学习: