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

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

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

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

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

4、最终效果呈现

相关推荐
夜郎king5 天前
Axure 原型落地 HTML:基于 Trae Solo 实现 GIS 多级行政区划切换全流程实践
axure·trae solo·gis可视化
测试修炼手册17 天前
[测试工具] Axhub MCP:把 Axure PRD 变成测试用例
测试工具·测试用例·axure
梓贤Vigo18 天前
【Axure原型分享】AI自动回复机器人
交互·产品经理·axure·原型
xy345320 天前
Axure9.0中继器-初识篇
产品经理·axure·原型
Chensay.24 天前
Axure RP安装(已汉化)附下载地址
axure·结构设计
招风的黑耳25 天前
Axure动态柱状图设计指南:从静态到交互的完整实现
交互·axure·柱状图
招风的黑耳25 天前
Axure动态折线图设计指南:从静态到交互的完整实现
交互·axure·photoshop
招风的黑耳25 天前
智慧社区可视化平台:构建“现实-数字“双生社区的智能中枢
axure·原型·可视化
x***r1511 个月前
AxureRP-Setup安装步骤详解(附Axure RP原型设计与汉化教程)
ui·axure·photoshop
AC赳赳老秦1 个月前
OpenClaw与Axure联动:自动生成原型图组件、批量修改原型样式,提升设计效率
python·web安全·ui·音视频·axure·photoshop·openclaw