App Inventor學習記錄211-抓出文章中指定字出現的次數,同時以紅色顯示

這是一個小功能,我們可以利用 split方塊來做。

記錄一下。
App Inventor學習記錄211-抓出文章中指定字出現的次數,同時以紅色顯示

這次範例的完成效果如下。

在對話框中,輸入我們要查的文字之後,就會把文章中,所有指定字都變成紅字加粗體。同時計算特殊字串出現的次數有幾次。


畫面配置的部份就是文字輸入盒加上標籤按鈕的組合,這部份請大家直接參考 aia檔,這裡就不特別說明。我們直接進入到程式方塊的部份。

全文這個變數,放的是劉禹錫的陋室銘。

when screen1.initialize,當螢幕初始化的時候,把 label 3.text標籤 3的文字,設定成陋室銘。


當按鈕按下的時候,我們加入 if判斷式。
先判斷 textbox1.text文字輸入盒的文字如果不是等於空白,才進行下面的程式方塊。

拉出區域變數方塊。
加入暫存清單變數,預設值是空清單,這個變數等一下是要用來計算指定字串出現的次數用的。

split文字方塊,把陋室銘的全部文字,在 textbox1.text我們輸入的字串中分割一下。這裡產生的結果會是一個清單,所以我們就把變數_暫存清單的值,設定成分割後的清單值。

把 label2.text標籤 2的文字給組合一下。
這裡要注意的地方是,文字出現的次數是清單長度減 1。這是因為我們是用 split方塊去分割文字的結果。
請參考一下標籤 6的顯示結果,就知道為什麼後。
或者也可以參一下,之前的這一篇。
App inventor零基礎系列 009 文字方塊,split、start at、segment、contain等方塊用法

然後再用 replace方塊,把指定字串文字的前後,加上 html代碼。把它們變紅變粗體。



補充一下。
要在標籤上使用 html代碼的話,要記得勾選標籤下的 HTML Format的屬性


這次的範例,算是下面這一篇的延伸應用。請大家參考一下。
App inventor零基礎系列 009 文字方塊,split、start at、segment、contain等方塊用法

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

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

發表迴響