工作中，我們時常會遇到關(guān)于下拉選擇切換，根據(jù)選擇不同的內(nèi)容切換到不同的字段信息，很多小伙伴不清楚該如何做對應(yīng)的交互，本篇將畫一個關(guān)于選擇不同的交通方式為案例，做一個選擇對應(yīng)的交通方式填寫或默認(rèn)對應(yīng)的字段信息。

原型示例：https://vkx0hn.axshare.com

一、原型準(zhǔn)備

首先，我們選擇Axure自帶的表單組件【下拉列表】，并設(shè)置列表選擇內(nèi)容。

接著再選擇一個【文本框】組件，輸入對應(yīng)的提示語，并將其“設(shè)為隱藏”。

再選擇一個和【文本框】相同尺寸的【矩形組件】，調(diào)整內(nèi)部填充顏色，并將其置于【文本框】組件底層。

二、原型交互

點擊下拉選擇器進(jìn)行設(shè)置情形設(shè)置，設(shè)置情形1。

對情形1進(jìn)行交互設(shè)置顯示/隱藏。

接著，設(shè)置情形2。

這樣，一個完整的下拉選擇切換就做完了，若有描述不夠詳細(xì)的地方，可以在下方評論，本人看到后第一時間回復(fù)你們，希望本篇教程可以幫助到你們。