axure中怎么使用字符串函數(shù)?
我要評論對于初次使用axure，且沒有變成經(jīng)驗(yàn)的同學(xué)來說，函數(shù)是一個(gè)門檻。希望下面的示例對你有幫助。
快速產(chǎn)品原型設(shè)計(jì)工具 Axure RP Pro v7.0.0.3174 漢化綠色版
- 類型：應(yīng)用其它
- 大?。?/span>8.97MB
- 語言：簡體中文
- 時(shí)間：2014-12-22
一、設(shè)置界面布局
在工作區(qū)添加元件：
矩形（最底層）
文本框（strinput）
文本框（strout）
文本（標(biāo)題）
按鈕（提交）
二、字符串函數(shù)演示及說明
函數(shù)：length；含義：返回字符串的長度
用途：多用于判斷字符串的長度，對比長度等
按照下圖示：
給“提交”按鈕添加交互用例“鼠標(biāo)點(diǎn)擊時(shí)”，設(shè)置文本為值，并按照圖示設(shè)置局部變量，在插入函數(shù)中插入：[[LVAR1.length]]，然后F5,預(yù)覽，并輸入測試字符，如下圖
函數(shù)：charAt(index)；含義：返回index位置的字符，index為參數(shù)，index值范圍：0~(length-1);
用途：多用獲取字符串中指定位置的字符
按照第一步所示：添加局部變量，然后插入并編寫函數(shù)：[[LVAR1.charAt(0)]]-[[LVAR1.charAt(5)]]-[[LVAR1.charAt(LVAR1.length-1)]]
說明“-" 為連接符，不起任何意義。
按下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('測試字符串連接')]]，并預(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ù)覽，查看效果。
本次先說明此6個(gè)函數(shù)，下篇經(jīng)驗(yàn)繼續(xù)講解剩余函數(shù)。
注意事項(xiàng)：
對于函數(shù)的使用，請多加聯(lián)系，如果本章對您有用請投個(gè)票哦，謝謝！
相關(guān)推薦：
Axure設(shè)計(jì)的原型怎么一鍵生成網(wǎng)站結(jié)構(gòu)圖?
Axure8怎么設(shè)計(jì)點(diǎn)擊按鈕觸發(fā)控件變化的交互效果?
相關(guān)文章
axure8中繼器怎么添加數(shù)據(jù)？axure8中經(jīng)常制作網(wǎng)頁原型，該怎么給中繼器添加數(shù)據(jù)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2016-11-26
Axure8怎么設(shè)計(jì)點(diǎn)擊按鈕觸發(fā)控件變化的交互效果?
Axure8怎么設(shè)計(jì)點(diǎn)擊按鈕觸發(fā)控件變化的交互效果？Axure8中想要制作一個(gè)網(wǎng)頁效果就是，點(diǎn)擊按鈕可以發(fā)生一些變化，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可2016-11-25Axure怎么新建元件庫? Axure創(chuàng)建自己元件庫的教程
Axure怎么新建元件庫？Axure繪制網(wǎng)頁原型很簡單，繪制的時(shí)候需要很多原件，想創(chuàng)建自己的元件庫，該怎么創(chuàng)建呢？下面我們就來看看Axure創(chuàng)建自己元件庫的教程，需要的朋友可2016-11-18- Axure部件庫怎么導(dǎo)入下載的部件？經(jīng)常使用axure繪制網(wǎng)頁原型，但是axure中自帶的部件款式不多，想導(dǎo)入自己下載的部件，該怎么導(dǎo)入呢？下面我們就來看看詳細(xì)的教程，需要的2016-11-18
axure拖動(dòng)動(dòng)態(tài)面板怎么設(shè)計(jì)? axure給動(dòng)態(tài)面板添加拖動(dòng)條的兩種方法
axure拖動(dòng)動(dòng)態(tài)面板怎么設(shè)計(jì)？axure設(shè)計(jì)動(dòng)態(tài) 面板的時(shí)候，發(fā)現(xiàn)沒有拖動(dòng)條，想添加，該怎么做呢？下面我們就來介紹axure給動(dòng)態(tài)面板添加拖動(dòng)條的兩種方法，需要的朋友可以參考2016-11-03- axure8怎么制作tab菜單選中的效果？axure8做原型的時(shí)候，想要讓玄真過得菜單高亮顯示，該怎么社會自呢？下面我們就來看看詳細(xì)的設(shè)置教程，需要的朋友可以參考下2016-11-02
- Axure7.0怎么制作折疊菜單原型？再設(shè)計(jì)網(wǎng)頁原型的時(shí)候，想設(shè)計(jì)一個(gè)折疊的菜單，該怎么設(shè)計(jì)呢？下面我們就來看看Axure7.0設(shè)計(jì)折疊菜單的教程，需要的朋友可以參考下2016-11-02
- axure怎么制作彈出框效果？想要給網(wǎng)頁實(shí)現(xiàn)一個(gè)彈出框的效果，該怎么設(shè)計(jì)這個(gè)原型呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2016-10-26
axure RP7.0怎么制作60秒倒計(jì)時(shí)效果?
axure RP7.0怎么制作60秒倒計(jì)時(shí)效果？我們經(jīng)常使用axure設(shè)計(jì)網(wǎng)頁原型，該怎么使用axure制作網(wǎng)頁倒計(jì)時(shí)60秒的效果呢？請看下文詳細(xì)介紹，需要的朋友可以參考下2016-10-26Axure設(shè)計(jì)圖片輪番播放效果的網(wǎng)頁原型的教程
想設(shè)計(jì)一個(gè)網(wǎng)頁原型，該怎么設(shè)計(jì)呢？下面我們就來看看使用Axure設(shè)計(jì)圖片輪番播放效果的網(wǎng)頁原型的教程，很簡單，需要的朋友可以參考下2016-10-23
