起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識【Axure教程】：下拉選擇切換交互操作
工作中，我們時常會遇到關于下拉選擇切換，根據選擇不同的內容切換到不同的字段信息，很多小伙伴不清楚該如何做對應的交互，本篇將畫一個關于選擇不同的交通方式為案例，做一個選擇對應的交通方式填寫或默認對應的字段信息。
原型示例：https://vkx0hn.axshare.com
一、原型準備
首先，我們選擇Axure自帶的表單組件【下拉列表】，并設置列表選擇內容。
接著再選擇一個【文本框】組件，輸入對應的提示語，并將其“設為隱藏”。
再選擇一個和【文本框】相同尺寸的【矩形組件】，調整內部填充顏色，并將其置于【文本框】組件底層。
二、原型交互
點擊下拉選擇器進行設置情形設置，設置情形1。
對情形1進行交互設置顯示/隱藏。
接著，設置情形2。
這樣，一個完整的下拉選擇切換就做完了，若有描述不夠詳細的地方，可以在下方評論，本人看到后第一時間回復你們，希望本篇教程可以幫助到你們。
本文由@Eason同學 原創發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自Unsplash，基于CC0協議。
該文觀點僅代表作者本人，人人都是產品經理平臺僅提供信息存儲空間服務。
用心做產品 VX：i-Cap-xxxx31J
評論
請問情形設置在哪呀
顯示與隱藏那塊，目標只能找到一級組件（文本框），找不到里面的具體內容，為什么
應該是元件選擇錯了，選擇下拉框試一下哦
找到問題了分享的很有用哦，跟你學會兩個交互