對(duì)于初次使用axure,且沒(méi)有變成經(jīng)驗(yàn)的同學(xué)來(lái)說(shuō),函數(shù)是一個(gè)門檻。希望下面的示例對(duì)你有幫助。
一、設(shè)置界面布局
在工作區(qū)添加元件:
矩形(最底層)
文本框(strinput)
文本框(strout)
文本(標(biāo)題)
按鈕(提交)
二、字符串函數(shù)演示及說(shuō)明
函數(shù):length;含義:返回字符串的長(zhǎng)度
用途:多用于判斷字符串的長(zhǎng)度,對(duì)比長(zhǎng)度等
按照下圖示:
給“提交”按鈕添加交互用例“鼠標(biāo)點(diǎn)擊時(shí)”,設(shè)置文本為值,并按照?qǐng)D示設(shè)置局部變量,在插入函數(shù)中插入:[[LVAR1.length]],然后F5,預(yù)覽,并輸入測(cè)試字符,如下圖
函數(shù):charAt(index);含義:返回index位置的字符,index為參數(shù),index值范圍:0~(length-1);
用途:多用獲取字符串中指定位置的字符
按照第一步所示:添加局部變量,然后插入并編寫(xiě)函數(shù):[[LVAR1.charAt(0)]]-[[LVAR1.charAt(5)]]-[[LVAR1.charAt(LVAR1.length-1)]]
說(shuō)明“-" 為連接符,不起任何意義。
按下F5預(yù)覽效果如下:
函數(shù):charCodeAt(index);含義:返回index位置字符的Unicode編碼,index為參數(shù),index值范圍:0~(length-1);
用途:多用獲取字符串中指定位置的字符的Unicode編碼,區(qū)別于 charAt(index)
先看預(yù)覽效果:1--》49 5 --》54 0--》48
設(shè)置變量,插入函數(shù):[[LVAR1.charCodeAt(0)]]-[[LVAR1.charCodeAt(5)]]-[[LVAR1.charCodeAt(LVAR1.length-1)]]
函數(shù):concat("string");含義:連接字符串,返回連接后的字符結(jié)果;
用途:多用于累加字符串
按照下圖插入函數(shù):[[LVAR1.concat('測(cè)試字符串連接')]],并預(yù)覽。
函數(shù):indexOf('string');含義:返回查找的字符串第一次出現(xiàn)的位置,如果未找到則返回為-1
用途:驗(yàn)證字符串,或查找指定字符
函數(shù):[[LVAR1.indexOf('A')]],[[LVAR1.indexOf('1')]],[[LVAR1.indexOf('5')]],[[LVAR1.indexOf('9')]]
函數(shù):lastindexOf('string');含義:返回查找的字符串最后一次出現(xiàn)的位置,如果未找到則返回為-1
用途:驗(yàn)證字符串,或查找指定字符
函數(shù):[[LVAR1.lastIndexOf('A')]],[[LVAR1.lastIndexOf('8')]]
F5預(yù)覽,查看效果。
本次先說(shuō)明此6個(gè)函數(shù),下篇經(jīng)驗(yàn)繼續(xù)講解剩余函數(shù)。
注意事項(xiàng):
對(duì)于函數(shù)的使用,請(qǐng)多加聯(lián)系,如果本章對(duì)您有用請(qǐng)投個(gè)票哦,謝謝!
相關(guān)推薦:
axure怎么繪制流程圖中的箭頭?
Axure設(shè)計(jì)的原型怎么一鍵生成網(wǎng)站結(jié)構(gòu)圖?
Axure8怎么設(shè)計(jì)點(diǎn)擊按鈕觸發(fā)控件變化的交互效果?
新聞熱點(diǎn)
疑難解答
圖片精選