簡介

  • 2 分鐘

資料繫結可讓您宣告資料與使用者介面 (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 2026
  • 選擇性：已安裝 .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 工作負載。 如需設定的操作說明，請參閱文件。