原型設計工具Axure RP入門教程（五）：使用Droplist教程設置文本

---

Axure RP是一套專門為網站或應用程序所設計的快速原型設計工具， 可以讓應用網站策劃人員或網站功能界面設計師更加快速方便的建立Web AP和Website的線框圖、流程圖、原型和規格。

免費下載Axure RP 優惠購買Axure RP

---

在本教程中，您將學習如何基于在下拉列表小部件中所做的選擇來動態設置小部件上的文本。

小部件設置

打開一個新的RP文件，然后在畫布上打開Page 1。

將一個矩形小部件和一個下拉列表小部件從“ 庫”窗格拖到畫布上。

將矩形窗口小部件上的文本設置為My favorite color is red。

雙擊droplist編輯其選項，然后單擊編輯許多在對話框的頂部。在出現的窗口中，輸入以下選項，并用換行符分隔：

red
orange
yellow
green
blue
purple

單擊OK關閉Edit Many（編輯很多）窗口，然后再次單擊OK關閉Edit Droplist（編輯下拉列表）對話框。

當下拉列表的選擇更改時更改矩形窗口小部件的文本

• 選擇下拉列表，然后在Interaction（交互）窗格中單擊New Interaction（新建交互）。
• 在出現的列表中選擇Selected Changed事件，然后選擇Set Text操作。
• 在目標下拉列表中選擇矩形小部件。
• 單擊Value字段右側的fx圖標以打開“編輯文本”對話框。
• 在對話框頂部的字段中，選擇句子中的紅色詞。
• 單擊字段上方的插入變量或函數。在出現的下拉列表中，在小部件標題下選擇文本。
• 對話框的上方字段現在應顯示“我最喜歡的顏色是[[This.text]]”。（括號中的表達式將由Web瀏覽器中的下拉列表當前選擇的選項替換。）
• 單擊OK關閉Edit Text（編輯文本）對話框，然后再次單擊OK以保存設置文本操作。

預覽互動

預覽頁面，然后在下拉列表中選擇其他顏色。矩形窗口小部件上顯示的句子應更新以反映您的選擇。

附加信息和提示
使用廣播組設置文本

如果您希望將選項顯示在單選組而不是下拉列表中，則仍可以與上一教程中描述的交互進行類似的交互。 使用相同的“設置文本”操作，并將其添加到組中每個單選按鈕的Selected事件中。

---

關注慧聚IT微信公眾號???，了解產品的最新動態及最新資訊。