App Inventor學習記錄207(4)-吵死人之後三碼統一發票對獎製作記錄(4)

第 4部份,要處理按鈕按下之後,會把文字顯示出來。等輸入了 3個數字之後,會啟動判斷有沒有中獎的程式。
記錄一下:
App Inventor學習記錄207(4)-吵死人之後三碼統一發票對獎製作記錄(4)

這系列的最後完成品可以在 google play上看到,連結如下。

點我前往:google play吵死人之統一發票後三碼對獎機連結


吵死人之後三碼統一發票對獎 app實際執行影片如下。


這次範例完成品如下。

當輸入第 3個號碼之後,就會啟動判斷的程式。判斷有沒有中獎。
同時會播放聲音。
不過 aia檔中,是沒有 mp3檔的。

畫面編排的部份沒有做調整,這裡就不截圖了。


程式碼的部份,建立判斷有沒有中獎程式,新增加入數字參數。

這裡要分成三個部份看,首先是變數_輸入的對獎文字長度小於 3的時候。
用文字方塊把原本的數字加上新增的數字。
舉例:
原本的數字是 1,我們按下 2之後,變數_輸入的對獎文字變成 12。

變數_輸入的對獎文字長度大於 3的時候。
先把變數_輸入的對獎文字的值變成空白,然後再把我們按下按鈕的數字加進來。
舉例:
原本的文字是”458~沒中哦”,它的長度是 7,大於 3。然後我們按下 1這個按鈕。
程式就會先把變數_輸入的對獎文字的值變成空白,然後再把 1加到變數_輸入的對獎文字中。
所以我們的變數_輸入的對獎文字的值就是 1。

接著就是變數_輸入的對獎文字長度等於 3的時候。
is in list?的清單方塊來判斷變滿_輸入的對獎文字,有沒有在清單_未三碼對獎清單中。
有的話,就恭禧,沒有的話,就出現沒中。


按下按鈕的時候。

呼叫判斷有沒有中獎程式執行,加入數字參數就帶入按鈕代表的數字。
呼叫音效元件播放。


另外,這在對獎的頁面,做了這個修改。

在同一個標籤元件中,用紅字的字體把未三碼給標示出來。
這個會看的比較清楚些。


這個做法有點麻煩,但是用在這裡也蠻有必要的。

我印象中有在某一篇中,介紹過這個用法,但是找不到。
這裡再補充說明一次。

標籤元件,可以套用部份的 html的標籤,傳用的方法如上。
但是使用前,記得要回到畫面編排下,勾選標籤屬性中的 html format。這個屬性在程式方塊的地方沒有列出來。要勾選 html format的標籤才可以套用 html的標籤。

好的,全部的程式方塊都簡單說明過了,建議大家試著做一次,就會用的越來越熟。
但如果不想要重新拉程式方塊,或要需要範例 aia檔的話,請前往第 2頁哦!

發表迴響