图形图像

关注公众号 jb51net

关闭
软件教程 > 图形图像 >

Axure怎么制作英文字母大小写转换器?

bd_373311019

我们在使用英文时,经常需要在网上搜索英文大小写转换的工具,便于快速将英文大小写转换。在Axure中也能简单的实现这个效果,我们可以自己制作一个英文字母大小写转换器,该怎么实现呢?下面我们就来看看详细的教程。

1、打开Axure,准备英文字母大小写转换工具框架,一个【三级标题】元件、一个【多行文本框】、两个【主要按钮】。如图

2、将【多行文本框】命名为wenben,然后选择全部大写按钮的【鼠标单击时】事件;如图

3、设置全部大写按钮的【鼠标单击时】事件为:设置文本【wenben】的值为【[[LVAR1.toUpperCase()]]】,其中LUAR1为文本的局部变量取值。如图

4、选择全部小写按钮的【鼠标单击时】事件;如图

5、设置全部小写按钮的【鼠标单击时】事件为:设置文本【wenben】的值为【[[LVAR1.toLowerCase()]]】,其中LUAR1为文本的局部变量取值。如图

6、完成设置后,预览结果,实现了英文字母大小写。如图

总结:

1.打开Axure,准备英文字母大小写转换工具框架;

2.将【多行文本框】命名为wenben,然后选择【全部大写】按钮的【鼠标单击时】事件;

3.设置全部大写按钮的【鼠标单击时】事件为:设置文本【wenben】的值为【[[LVAR1.oUpperCase()]]】,其中LUAR1为文本的局部变量取值;

4.选择【全部小写】按钮的【鼠标单击时】事件;

5.设置全部小写按钮的【鼠标单击时】事件为:设置文本【wenben】的值为【[[LVAR1.toLowerCase()]]】,其中LUAR1为文本的局部变量取值;

6.完成设置

以上就是Axure制作英文字母大小写转换器的教程 ,希望大家喜欢,请继续关注脚本之家。

相关推荐:

axure9怎么设置文本框提示文字?

Axure rp中自适应视图怎么设置和使用?

axure怎么制作各个页面之间自由切换效果?