Axure RP 9常用功能——下拉清單與動态面闆520關聯

目錄

​​建立下拉清單​​

​​建立動态面闆​​

​​下拉清單與動态面闆關聯​​

​​預覽​​

        今天是2022年05月20日，520關聯來了。先來個效果圖，感受下節日氛圍。

版本說明

Axure版本：Axure RP 9。

建立下拉清單

        從左側【元件】的【預設庫】拖拽一個【下拉清單】到右邊空白處，如圖：

輕按兩下【下拉清單】，如圖：

添加3個清單，名稱分别為5、2、0，如圖：

建立動态面闆

從左側元件預設庫拖拽一個動态面闆到右邊，如圖：

輕按兩下動态面闆，動态面闆顯示State1，如圖：

 此時拖拽一個矩形框到面闆中，并調整适合大小，寫上數字5，如圖： 

新增狀态State2，如圖：

 再拖入一個矩形，寫上數字2，如圖：

 同樣的，新增狀态State3，拖拽矩形後寫上數字0，如圖：

下拉清單與動态面闆關聯

        選則下拉清單，右邊選擇互動，建立互動，如圖：

 選擇【選項改變時】，如圖：

選好後，如圖：

 選中【選項改變時】，右鍵【添加情形】，選擇【設定面闆狀态】，如圖：

 點選确定，如圖：

 繼續右鍵【添加情形】，同樣的方式設定【情形2】、【情形3】，如圖：

 選中情形1，添加條件，如圖：

 情形1對應下拉清單數值5，如圖：

 同樣設定情形2，情形3，如圖：

預覽