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

时间:2021-05-22

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

软件名称:
快速产品原型设计工具 Axure RP Pro v7.0.0.3174 汉化绿色版
软件大小:
8.97MB
更新时间:
2014-12-22立即下载

一、设置界面布局

在工作区添加元件:

矩形(最底层)

文本框(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编码,区别于 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');含义:返回查找的字符串第一次出现的位置,如果未找到则返回为-1

用途:验证字符串,或查找指定字符

函数:[[LVAR1.indexOf('A')]],[[LVAR1.indexOf('1')]],[[LVAR1.indexOf('5')]],[[LVAR1.indexOf('9')]]

函数:lastindexOf('string');含义:返回查找的字符串最后一次出现的位置,如果未找到则返回为-1

用途:验证字符串,或查找指定字符

函数:[[LVAR1.lastIndexOf('A')]],[[LVAR1.lastIndexOf('8')]]

F5预览,查看效果。

本次先说明此6个函数,下篇经验继续讲解剩余函数。

注意事项:

对于函数的使用,请多加联系,如果本章对您有用请投个票哦,谢谢!

相关推荐:

axure怎么绘制流程图中的箭头?

Axure设计的原型怎么一键生成网站结构图?

Axure8怎么设计点击按钮触发控件变化的交互效果?

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章