Axure9 自定义下拉列表

该文章描述了如何在设计工具中使用动态面板来创建交互效果。首先选择并填充不同颜色的矩形,然后将其中一个转换为动态面板并命名。接着,添加状态并复制、粘贴矩形到不同状态中。最后,设置单击时切换面板状态的交互,预览效果。
摘要由CSDN通过智能技术生成

实现:

步骤1:

从元件中选择三个矩形,并填充不同颜色。

 步骤2:

选中第一个矩形,鼠标右键单击选择最下方的 ”转换为动态面板“。

 步骤3:

给第一个矩形面板改名

步骤4: 

 单机第一个矩形,出现如图:

步骤5: 

点击添加状态 ”State2“,如图: 

 

步骤6: 

 单击右上角关闭按钮,退出面板状态,复制第一个矩形;然后点击第一个矩形,进入面板状态;再选择面板State2,粘贴。

 注:只有第一个是粘贴过来的,下面两个不是。

步骤7: 

再退出面板状态,从元件中拖出两个矩形,填充颜色

步骤8: 

 将这两个矩形依次复制粘贴到第一个矩形的面板State2,(单击第一个矩形进入面板状态)。然后点击右上角关闭退出面板状态。

步骤9: 

 (退出面板状态)点击第一个矩形,在右边选择交互,再选择单击时;再选择设置面板状态。

 

步骤10: 

 目标选择面板一(面板一是上面刚开始设置的名字),STATE选择State2,点击更多选项,选中推动和拉动元件,下方,点击确定。

步骤11: 

 点击第一个矩形进入面板状态,进入State2,点击第一个矩形,再选择右边新建交互,选择单机时,设置面板状态;目标选择面板1,STATE选择State1,点击更多选项,选中推动和拉动元件,确定。

步骤12: 

 点击右上方预览

 实现:

 剩下两个操作一样。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值