• 點擊跳轉 ： app inventor（點不開的話需要🪄🪄🪄🪄🪄）
• 

一、組件介紹

• 用戶界面組件(UI Components)??：
  按鈕(Button)、標簽(Label)、文本輸入框(TextBox)、圖像(Image)等
• 布局組件：水平布局(HorizontalArrangement)、垂直布局(VerticalArrangement)、表格布局(TableArrangement)等
• 媒體組件(Media Components)??：
  播放器(Player)、錄音機(SoundRecorder)、攝像頭(Camera)等
• ??傳感器組件(Sensor Components)??：
  加速度傳感器(AccelerometerSensor)、位置傳感器(LocationSensor)等
• ??連接組件(Connectivity Components)??：
  藍牙(BluetoothClient)、網絡(Web)組件等
• ??數據存儲組件(Storage Components)??：
  TinyDB(本地數據庫)、TinyWebDB(網絡數據庫)等
  
  
  
  

設計方法：先拖布局組件實現整體UI布局，再放入所需控件，可設置的屬性包括位置，對其方式，名稱，字體大小顏色，控件形狀，背景顏色；

二、邏輯設計

邏輯設計部分界面包括兩部分，上面是內置快，常用于文本數字布爾值等的拖拽，下面screen部分是組件設計中以及做好的部分

設計方法：

• 按照組件從上到下逐個設置，點擊后選擇需要的拼圖拖拽
• 設計順序建議先初始化，再逐個實現功能

設計實例（參考嘉立創教程）

原視頻地址：智能小車app控制

1. 首先設計UI界面
   

2. 初始化邏輯
   先斷開藍牙連接（客戶端是控制設備，服務端是被控制），列表選擇啟用，因為沒有連接設備，使用不啟用斷開連接按鈕，此時是灰色不可點擊狀態，設置標簽文本為對應狀態。
   

3. 設備選擇邏輯
   主體是列表選擇框待選擇時，即懸而未決時，此時設置顯示在屏幕的可選對象為藍牙客戶端搜索到的地址幾其名稱，同時設置標簽狀態
   
   選擇成功后，就要設置選中項去讓藍牙客戶端連接，對象就是選中項（這里最不好理解），此時斷開連接按鈕可按，選擇列表不可選狀態，設置對應標簽值
   

4. 斷開連接邏輯
   點擊了斷開連接就調用藍牙客戶端的組件斷開連接同時對組件設置是否交互以及標簽值
   

5. 控制區按鍵邏輯
   點擊按鈕后調用藍牙客戶端組件發送內容，包括數字字符串什么的，這里使用發送一位數字，只要和代碼里面內容一一對應即可
   

6. 開關燈邏輯
   

---

聲明：
本文為本人的學習筆記，旨在記錄和分享個人在學習過程中的心得體會和原創代碼。由于本人剛入門，對相關知識的理解可能還存在不足之處，文章中難免會有錯誤或不準確的地方。在此，我誠摯地歡迎各位讀者在閱讀過程中，如果發現任何問題或有其他建議，隨時在評論區或通過其他方式與我交流。我將虛心聽取大家的意見，及時修正和改進文章內容，以便更好地學習和成長。感謝大家的關注和支持！

---