原型設(shè)計(jì)工具Axure RP入門(mén)教程（五）：使用Droplist教程設(shè)置文本

---

Axure RP是一套專(zhuān)門(mén)為網(wǎng)站或應(yīng)用程序所設(shè)計(jì)的快速原型設(shè)計(jì)工具， 可以讓?xiě)?yīng)用網(wǎng)站策劃人員或網(wǎng)站功能界面設(shè)計(jì)師更加快速方便的建立Web AP和Website的線(xiàn)框圖、流程圖、原型和規(guī)格。

免費(fèi)下載Axure RP 優(yōu)惠購(gòu)買(mǎi)Axure RP

---

在本教程中，您將學(xué)習(xí)如何基于在下拉列表小部件中所做的選擇來(lái)動(dòng)態(tài)設(shè)置小部件上的文本。

小部件設(shè)置

打開(kāi)一個(gè)新的RP文件，然后在畫(huà)布上打開(kāi)Page 1。

將一個(gè)矩形小部件和一個(gè)下拉列表小部件從“ 庫(kù)”窗格拖到畫(huà)布上。

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

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

red
orange
yellow
green
blue
purple

單擊OK關(guān)閉Edit Many（編輯很多）窗口，然后再次單擊OK關(guān)閉Edit Droplist（編輯下拉列表）對(duì)話(huà)框。

當(dāng)下拉列表的選擇更改時(shí)更改矩形窗口小部件的文本

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

預(yù)覽互動(dòng)

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

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

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

---

關(guān)注慧聚IT微信公眾號(hào)???，了解產(chǎn)品的最新動(dòng)態(tài)及最新資訊。