Axure RP是一款比較常用的原型界面工具，在利用該工具進行原型設計時，我們肯定會想盡可能的將網頁效果展示出來。下拉框是經常要用到的一個工具，在代碼實現過程中經常會根據下拉框值改變而顯示不同的內容。本文將分享經驗，在Axure RP工具中當下拉框內容改變時，將如何顯示不同的內容。
1、我日常工作中使用的是Axure RP8.0,并且已經安裝了漢化包，詳細版本信息如下 截圖，在使用的過程中如果版本不一樣，菜單會有些差異，但是操作步驟基本上是可以借鑒的。
2、正常打開Axure RP8.0工具，如下圖，創建一個新的RP文件 。
3、從左邊元件庫中拖動一個下拉列表框和一個按鈕到面板上，按鈕是用來展示效果用的，開發者可以根據實際的項目需求在面板上增加對應的值。
4、雙擊下拉列表框，彈出編輯列表選項對話框，在對話框中添加2個列表選項，我這只是為了演示效果，隨便增加了一些，實際開發過程中請根據項目需求添加列表選項。
5、選中下拉列表框，雙擊右側視圖中的“選項改變時”用例，會彈出“用例編輯”窗口，為下拉框增加用例。如下圖所示。
6、點擊“用例名稱”旁邊的“添加條件”，彈出“條件設立”對話框，在對話框中配置條件，如下圖說明中所示。
7、條件配置好后，點確定關閉“條件設立”對話框，然后在條件中增加用例，如下圖截圖中設置，目的是實現當下拉框選項選中為“顯示”時，提交按鈕就顯示。點擊確定退出用例1 的編輯。
8、參照第六步，再次增加用例2，條件中設置當下拉框的值等于“隱藏”時，如下效果圖所示，點擊確定退出“條件設立”對話框。
9、在用例編輯頁面設定當下拉框內容等于“隱藏”的時候，隱藏提交按鈕控件，界面如下截圖所示。
10、在完成以上動作后，點擊預覽，在瀏覽器中就可以看到實際效果了。
相關推薦：
新聞熱點
疑難解答
圖片精選
