axure中怎么使用字符串函數?

對于初次使用axure,且沒有變成經驗的同學來說,函數是一個門檻。希望下面的示例對你有幫助。
一、設置界面布局
在工作區(qū)添加元件:
矩形(最底層)
文本框(strinput)
文本框(strout)
文本(標題)
按鈕(提交)
二、字符串函數演示及說明
函數:length;含義:返回字符串的長度
用途:多用于判斷字符串的長度,對比長度等
按照下圖示:
給“提交”按鈕添加交互用例“鼠標點擊時”,設置文本為值,并按照圖示設置局部變量,在插入函數中插入:[[LVAR1.length]],然后F5,預覽,并輸入測試字符,如下圖
函數:charAt(index);含義:返回index位置的字符,index為參數,index值范圍:0~(length-1);
用途:多用獲取字符串中指定位置的字符
按照第一步所示:添加局部變量,然后插入并編寫函數:[[LVAR1.charAt(0)]]-[[LVAR1.charAt(5)]]-[[LVAR1.charAt(LVAR1.length-1)]]
說明“-" 為連接符,不起任何意義。
按下F5預覽效果如下:
函數:charCodeAt(index);含義:返回index位置字符的Unicode編碼,index為參數,index值范圍:0~(length-1);
用途:多用獲取字符串中指定位置的字符的Unicode編碼,區(qū)別于 charAt(index)
先看預覽效果:1--》49 5 --》54 0--》48
設置變量,插入函數:[[LVAR1.charCodeAt(0)]]-[[LVAR1.charCodeAt(5)]]-[[LVAR1.charCodeAt(LVAR1.length-1)]]
函數:concat("string");含義:連接字符串,返回連接后的字符結果;
用途:多用于累加字符串
按照下圖插入函數:[[LVAR1.concat('測試字符串連接')]],并預覽。
函數:indexOf('string');含義:返回查找的字符串第一次出現(xiàn)的位置,如果未找到則返回為-1
用途:驗證字符串,或查找指定字符
函數:[[LVAR1.indexOf('A')]],[[LVAR1.indexOf('1')]],[[LVAR1.indexOf('5')]],[[LVAR1.indexOf('9')]]
函數:lastindexOf('string');含義:返回查找的字符串最后一次出現(xiàn)的位置,如果未找到則返回為-1
用途:驗證字符串,或查找指定字符
函數:[[LVAR1.lastIndexOf('A')]],[[LVAR1.lastIndexOf('8')]]
F5預覽,查看效果。
本次先說明此6個函數,下篇經驗繼續(xù)講解剩余函數。
注意事項:
對于函數的使用,請多加聯(lián)系,如果本章對您有用請投個票哦,謝謝!
相關推薦:
Axure8怎么設計點擊按鈕觸發(fā)控件變化的交互效果?
相關文章
- axure8中繼器怎么添加數據?axure8中經常制作網頁原型,該怎么給中繼器添加數據呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2016-11-26
Axure8怎么設計點擊按鈕觸發(fā)控件變化的交互效果?
Axure8怎么設計點擊按鈕觸發(fā)控件變化的交互效果?Axure8中想要制作一個網頁效果就是,點擊按鈕可以發(fā)生一些變化,該怎么設計呢?下面我們就來看看詳細的教程,需要的朋友可2016-11-25Axure怎么新建元件庫? Axure創(chuàng)建自己元件庫的教程
Axure怎么新建元件庫?Axure繪制網頁原型很簡單,繪制的時候需要很多原件,想創(chuàng)建自己的元件庫,該怎么創(chuàng)建呢?下面我們就來看看Axure創(chuàng)建自己元件庫的教程,需要的朋友可2016-11-18- Axure部件庫怎么導入下載的部件?經常使用axure繪制網頁原型,但是axure中自帶的部件款式不多,想導入自己下載的部件,該怎么導入呢?下面我們就來看看詳細的教程,需要的2016-11-18
axure拖動動態(tài)面板怎么設計? axure給動態(tài)面板添加拖動條的兩種方法
axure拖動動態(tài)面板怎么設計?axure設計動態(tài) 面板的時候,發(fā)現(xiàn)沒有拖動條,想添加,該怎么做呢?下面我們就來介紹axure給動態(tài)面板添加拖動條的兩種方法,需要的朋友可以參考2016-11-03- axure8怎么制作tab菜單選中的效果?axure8做原型的時候,想要讓玄真過得菜單高亮顯示,該怎么社會自呢?下面我們就來看看詳細的設置教程,需要的朋友可以參考下2016-11-02
- Axure7.0怎么制作折疊菜單原型?再設計網頁原型的時候,想設計一個折疊的菜單,該怎么設計呢?下面我們就來看看Axure7.0設計折疊菜單的教程,需要的朋友可以參考下2016-11-02
- axure怎么制作彈出框效果?想要給網頁實現(xiàn)一個彈出框的效果,該怎么設計這個原型呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2016-10-26
- axure RP7.0怎么制作60秒倒計時效果?我們經常使用axure設計網頁原型,該怎么使用axure制作網頁倒計時60秒的效果呢?請看下文詳細介紹,需要的朋友可以參考下2016-10-26
- 想設計一個網頁原型,該怎么設計呢?下面我們就來看看使用Axure設計圖片輪番播放效果的網頁原型的教程,很簡單,需要的朋友可以參考下2016-10-23