Axure 簡單Demo

[轉載]Axure 交互demo 實例

原文地址：Axure 交互demo 實例<二>作者：bingninglucy06

·記住用戶的選中的內容並顯示出來

 緊接上一篇，上篇我們講到把用戶輸入的內容顯示出來，該篇我們補充將下拉框選中的內容自動顯示出來。

   我們先做個簡單的點菜系統，最終效果如下：

點擊上面的選項，則出現對應的選項值。

1、搭好界面框架圖如下，前提是在動態面板上建立，該動態面板的標籤名我設定爲點菜系統：

2、再新建一個動態面板用來顯示用戶的選中值，設置其標籤名：點菜確認提示。開始的時候我們不想將其顯示出來，只有當點擊確定按鈕後，將其內容顯示，右擊“點菜確認提示”屬性，設其隱藏便可。現在我們右擊其屬性進入“編輯動態面板”-“管理動態面板”-“編輯所有狀態”編輯其裏面的內容，見圖：在該動態面板編輯框中先放置一個矩形框，目的是設置它的邊界限，然後拖入文本框，標籤名見圖所示。

3、 同理，編輯“點菜系統”動態面板，開始爲其“確定”按鈕添加交互事件：

第一步（條件設置）：

第二步（選擇操作）：

第三步設置變量和組件的值：

最後“生成”-“原型”即可自動生成你所選中的下拉值！

（Ps：動態面板好處多多，我還做了個手動的下拉框選中顯示實例，目的是發揮動態面板的功能作用。）

選中其中一個面板，進入其編輯狀態，自己手動輸入值：

這裏我們就是利用動態面板之間的轉換了，而不是利用其選中的下拉框的值來自動判斷了，見圖：