新时代Axure设计：精致升级的“下拉框”控件

前不久，我们分享了Axure自制版本的“下拉框”控件，虽然在交互效果上远胜默认版本，但设置“选项”仍需手动添加和布局排版，略显繁琐。为此，引入了“中继器”功能，让“下拉框”控件更加完善。

Axure版本升级：打造“下拉框”控件

首先，与早期自制版本相似，布局包括“文本框：option”和顶层“热区：zone”。接着新建“中继器”和“矩形”，将“中继器”命名为“option”，“矩形”命名为“block”，并可为其添加阴影效果（尺寸根据“中继器”调整）。

在“中继器：option”中新建一个“文本标签”并命名为“text”，设置尺寸为200*40。在“content”列输入“选项一”和“选项二”，并为“每项加载时”的交互动作设置文本值和矩形尺寸随内容自适应。

控件组合及交互设计

将“矩形：block”和“中继器：option”按图方式组合成“option_all”，并隐藏。在“鼠标单击时”交互动作中，显示“option_all”并移动到指定位置。设置局部变量使控件位置动态调整，优化用户体验。

最后，在“文本标签：text”“鼠标点击时”的交互动作中，设定文本框值、隐藏“option_all”并平滑移动至初始位置。这样，只需更新“中继器：option”内容即可轻松添加新选项，操作简便高效。

结语

通过“中继器”功能的巧妙运用，Axure设计中的“下拉框”控件得以精致升级，操作更加便捷，交互效果更为出色。若您喜欢本文介绍的设计方法，请不吝点赞支持哦！

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。