Posts

清單選擇器

  清單選擇器 (ListPicker) 是一個非常實用的元件,它的外觀看起來像一個普通按鈕,但當使用者點擊它時,會跳出一個清單(選單)供使用者選擇。 核心功能 • 外觀: 平時在畫面上顯示為一個普通按鈕。 • 點擊時: 彈出一個清單視窗,讓使用者從預設的項目中進行選擇(例如:選擇性別、學歷、居住城市等),避免手動輸入錯誤。 主要屬性設定 (Designer 介面) • ElementsFromString: 在此處輸入想讓使用者選擇的項目,各項目之間用英文逗號 ( , ) 隔開。(例如:男,女) • Text: 按鈕在畫面上初始顯示的文字。(例如:請選擇性別) 常用程式方塊 (Blocks 邏輯) • 當 清單選擇器1.選擇後 (AfterPicking) :這是最常用的指令。當使用者在清單中點選了某個項目後,就會觸發這個方塊內的操作。

音樂播放器

  MIT App Inventor 中的 音樂播放器(Music Player) 概念,其實可以看作是一個**「人機互動的橋樑」**。簡單來說,它主要由兩個核心部分運作: 1. 視覺介面(The Visual Interface) 這就是 App 的外觀。也就是使用者在手機螢幕上會看到的播放(Play)、暫停(Pause)、停止(Stop)等按鈕,還有顯示歌名、歌手資訊的文字,以及專輯封面圖片等。這部分就像是 App 的「肉體」。 2. 隱藏的播放核心(The Hidden Player) 這是最核心也最有趣的部分。在 MIT App Inventor 中,有一個叫做 "Player Component"(播放器元件) 的東西。它在手機螢幕上是「隱形」的(屬於非視覺元件 Non-visible component),但它能直接控制**手機系統(OS)**底層的音訊解碼與播放功能。 • 它具備 背景播放 的能力。也就是說,即便你把 App 縮小,跑去滑臉書或傳訊息,音樂依然會在背景持續播放。 • 它負責把數位音訊檔案轉化為聲波,並透過手機喇叭或耳機傳送出來。 這兩者是如何協同運作的? 這個音樂播放器的運作邏輯是**「事件驅動(Event-driven)」 的。 舉例來說:當使用者的手指點擊了螢幕上的「播放(Play)」按鈕,這個動作就會觸發一個「點擊事件」。App 接收到這個信號後,就會立刻對背後那個「隱形的播放器」下達指令: 「好了,現在開始播放你手上的音樂檔案吧!」** 所以,MIT App Inventor 的音樂播放器本質上就是: 「一個讓開發者能夠自由對手機內建音訊系統下達指令、操控音樂播放行為的控制系統。」

核取方塊

  這是一個純中文的簡短貼文版本,適合直接發佈在社群媒體上: 📌 UI 設計小貼士:核取方塊 (Checkbox) vs 單選按鈕 (Radio Button) 在設計介面時,分清楚這兩者非常重要: • ⬜ 複選框 (Checkbox) • 定義 :用於 多選 。 • 特點 :使用者可以選擇多個選項,或者一個都不選。 • 形狀 :通常是 方形 。 • 🔘 單選按鈕 (Radio Button) • 定義 :用於 單選 。 • 特點 :在一組選項中只能「多選一」,且必須選一個。 • 形狀 :通常是 圓形 。 💡 總結: 多選用方框,單選用圓圈。正確的使用能讓介面更直覺,提升用戶體驗! #UI設計 #用戶體驗 #設計規範 #前端開發

單向、雙向、多向判斷式

  💻 程式邏輯基礎:判斷式 (Conditional Statements) 在程式設計中,「判斷式」就像是程式的大腦,讓它能根據不同的情況做出正確的決定。這主要可以分為以下三種邏輯: 1. 單向判斷式 (One-way Selection) 這是最簡單的邏輯。當條件 成立 時,程式會執行特定的動作;如果條件 不成立 ,程式就直接跳過,什麼都不做。這在中文裡就是「如果……就……」的邏輯。 • 常用關鍵詞: if 2. 雙向判斷式 (Two-way Selection) 這種邏輯提供了一個「二選一」的選擇。當條件 成立 時執行 A 動作,若條件 不成立 (否則)則執行 B 動作。這確保了程式在任何情況下都有相對應的反應。 • 常用關鍵詞: if...else 3. 多向判斷式 (Multi-way Selection) 當情況變得複雜,有多個不同的條件需要判斷時,就會用到多向選擇。程式會由上而下逐一檢查,直到找到第一個符合的條件並執行。如果所有條件都不符合,通常會由最後的「否則」部分處理。 • 常用關鍵詞: if...elif...else (或 switch)

四則運算和身高轉換

四則運算是 數學的基礎, 包含: 加 減 乘 除  身高轉換通常是 在公分和英呎之間轉換

非可視元件

非可視元件指在 App 介面上看不到, 但事後台執行特定功能的組件  對話框: 用來顯示提視訊息