這個 app已經有上架 google play,這次會把每個過程給記錄一下。範例檔案中會把我女兒吵死人的聲音給移除,其它的部份會提供給大家參考。
記錄一下:
App Inventor學習記錄207(1)-吵死人之後三碼統一發票對獎製作記錄(1)
這系列的最後完成品可以在 google play上看到,連結如下。

點我前往:google play吵死人之統一發票後三碼對獎機連結(2025.11.19已下架)
這一篇的完成品如下。

啥,差很多。對,因為這是第一篇。
這一篇主要是要用我們上一篇拆解 xml資料介紹的方法,把我們要的對獎號碼先全部抓出來。
全部的程式碼如下。
-%E5%90%B5%E6%AD%BB%E4%BA%BA%E4%B9%8B%E5%BE%8C%E4%B8%89%E7%A2%BC%E7%B5%B1%E4%B8%80%E7%99%BC%E7%A5%A8%E5%B0%8D%E7%8D%8E%E8%A3%BD%E4%BD%9C%E8%A8%98%E9%8C%84(1)2.png)
首先,我先建了很多的變數。
-%E5%90%B5%E6%AD%BB%E4%BA%BA%E4%B9%8B%E5%BE%8C%E4%B8%89%E7%A2%BC%E7%B5%B1%E4%B8%80%E7%99%BC%E7%A5%A8%E5%B0%8D%E7%8D%8E%E8%A3%BD%E4%BD%9C%E8%A8%98%E9%8C%84(1)3.png)
相關變數的用途,大家可以參考一下上一篇,有做了一些小修改,但差不大。
要抓資料當然要用網路元件。
-%E5%90%B5%E6%AD%BB%E4%BA%BA%E4%B9%8B%E5%BE%8C%E4%B8%89%E7%A2%BC%E7%B5%B1%E4%B8%80%E7%99%BC%E7%A5%A8%E5%B0%8D%E7%8D%8E%E8%A3%BD%E4%BD%9C%E8%A8%98%E9%8C%84(1)5.png)
這裡讓程式一打開,就去我們設定好的網址抓資料。
抓到資料之後,要做一連串的判斷。
-%E5%90%B5%E6%AD%BB%E4%BA%BA%E4%B9%8B%E5%BE%8C%E4%B8%89%E7%A2%BC%E7%B5%B1%E4%B8%80%E7%99%BC%E7%A5%A8%E5%B0%8D%E7%8D%8E%E8%A3%BD%E4%BD%9C%E8%A8%98%E9%8C%84(1)6.png)
response code的值是 200的話,代表網路連線正常,就執行下面的程式,不然就跳出訊息提示框,標註”網路連異常,請稍候“的說明。
前一篇中,已經有逐步拆過 xml,所以這一次直接把變數_拆解到 item的清單,用好幾個 look up in pairs的清單方塊組合處理一下,直接抓到 item項次的部份。
再用 for each item in list方塊,把清單_拆解到 item的清單中,每一個項次中的 title跟 description的值,分別逐一加到清單_那一期跟清單_每一期的對獎清單中。
因為等一下要用 sipinner下拉式選單的關係,所以用 insert list item清單方塊,把”請選擇“插入到清單_那一期的第一項裡頭。插入後清單_那一期跟清單_每一期的對獎清單的對應的值就差了一個號碼,這個部份等一下在抓資料的時候要小心。
下拉式選擇選擇之後。就讓標籤顯示我們需求的資料。
-%E5%90%B5%E6%AD%BB%E4%BA%BA%E4%B9%8B%E5%BE%8C%E4%B8%89%E7%A2%BC%E7%B5%B1%E4%B8%80%E7%99%BC%E7%A5%A8%E5%B0%8D%E7%8D%8E%E8%A3%BD%E4%BD%9C%E8%A8%98%E9%8C%84(1)7.png)
前半部份抓特別獎、特獎、增開六獎的方法跟上一篇是相同的。
但是抓頭獎的部份做了改變,用上面的方塊取頭獎的時候,會取出像 09098891、08000920、75339671這樣的數字。這裡我們可以看到每一個 8位數的數字中的間隔都是 “、“這個符號。所以我們就可以利用文字方塊中的 split text方塊,參數 at中填入 “、“,把字串改成清單,像 [“09098891″,”08000920″,”75339671”]這樣。
改成清單之後,我們就可以用清單方塊 select list item方塊,抓出每一個頭獎的號碼。
最後,再來就是把抓到的值顯示在標籤上就可以了。
除了這一次做的後三碼對獎之外,其實我本來比較想做的是用 QR code掃描。但是怎麼試都做不出想要的做效果。首先找不到自訂掃 QR code視窗的方法,接著掃統一發票左邊那一邊後取得的號碼,還找不到列出找買清單的方法。
總之,因為種種的關係,後三碼統一發票對獎機是一個過渡期產物。但單純的對號碼我就覺得太單調的。所以就請出我專用的金牌配音員廖阿花小女孩,幫我列出的台詞配音。
以上就是這一次的吵死人之後三碼統一發票對獎 app的整個製作的相法。
這一篇是第一部份。
之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面
Pingback: App Inventor學習記錄207(2)-吵死人之後三碼統一發票對獎製作記錄(2) - 猴嗯架按呢E