水泥攪拌桶容積計算器這個是一個工作上會用到的東西,用的不多。但有的時候出門在外就會遇到得計算的情形,乾脆就做了個計算器來用。
記錄一下:
App Inventor學習記錄111-水泥攪拌桶容積計算器
水泥攪拌桶容積計算機執行的畫面及畫面編排如下:
1個圖片元件,接下來就是很多標籤和文字輸入盒的組合。
還有幾個按鈕元件,個別的功能都顯示在上圖中。
微型資料庫元件,用來儲存資料。
計時器和 EnhanceConnector元件,是用來投放 admob廣告用的。
對話框元件用來跳出提示訊息。
清單顯示器元件,用來顯示儲存的值。
這個是清單顯示器的顯示效果,用來儲存及顯示水泥桶的型號用的。
全部的程式碼如下。
螢幕初始化的程式說明。
螢幕一開始運行的時候,分別讀取微型資料庫中,全部資料及水泥桶型號這兩個標籤下的資料,再代入變數_全部的記錄資料,及變數_水泥桶型號中。這裡因為要用清單顯示器來顯示儲存的結果,所以在無標籤時之回傳值,都設定成建立空清單。
把清單顯示器 1.元素,設定為變數_水泥桶型號這個清單。
EnhanceConnector這個部份,就是放 admob廣告的寫法。
這部份請大家參考一下之前的介紹:
App Inventor學習記錄97-怎麼用enhance在 app inventor上,加上admob廣告
當計算按鈕被點擊的時候。
先判斷一下,文字輸入盒有沒有是空白的,如果有的話,就跳對話框提示有資料沒有填。
如果該填的資料都有填了,則開始計算。
計算公式及相關的數據,是根據下面這一個 excel文件來的。
混凝土攪拌車容積計算程式.xls
當初在理解的時候,花了挺久的時間,但最後發現就是根據幾何形狀來計算出體積的部份。這部份很長一串,有興趣的朋友可以下載上面的 excel檔來參考一下。
幾何形狀的體積計算,可以參考下面網站
網站名稱 :keisan.casio.com
網站語系 :英文
網站連結 :https://keisan.casio.com/menu/system/000000000250
按下儲存按鈕的話。
先判斷有沒有計算出來的結果。
如果沒有,則跳出無可儲存的資料。這裡用錯了方塊,應該用顯示訊息對話框比較適合。
如果有,則跳出顯示文字對話框。
顯示文字對話框和顯示訊息對話框的差別在於,顯示文字對話框,會在跳出的對話框中,多出了一個文字輸入盒來。這裡使用這個功能,用來輸入水泥桶的型號用。
當對話框 1.輸入完成。
就把對應的文字輸入盒的文字,加入到變數_單筆資料中。
然後再把變數_單筆資料這個清單,加到變數_全部記錄資料這個清單中。也就是說,變數_全部記錄資料這個清單下面又套了清單。其實它就是一個表格的意思。
再來把回應,加到變數_水泥桶型號這個清單中。這裡的回應,就是在文字對話框中,輸入的文字。
呼叫微型資料庫.儲存數值,把變數_全部記錄資料的值,儲存在全部資料這個標籤下。把變數_水泥桶型號的值,儲存在水泥桶型號這個標籤下。
把變數_單筆資料的值,設定為建立空清單。就是清空資料的意思。
把清單顯示器 1.元素,設定成變數_水泥桶型號這個清單。
當顯示這個按鈕被按下的時候。
這裡會利用變數_清單顯示的值,來調整相關元件的可見性。
這個方式我用的挺多的,在之前的文章中也介過挺多次,這裡就不再多說明。
當清除按鈕被按下的時候。
這個最好寫,就是把相關的文字輸入盒和標籤的文字都設定成空白就可以了。
當清單顯示器選擇完成。
這裡讓它跳出一個顯示選擇對話框。
在訊息的部份,如果要換行的話,要用的是 <br>的字串,而不是 \n。
另外,這個對話框會有兩個按鈕,分別是 1.顯示詳細數據、2.刪除項目。
顯示詳細數據,就是把之前存檔的資料,顯示在相對應的位置上。
刪除項目,就是把清單顯示器上的選中項給刪除,也連代刪除資料庫中的該項記錄資料。
在對話框 1.選擇完成。
利用選擇值判斷一下,我們按下的按鈕是那一個。就做不同的反應。
如果按下的是 1.顯示詳細數據按鈕的話。
就用利用清單顯示器.選中項索引,去抓變數_全部記錄資料這個清單中對應的數值,把它們顯示在對應的文字輸入盒上。
如果按下的是 2.刪除項目的話。
就刪除清單中的對應項次。
這裡應該還要呼叫微型資料庫再儲存資料一次才算完整,這裡漏掉了。
補充一下,清單顯示器.選中項索引是什麼意思。
假設我們點擊了上圖清單顯示器中的第三型,那它的選中項索引就是 3。
也就是說,選中項索引就是清單中的第幾項的意思。
重點大概就是這一些,沒有講到的部份就是上一下和下一頁按鈕的部份。以及廣告代碼的寫法。
這兩個部份,大家可以參考之前介紹過的這兩篇。
App Inventor學習記錄97-怎麼用enhance在 app inventor上,加上admob廣告
App Inventor學習記錄106-讓清單顯示器一次只顯示 10筆資料,並且可以換頁顯示
在寫這一篇的時候,有發現一些要改進的地方。但,我懶得改,就直接上架。因為基本上,這個太冷門了,會下載的人應該就只有我自己一個人而己……
所以這次就不提供 aia檔,有興趣的朋友,請在 google play應用商店上下載。
連結如下:
水泥桶容積計算器 google play 應用程式商店連結
我在 line上有建立一個「APP INVENTOR 交流」的社群,如果有問題的話,大家也可以在這裡討論。人多力量大,大家可以互相的交流學習。
而且 line也很方便,有什麼問題截個圖看一下,會比文字說明來的清楚些,這也是比在網頁下方或是 youtube影片下方留言討論更方便的地方。
有興趣的朋友可以點擊連結加入,也可以掃描 QR code加入。
您已被邀請加入「APP INVENTOR 交流」!請點選以下連結加入社群!
https://line.me/ti/g2/Loxwrcc2iNRS5-Qd4SFXxQ?utm_source=invitation&utm_medium=link_copy&utm_campaign=default
參考書籍請見博客來書籍介紹頁面:
手機應用程式設計超簡單 App Inventor 2零基礎入門班
TQC+ 創意App程式設計認證指南
TQC+創意App程式設計認證指南解題秘笈
手機應用程式設計超簡單:App Inventor 2初學特訓班
手機應用程式設計超簡單:App Inventor 2小專題特訓班
手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班
之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面