Axure怎么制作英文字母大小寫轉換器?

百度經驗   發布時間:2019-10-23 11:41:53   作者:bd_373311019   我要評論
Axure怎么制作英文字母大小寫轉換器?經常能遇到需要將大寫字母轉換成小寫字母的問題,這時候,我們就可以使用axure制作一個英文字母轉換器,下面我們就來看看詳細的教程,需要的朋友可以參考下

我們在使用英文時,經常需要在網上搜索英文大小寫轉換的工具,便于快速將英文大小寫轉換。在Axure中也能簡單的實現這個效果,我們可以自己制作一個英文字母大小寫轉換器,該怎么實現呢?下面我們就來看看詳細的教程。

軟件名稱:
Axure RP v8.1.0.3382 Enterprise 中文特別版(附注冊機+漢化包+安裝教程)
軟件大小:
83.2MB
更新時間:
2019-04-26

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怎么制作各個頁面之間自由切換效果?

相關文章

  • Axure怎么制作簡易的賬戶密碼的登錄頁面?

    Axure怎么制作簡易的賬戶密碼的登錄頁面?Axure中想要設計一個登錄頁面,該怎么制作有賬戶和密碼的燈籠頁面呢?下面我們就來看看詳細的教程,需要的朋友可以參考下
    2019-03-13
  • Axure怎么制作一個水平拖動的效果?

    Axure怎么制作一個水平拖動的效果?Axure制作網頁原型很簡單,想要制作一個水平拖動的效果,該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下
    2019-03-13
  • Axure怎么制作動態的云層?

    Axure怎么制作動態的云層?Axure中想要制作一個動態的云層,該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下
    2019-03-13
  • Axure內聯框架怎么加載網絡地圖?

    Axure內聯框架怎么加載網絡地圖?Axure中想要制作一個網頁可以加載地圖的效果,該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下
    2019-03-12
  • Axure怎么制作發光的關機按鈕?

    Axure怎么制作發光的關機按鈕?Axure制作網頁原型的時候,想要制作一個發光的按鈕,該怎么給按鈕添加光暈效果呢?下面我們就來看看詳細的教程,需要的朋友可以參考下
    2019-03-10
  • axure怎么使用樹工具創建菜單?

    axure怎么使用樹工具創建菜單?axure中想要創建一個樹狀菜單,該怎么創建呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下
    2019-02-28
  • axure文本段落怎么設置填充屬性?

    axure文本段落怎么設置填充屬性?axure中輸入的文本段落想要設置填充屬性,該怎么設置呢?下面我們就來看看詳細的設置教程,需要的朋友可以參考下
    2019-02-27
  • axure怎么添加滾動條? axure水平垂直滾動條的設置方法

    axure怎么添加滾動條?axure輸入的文本很長,想要添加滾動條,該怎么添加呢?下面我們就來看看axure水平垂直滾動條的設置方法,需要的朋友可以參考下
    2019-02-27
  • Axure文字怎么設置間距? Axure段落間距的調整方法

    Axure文字怎么設置間距?Axure中輸入的多行文字想要調整段落間距,該怎么調整呢?下面我們就來看看Axure段落間距的調整方法,需要的朋友可以參考下
    2019-02-24
  • axure怎么導出流程圖? axure流程圖導出方法

    axure怎么導出流程圖?axure中繪制的流程圖想要導出,該怎么導出流程圖呢?下面我們就來看看axure流程圖導出方法,需要的朋友可以參考下
    2019-02-22

最新評論

2019开奖结果