App Inventor學習記錄132-下方彈出可自訂顏色訊息條的外掛 Snakbar

這是一個可以在畫面最下方,彈出一個自訂顏色訊息條的外掛Snakbar
它有有兩種模式,一種是會自動消失的訊息,另一種則是多提供了一個按鈕的功能。


這次範例的效果如下。

按下按鈕之後,會從下方彈出一個訊息條,一共有兩種模式可以選擇。
一種是時間到會自動消失。
另一種則是多一個按鈕可能來控制。


畫面編排的部份如下。

最下方的文字,是要測試 snackbar的訊息條,會不會影響到本來的版面。
測試的結果是不會影到響原本的版本,而是多了一層去蓋住它。


程式碼的部份如下。

對應功能我用線標出來了。
顏色的部份,不能直接拉顏色方塊用,而是要用 #xxxxxx的格式才行。

另外 call snackbar1.snackbard可以一次放好幾個,但是它會變成第 1個訊息消失後,第 2個訊息才會出現,不會同時出現多個訊息。

而用 call snackbar1.snackbarbutton產生的下方訊息條,它就不會自動消失,但是多了一個按鈕可以控制。


控制這個訊息條消失的方式是 call snackbar1.novisiblesnackbarbutton,用法如下。


這次的 aia檔的下載連結如下:
NO_132_Snackbar.aia

APP INVENTOR外掛
名稱:Snackbar
外掛來源:community.thunkable.com
外掛載點:
https://community.thunkable.com/t/free-snackbar-extension-update-20-06-2017/4337

參考書籍請見博客來書籍介紹頁面:
手機應用程式設計超簡單 App Inventor 2零基礎入門班
TQC+ 創意App程式設計認證指南
TQC+創意App程式設計認證指南解題秘笈
手機應用程式設計超簡單:App Inventor 2初學特訓班
手機應用程式設計超簡單:App Inventor 2小專題特訓班
手機應用程式設計超簡單:App Inventor 2資料庫專題特訓班

之前介紹過的一些 appinventor的使用記錄,都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面

發表迴響