App Inventor學習記錄174-可以設定文字輸入盒輸入長度的外掛~TextBoxTools

之前在line上的 app inventor討論群組上,有在討論怎麼設定文字輸入盒輸入長度,讓它一開始就限制可以輸入的長度。這個功能我們可以用 textboxtools這個外掛來達成。

記錄一下:
App Inventor學習記錄174-可以設定文字輸入盒輸入長度的外掛~TextBoxTools


這次範例的完成品如下。

這裡用滑桿元件拉動來決定可以在文字輸入盒中輸入文字長度的字數。
最上方的標籤顯示多少,文字輸入盒最多就是可以輸入多少個字。


畫面編排的部份如下。

這次用到的元件就是標籤、滑桿、文字輸入盒元件,以及 textboxtools這一個外掛。


全部的程式碼就只有短短的一段。

when slider 1.position changed當滑桿的位置發生變化的時候。
label 1標籤 1的文字,設定成 get thumb position指針位置取得的數字值,再用 floor方塊無條件捨去到整數的數值。
舉個例子,由於 get thumb position指針位置取得的數值,通常都會有小數點,如 4.5872這樣。
經過 floor方塊之後,我們就會取得 4這個數值。

接著再把 textbox1文字輸入盒的文字設定為空白,這樣會方便我們下一次輸入文字使用。

call textboxtools.set max length,呼叫外掛設定文字輸入盒長度的程式。
textbox參數,放要設定的文字輸入盒的元件。
max length參數,放最大可以輸入字元的數字,這裡放的就是標籤 1的文字。


在用這個外掛之後,我想來是想用 when textbox 1.lost focus的事件加上訊息框來做,但是效果沒有用這一個外掛來的好。所以之後有用到要限制文字輸入盒文字輸入長度的時候,我都是用這個外掛做。

這次的 aia檔的下載連結如下:
NO_174_Textbox_length.aia

APP INVENTOR外掛
名稱:TextBoxTools
外掛來源:community.appinventor.mit.edu
外掛載點:
https://community.appinventor.mit.edu/t/all-extensions-from-appybuilder-community/27169/108

參考書籍請見博客來書籍介紹頁面:
手機應用程式設計超簡單 App Inventor 2零基礎入門班
TQC+ 創意App程式設計認證指南
TQC+創意App程式設計認證指南解題秘笈
手機應用程式設計超簡單:App Inventor 2初學特訓班
手機應用程式設計超簡單:App Inventor 2小專題特訓班
手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班

之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面

發表迴響