我们在使用英文时,经常需要在网上搜索英文大小写转换的工具,便于快速将英文大小写转换。在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制作英文字母大小写转换器的教程 ,希望大家喜欢,请继续关注武林网。
相关推荐:
新闻热点
疑难解答
图片精选