您现在的位置是:首页 > 设计知识设计知识

axure单选按钮如何只选一个,axure如何自定义复选框

网一2022-11-23 10:42:29设计知识17人已围观

简介axure单选按钮如何只选一个,axure如何自定义复选框PythonAxure自带的单选按钮组件只能满足日常的功能设计,对于一些高保真的Axure设计并不适用,所以这里有一个自定义的“单选按钮”样式分享给大家~效果如下:我还为大家准备了“AxureRP”的视频教程。点击查看。工具/软件硬件型号:肖鑫Air14版本:Windows7所需软件:AxureRP方法/步骤第1步创建两个新圆,

axure单选按钮如何只选一个,axure如何自定义复选框

PythonAxure自带的单选按钮组件只能满足日常的功能设计,对于一些高保真的Axure设计并不适用,所以这里有一个自定义的“单选按钮”样式分享给大家~效果如下:

我还为大家准备了“Axure RP”的视频教程。点击查看。

工具/软件

硬件型号:肖鑫Air14

版本:Windows7

所需软件:Axure RP

方法/步骤

第1步

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

第2步

设置“Circle: roundA”:

1.尺寸为20 * 20;

2.边框粗细:可以自定义;边框颜色:# cccccc

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

第3步

设置“circle: roundB”:

1.尺寸为8 * 8;

2.边框粗细:无;

3.填充颜色:# ffffff

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

第4步

将“circle: roundB”字段“circle: roundA”放在正中间;

根据下面的布局,将它们组合成一个“单选按钮”组件。

第5步

设置组合的“鼠标点击时”交互~

第6步

案例1操作:

-

检查“组合”状态,值为toggle。

-

第7步

复制并粘贴.

第8步

来看看效果~是不是超级简单,自定义样式的“单选按钮”你都做完了?

第9步

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

注意/提示

相信大家都学过“Axure设计:自定义样式的单选按钮”这篇文章。如果还有其他问题,可以继续关注。我们将每天为您带来最新、最实用的软件提示。

Tags:

很赞哦! ()

随机图文

留言与评论(共有 条评论)
   
验证码:

本栏推荐