Axure通过下拉框选项改变,控制字段显隐藏

要求:要求选择钢铁行业时,字段1显示,字段2、字段3隐藏,选择水泥行业时,字段2显示,字段1、字段3隐藏,选择发电行业时,字段3显示,字段1、字段2隐藏。

1、首先Axure拖入一个下拉框,然后双击下拉框,填写下拉值

2、拖动三个矩形框作为字段1、字段2、字段3。将字段1设置为可见,字段2、字段3设置隐藏

3、选中下拉框,进行交互。选择【选项改变时】事件,然后点击启用图形,进行条件选择。然后选择显示/隐藏,现在显示的字段和隐藏的字段。其余两个字段也按照第一个字段进行操作即可。

4、最终效果呈现

相关推荐
Chensay.3 天前
Axure RP安装(已汉化)附下载地址
axure·结构设计
招风的黑耳4 天前
Axure动态柱状图设计指南:从静态到交互的完整实现
交互·axure·柱状图
招风的黑耳4 天前
Axure动态折线图设计指南:从静态到交互的完整实现
交互·axure·photoshop
招风的黑耳4 天前
智慧社区可视化平台:构建“现实-数字“双生社区的智能中枢
axure·原型·可视化
x***r1519 天前
AxureRP-Setup安装步骤详解(附Axure RP原型设计与汉化教程)
ui·axure·photoshop
AC赳赳老秦12 天前
OpenClaw与Axure联动:自动生成原型图组件、批量修改原型样式,提升设计效率
python·web安全·ui·音视频·axure·photoshop·openclaw
秋912 天前
Axure RP Extension for Chrome 安装与配置完全指南:解决本地原型查看限制的深度解析与实践
chrome·axure·photoshop
风兮雨露17 天前
Axure RP 8 安装流程以及视频教程(附绿色版)
axure
陈葛杰23 天前
Axure RP 10.0安装教程(傻瓜版)
windows·开源软件·axure
Lucifer__hell1 个月前
【测试】Axure原型的AI测试用例生成方案
人工智能·测试用例·axure