Modal（模態視窗）

#

Modal（模態視窗）是一種常見的互動元素。它會暫時遮罩住頁面的其他部分，並彈出一個包含特定內容或操作的視窗。常見的 Modal 用途包括：

1 . 顯示訊息： 成功、失敗、警告等訊息。

2 .收集使用者輸入： 表單、選項等。

3 .展示詳細資訊： 圖片、圖表、文章等。

Modal 對話框視窗具有其自己的消息循環和不同於主線程的視窗過程，在用戶單擊 確定、取消 或 關閉 之類的按鈕之前，它們始終處於 Modal 視窗消息循環中。

單擊按鈕後，使用 EndDialog 返回至主線程中的主消息循環，父視窗可以再次響應。

非 Modal 畫面讓使用者可以直覺地回到上一層畫面，而 Modal 會要求使用者完成某動作，才可以回到主要視窗（例如在範例裡是「儲存」），或取消當前的動作。

為什麼要使用 Modal 模式？

Modal 畫面能解決這簡單的問題：使用者很容易分心，因此有時候要抓住他們的全部注意力（來源）。而 Modal 就是在做這件事：要專注在某單一工作後才可以繼續。

Modal 產生注意力，讓人完成某項工作或略過訊息、畫面之前，無法做其他事情。 — Apple

「得要讓使用者進行某特定工作、決定或知曉的重要資訊」— Google

盡可能不要使用 Modal。一般來說，人們喜歡以非線性的方式與 App 互動。只有在非得要抓住注意力、必須完成或放棄某項工作才可以繼續使用 App 的時候，才考慮做 Modal，要不然就是要儲存重要資料。— Apple