iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 24
1
自我挑戰組

從積木開始學程式系列 第 24

[DAY>24<]什麼?我也可以做出查詢公車的APP?-- (新增輸入框查詢公車班號)

  • 分享至 

  • xImage
  •  

在幾天前我們都用了9003這班公車來做了示範,
但如果我想要能在手機上輸入特定班號,然後獲取我需要的公車號碼時刻表。

我們一樣準備好前幾天用到的螢幕畫面
https://x.thunkable.com/copy/9af95c8ee157272f813128f5e267a9ca

然後我們要在螢幕上新增一個TextInput的文字輸入框
然後並且將TextInput的元件屬性欄的 Hint 更改為 請輸入公車號碼
https://ithelp.ithome.com.tw/upload/images/20181108/20108017ibEoj7wzXF.png

我們要在程式碼中先新增一行
IF TEXTINPUT 不等於 " "(空)就執行以下動作
https://ithelp.ithome.com.tw/upload/images/20181108/20108017xOjPMQrdCU.png

然後還要再加入一行
將我們的WebAPI的URL做更改
網址的結構是這樣:

"https://ptx.transportdata.tw/MOTC/v2/Bus/RealTimeByFrequency/InterCity/"+ 公車編號 +"?$top=30&$format=JSON"

這樣我們只需把第一段網址加上公車編號再加上後面的網址,這樣就可以取得到該公車的資訊了!
https://ithelp.ithome.com.tw/upload/images/20181108/201080173w6fHA1ON0.png

為了做一下防呆機制
我們要設定當
IF TEXTINPUT 不等於 " "(空)就執行以下動作
不成立時,
我們就會呼叫Alert告訴使用者說你的公車編號尚未輸入!
我們只需加入Alert元件以及設定Alert Title訊息以及Alert Message
然後再呼叫Alert show出來就可以囉!
https://ithelp.ithome.com.tw/upload/images/20181108/20108017KZkBTilifR.png


上一篇
[DAY>23<]什麼?我也可以做出查詢公車的APP?--(將資料帶入map)
下一篇
[DAY>25<]什麼?我也可以做出查詢公車的APP?-- (回顧實作檢討)
系列文
從積木開始學程式30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言