Axure RP是一款比較常用的原型界面工具，在利用該工具進行原型設計時，我們肯定會想盡可能的將網(wǎng)頁效果展示出來。下拉框是經(jīng)常要用到的一個工具，在代碼實現(xiàn)過程中經(jīng)常會根據(jù)下拉框值改變而顯示不同的內(nèi)容。本文將分享經(jīng)驗，在Axure RP工具中當下拉框內(nèi)容改變時，將如何顯示不同的內(nèi)容。

軟件名稱：快速產(chǎn)品原型設計工具 Axure RP Pro v7.0.0.3174 漢化綠色版軟件大小：8.97MB更新時間：2014-12-22

1、我日常工作中使用的是Axure RP8.0,并且已經(jīng)安裝了漢化包，詳細版本信息如下 截圖，在使用的過程中如果版本不一樣，菜單會有些差異，但是操作步驟基本上是可以借鑒的。

2、正常打開Axure RP8.0工具，如下圖，創(chuàng)建一個新的RP文件 。

3、從左邊元件庫中拖動一個下拉列表框和一個按鈕到面板上，按鈕是用來展示效果用的，開發(fā)者可以根據(jù)實際的項目需求在面板上增加對應的值。

4、雙擊下拉列表框，彈出編輯列表選項對話框，在對話框中添加2個列表選項，我這只是為了演示效果，隨便增加了一些，實際開發(fā)過程中請根據(jù)項目需求添加列表選項。

5、選中下拉列表框，雙擊右側(cè)視圖中的“選項改變時”用例，會彈出“用例編輯”窗口，為下拉框增加用例。如下圖所示。

6、點擊“用例名稱”旁邊的“添加條件”，彈出“條件設立”對話框，在對話框中配置條件，如下圖說明中所示。

7、條件配置好后，點確定關閉“條件設立”對話框，然后在條件中增加用例，如下圖截圖中設置，目的是實現(xiàn)當下拉框選項選中為“顯示”時，提交按鈕就顯示。點擊確定退出用例1 的編輯。

8、參照第六步，再次增加用例2，條件中設置當下拉框的值等于“隱藏”時，如下效果圖所示，點擊確定退出“條件設立”對話框。

9、在用例編輯頁面設定當下拉框內(nèi)容等于“隱藏”的時候，隱藏提交按鈕控件，界面如下截圖所示。