簡介
資料繫結可讓您宣告資料與使用者介面 (UI) 控制項之間的關聯性。 當其中一個元素變更時,它們會自動保持同步。 資料繫結可讓您的程式碼讀取速度變快、更容易維護及進行測試。
資料繫結提供將 UI 直接結合至資料的方式,而不是將 UI 與 UI 程式碼後置中的程式碼建立關聯。 當 UI 繫結至資料時,UI 會在資料變更時自動更新,並與資料保持同步。 相反地,如果使用者與 UI 互動,則資料會與 UI 保持同步。
範例案例
假設您正在使用應用程式,以向使用者呈現所選區域或地址的天氣資訊。 當使用者輸入位置時,應用程式會從外部天氣服務載入天氣預報資料,並更新 UI。 UI 和天氣服務資料會透過 XAML UI 和 XAML 程式碼後置檔案緊密結合。 天氣服務已抽象化為自己的類別,但您的 UI 非常依賴程式碼後置,以將該資料呈現給 UI。
您的應用程式發行一段時間後,您使用的天氣服務宣佈它們即將關閉。 預期到這一點,您會開始尋找替代服務。 在您評估的服務中,您會注意到它們會以不同的方式輸入和輸出資料。 由於您的 UI 會使用程式碼後置事件來與服務進行互動,因此您的 UI 體驗可能會受到這項變更的影響。
從程式碼後置事件到資料繫結,變更 UI 同步天氣更新的方式會很有用。 如此一來,如果服務變更再次發生,您已將對程式碼的影響降到最低。
您將會怎麼做
此課程模組示範程式碼型 UI 與資料繫結 UI 之間的差異,並示範如何使用資料繫結來更新UI,而不是程式碼後置。 使用範例天氣應用程式,您會將 UI 更新從程式碼後置轉換為資料繫結。
您會學到什麼
在此課程模組結束時,您可以使用資料繫結來呈現 UI 中的資料,並在 UI 類型和資料類型不相符時轉換資料。
必要條件
- 已安裝 .NET MAUI 工作負載的 Visual Studio 2022
- 選擇性:已安裝 .NET MAUI 延伸模組的 Visual Studio Code 和已安裝 .NET MAUI 工作負載的 .NET SDK
.NET MAUI 開發的需求
若要使用 .NET 9 建立 .NET MAUI 應用程式,您需要安裝已安裝下列工作負載的 Visual Studio 17.12 版或更新版本:
- .NET Multi-Platform App UI 開發
此外,如果您想要建置 .NET MAUI Blazor 應用程式,您必須安裝 ASP.NET 和 Web 開發工作負載。
如需設定的逐步解說,請參閱本文。
使用 Visual Studio Code 的開發
如果您要在 macOS 或 Linux 上進行開發,則需要安裝 Visual Studio Code 和 .NET MAUI 延伸模組,以及 .NET SDK 和 .NET MAUI 工作負載。 如需設定的逐步解說,請參閱本文。