在幾天前我們都用了9003這班公車來做了示範,
但如果我想要能在手機上輸入特定班號,然後獲取我需要的公車號碼時刻表。
我們一樣準備好前幾天用到的螢幕畫面
https://x.thunkable.com/copy/9af95c8ee157272f813128f5e267a9ca
然後我們要在螢幕上新增一個TextInput的文字輸入框
然後並且將TextInput的元件屬性欄的 Hint 更改為 請輸入公車號碼
我們要在程式碼中先新增一行
IF TEXTINPUT 不等於 " "(空)就執行以下動作
然後還要再加入一行
將我們的WebAPI的URL做更改
網址的結構是這樣:
"https://ptx.transportdata.tw/MOTC/v2/Bus/RealTimeByFrequency/InterCity/"+ 公車編號 +"?$top=30&$format=JSON"
這樣我們只需把第一段網址加上公車編號再加上後面的網址,這樣就可以取得到該公車的資訊了!
為了做一下防呆機制
我們要設定當
IF TEXTINPUT 不等於 " "(空)就執行以下動作
不成立時,
我們就會呼叫Alert告訴使用者說你的公車編號尚未輸入!
我們只需加入Alert元件以及設定Alert Title訊息以及Alert Message
然後再呼叫Alert show出來就可以囉!