axure教程字符串函数的使用说明

2025-04-11 04:34:10

对于初次使用axure,且没有变成经验的同学来说,函数是一个门槛。希望下面的示例对你有帮助。

axure教程字符串函数的使用说明

工具/原料

axure8 beta版

设置界面布局

1、在工作区添加元件:矩形(最底层)文本框(strinput)文本框(strout)文本(标题)按钮(提交)

axure教程字符串函数的使用说明

字符串函数演示及说明

1、函数:length;含义:返回字符串的长度用途:多用于判断字符串的长度,对比长度等按照下图示:给“提交”按钮添加交互用例“鼠标点击时”,设置文本为值,并按照图示设置局部变量,在插入函数中插入:[[LVAR1.length]]然后F5,预览,并输入测试字符,如下图

axure教程字符串函数的使用说明
axure教程字符串函数的使用说明
axure教程字符串函数的使用说明

2、函数:charAt(inde垓矗梅吒x);含义:返回index位置的字符,index为参数,index值范围:0~(length-1);用途:多用获取字符怩髡肥眙串中指定位置的字符按照第一步所示:添加局部变量,然后插入并编写函数:[[LVAR1.charAt(0)]]-[[LVAR1.charAt(5)]]-[[LVAR1.charAt(LVAR1.length-1)]]说明“-" 为连接符,不起任何意义。按下F5预览效果如下:

axure教程字符串函数的使用说明
axure教程字符串函数的使用说明

3、函数:charCodeAt(坡纠课柩index);含义:返回index位置字符的Unicode编码,index为参数,ind髫潋啜缅ex值范围:0~(length-1);用途:多用获取字符串中指定位置的字符的Unicode编码,区别于 charAt(index)先看预览效果:1--》49 5 --》54 0--》48设置变量,插入函数:[[LVAR1.charCodeAt(0)]]-[[LVAR1.charCodeAt(5)]]-[[LVAR1.charCodeAt(LVAR1.length-1)]]

axure教程字符串函数的使用说明
axure教程字符串函数的使用说明

4、函数:concat("string");含义:连接字符串,返回连接后的字符结果;用途:多用于累加字符串按照下图插入函数:[[LVAR1.concat('测试字符串连接')]],并预览。

axure教程字符串函数的使用说明
axure教程字符串函数的使用说明

5、函数:indexOf('string');含义:返回查找的字符串第一次出现的位置,如果未找到则返回为-1用途:验证字符串,或查找指定字符函数:[[LVAR1.indexOf('A')]],[[LVAR1.indexOf('1')]],[[LVAR1.indexOf('5')]],[[LVAR1.indexOf('9')]]

axure教程字符串函数的使用说明
axure教程字符串函数的使用说明

6、函数:lastindexOf('string');含义:返回查找的字符串最后一次出现的位置,如果未找到则返回为-1用途:验证字符串,或查找指定字符函数:[[LVAR1.lastIndexOf('A')]],[[LVAR1.lastIndexOf('8')]]F5预览,查看效果。本次先说明此6个函数,下篇经验继续讲解剩余函数。

axure教程字符串函数的使用说明
axure教程字符串函数的使用说明
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢