從流程圖到 Thunkable app_11：判斷門票種類

Apr 9, 2024

Apr. 9, 2024

本 Thunkable app 系列文之十一係改編陳會安老師所著「4_fChart_Blockly_Thunkable_二選一(選擇結構).pdf（https://reurl.cc/MRb2om）」中第 27~29 頁中「判斷門票種類」範例。

第一小節先說明要解決的問題，再將它的解題步驟匯整為會安老師設計的 fChart 流程圖（圖 1）。最後，再著手設計 app 的呈現畫面（表 1）及其背後的控制程式（圖 3）。

問題說明

若輸入身高超過 120 公分以上即顯示「購買全票」，否則即顯示「購買半票」。

依照圖 1 的流程，我們設計了圖 2 的 app 呈現畫面。

在畫面中，我們使用 3 個 Label（app 標題、輸入提示文字、判斷結果顯示文字）、1 個 Text Input（輸入成績）共 4 個元件來完成。

上述各元件的命名及其相關屬性設定詳列如表 1。

在程式處理設計上，當我們輸入數值時會觸發 Changes 事件。然後，我們依照圖 1 的流程圖，一一地將之以圖 3 實現出來。