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

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

一、原型準(zhǔn)備

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

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

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

二、原型交互

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

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

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

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