程式執行的時候是這樣子。
點擊開始變魔術之後，帽子會翻過來，大象會跑出來(我比較喜歡大象)，點擊大象的話，會發出大象叫聲。
點擊重新開始，就回到上一個畫面。
設計的畫面區塊是這樣子。
設定了兩個『HorizontalArrangement』水平區塊。一個放先藏起的圖片，一個放按鈕和魔術帽的圖片。
這裡要把圖片先藏起來，就不要勾選『Visible』。
全部的程式碼是這樣。
當開始變魔術按鈕被按下的時候。
把『先藏來的圖片.Visible』設定成『true』，讓它出現在螢幕上。
把『魔術帽圖片.Picture』的圖片更改成 “magicafter””.png”這兩個字串組合。
把『先藏起來的圖片.Clickable』設定成『true』，讓它可以被點擊。
當『先藏起來的圖片.Click』被點擊的時候。
設定『Sound1.Source』聲音的來源是 1.mp3這個檔案。
『call Sound1.Play』呼叫聲音播放的功能。
當『重新開始.Click』按鈕被按下的時候。
把大象圖片藏起來而且設定成不能點擊，再把魔術帽的圖片設定回去，
這次的 aia檔的下載連結如下:
點我下載 NO_13_MAGIC_HAT.aia
參考書籍如下:
手機應用程式設計超簡單 App Inventor 2零基礎入門班
TQC+ 創意App程式設計認證指南
TQC＋創意App程式設計認證指南解題秘笈
手機應用程式設計超簡單：App Inventor 2初學特訓班
手機應用程式設計超簡單：App Inventor 2小專題特訓班
手機應用程式設計超簡單：App Inventor 2資料庫專題特訓班
之前介紹過的一些 appinventor的使用記錄，都整理在下面這個頁面上了。
APP INVENTOR學習記錄及資源整理頁面