iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 26
1
自我挑戰組

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

[DAY>26<]簡單的匿名聊天機(介面設計)

  • 分享至 

  • xImage
  •  

我們建立一個新專案,然後請先建立以下元件
從上到下分別為
TextInput >>> 請將元件名稱命名為"輸入訊息"
Button >>> 請將元件名稱命名為"send"
Button >>> 請將元件名稱命名為"clear"
ListViewer >>> 請將元件名稱命名為"聊天顯示"
https://ithelp.ithome.com.tw/upload/images/20181110/20108017cd3SaUzpws.png

在元件"輸入訊息"的元件屬性中請將 Hint 文字改為"請輸入訊息"
然後Height改為Absolute Size : 30
Width則改為Fill container
https://ithelp.ithome.com.tw/upload/images/20181110/20108017Ifwh7bNNSt.png

在元件"send"的元件屬性中將Text改為"傳送訊息"
https://ithelp.ithome.com.tw/upload/images/20181110/20108017i77n7a4eqA.png


在元件"clear"的元件屬性中將Text改為"清除紀錄"
https://ithelp.ithome.com.tw/upload/images/20181110/20108017vBZi0vF3oJ.png


最後請將我們的"聊天顯示"元件中的顯示Arrow關閉
https://ithelp.ithome.com.tw/upload/images/20181110/20108017g0b2jM4fis.png
這樣就完成了我們的介面設計啦!
明天我就要教大家如何利用thunkable本身變數的Cloud功能,讓大家只要在同一個專案內產生出來的APP
Cloud的雲端資料庫都會是共用的,所以就可以當成一款匿名的聊天機,或是情侶想要自己當成兩人互動中的秘密聊天室。這都是一個不錯的開始XD


上一篇
[DAY>25<]什麼?我也可以做出查詢公車的APP?-- (回顧實作檢討)
下一篇
[DAY>27<]簡單的匿名聊天機(程式碼設計)
系列文
從積木開始學程式30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言