Axure 變量傳值實現交互效果

做賦值的載體

1 在“輸入信息”輸入框內輸入信息(eg:今天是:),點擊按鈕,則在下方“輸出信息”框內顯示輸入框中的內容(eg:今天是:),並附加更多額外信息(eg:日期)

value0

在輸出信息中顯示 “輸入信息”+“日期”(等更多變量值)

Set text to 選擇“rich text:”

value1

“[[OnLoadVariable]][[Now.getFullYear()]]/[[Now.getMonth()]]/[[Now.getDate()]]”

value2

2 在“輸入卡號”輸入框內輸入信息(eg:0123456789),下方“動態顯示卡號”框內動態顯示輸入信息,並每隔一定的字節數插入空格,放大展示

value3

爲“輸入卡號”輸入框添加“OnKeyUp”事件,設置“顯示卡號”框內的動態信息:

  • 設置顯示文本信息類型爲“rich text”,編輯“rich text”內容

  • 添加局部變量“LVAR1”,值爲控件“輸入卡號”框內輸入的信息

  • 插入“顯示卡號”的動態信息函數:
    [[LVAR1.substring(0,2)]] [[LVAR1.substring(2,6)]] [[LVAR1.substring(6,10)]]

value4

value5

3 做數量加減操作,初始值爲1,點擊“+”,數值響應加1,數值大於1時,出現“-”按鈕,點擊“-”,數值響應減,數值等於1時,隱藏“-”按鈕

value6

  • 添加“-”按鈕的動態面板,默認隱藏

  • 爲“+”按鈕添加響應事件,“設置減法的動態面板的狀態爲顯示,添加局部變量,編寫加法函數爲數量控件賦值”

  • 爲“-”按鈕添加響應事件,“添加減法函數,並且判斷當數量值爲1時,隱藏減法動態面板”

value7

value8

備註:右鍵點擊case,設置“toggle if/else if”,切換關聯模式。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章