鍍金池/ 教程/ 產(chǎn)品經(jīng)理/ 設(shè)置文本下拉列表選擇教程
必填字段
條件、值和變量
拖拽地圖使用嵌套的動態(tài)面板和 OnDrag
滾動內(nèi)容
Swipping 幻燈片
制作用戶自定義的下拉菜單
圖像的拖拽交互
頁面操作
條件邏輯:賬戶登錄教程
折疊控制
圖片循環(huán)顯示
將文本傳遞給下一個頁面
設(shè)置文本下拉列表選擇教程
滑動菜單
建立交互
準(zhǔn)備開始
視頻與圖片的 Lightbox
觸發(fā)事件教程之上一頁/下一頁鏈接 master
Terms 和 Conditions
設(shè)計(jì)一個可以在 iPhone 或者 Android 上展示的原型
自動旋轉(zhuǎn)標(biāo)題
按鈕的交互
用戶自定義 Tooltip
下拉列表選擇
部件庫和 Masters
導(dǎo)航菜單
Repeater 小部件
從頭構(gòu)建一個電子商務(wù)網(wǎng)站
屏幕過渡動畫
嵌入視頻和地圖
在下一個頁面上設(shè)置面板教程
引入動態(tài)面板
自適應(yīng)視圖
顯示隱藏部件
Auto-Tab 字段
選項(xiàng)板部件

設(shè)置文本下拉列表選擇教程

下拉列表選擇插入文本

添加用例到 OnChange 事件

http://wiki.jikexueyuan.com/project/axure/images/advanced-set-widget-values-droplist-selection-tutorial1.png" alt="image" />

首先,打開SettingTextOnDroplistSelection.rp,打開“在下拉列表選擇設(shè)置文本”頁面。

在設(shè)計(jì)區(qū)域選擇下拉列表小部件并添加選擇改變時事件。這將打開編輯器對話框。

在下拉列表面板上設(shè)置文本

http://wiki.jikexueyuan.com/project/axure/images/advanced-set-widget-values-droplist-selection-tutorial2.png" alt="image" />

在用例編輯器中,選擇“設(shè)置文本”動作。選擇下拉列表面板復(fù)選框,然后單擊“fx”按鈕。這將打開文本編輯對話框。

為下拉列表選擇創(chuàng)建局部變量

http://wiki.jikexueyuan.com/project/axure/images/advanced-set-widget-values-droplist-selection-tutorial3.png" alt="image" />

我們想暫時存儲選擇了的下拉選項(xiàng)在一個局部變量。要做到這一點(diǎn),要在文本編輯對話框的底部。點(diǎn)擊“添加本地變量”,設(shè)置 LVAR1 為“選擇選項(xiàng)“值為下拉列表小部件。這將用戶選擇的下拉列表項(xiàng)存儲在本地變量 LVAR1 中。

插入本地變量值到文本

http://wiki.jikexueyuan.com/project/axure/images/advanced-set-widget-values-droplist-selection-tutorial4.png" alt="image" />

現(xiàn)在我們已經(jīng)創(chuàng)建了局部變量,我們可以將其插入到文本。文本”你選擇“已經(jīng)在編輯器中,所以我們將光標(biāo)放在文本的后面,并從右邊的插入變量或函數(shù)的下拉菜單中選擇 “LVAR1”。現(xiàn)在的文本為,”你選擇[[LVAR1]]”。在原型上,在文本中下拉列表選項(xiàng)將自動取代“[[LVAR1]]”。
單擊 OK,并關(guān)閉打開的對話框。

預(yù)覽原型

http://wiki.jikexueyuan.com/project/axure/images/advanced-set-widget-values-droplist-selection-tutorial5.png" alt="image" />

預(yù)覽您的原型和測試它吧。選擇下拉列表項(xiàng)將更新右邊的文本,以反映您的選擇。

總結(jié)

現(xiàn)在你可以切換高頻的文本使用下拉列表,選擇改變時事件,局部變量和設(shè)置文本的行動。繼續(xù)你的炫耀吧!
還有什么要幫助的嗎?查看論壇或?qū)懶沤o我們support@axure.com.