我們在使用英文時，經常需要在網上搜索英文大小寫轉換的工具，便于快速將英文大小寫轉換。在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怎么制作各個頁面之間自由切換效果?