WPF新境界:MVVM設計模式解析與實戰,構建清晰可維護的用戶界面

来源:https://www.cnblogs.com/hanbing81868164/p/18016896
-Advertisement-
Play Games

概述:MVVM是一種在WPF開發中廣泛應用的設計模式,通過將應用程式分為模型、視圖、和視圖模型,實現瞭解耦、提高可維護性的目標。典型應用示例展示瞭如何通過XAML、ViewModel和數據綁定創建清晰、可測試的用戶界面。 什麼是MVVM? MVVM(Model-View-ViewModel)是一種用 ...


 

概述:MVVM是一種在WPF開發中廣泛應用的設計模式,通過將應用程式分為模型、視圖、和視圖模型,實現瞭解耦、提高可維護性的目標。典型應用示例展示瞭如何通過XAML、ViewModel和數據綁定創建清晰、可測試的用戶界面。

什麼是MVVM?

MVVM(Model-View-ViewModel)是一種用於構建用戶界面的軟體設計模式,它將應用程式分為三個核心組件:模型(Model)、視圖(View)和視圖模型(ViewModel)。MVVM的目標是實現界面邏輯與用戶界面的分離,提高代碼的可維護性和可測試性。

為什麼要用MVVM?

MVVM帶來了以下優點:

  1. 鬆散耦合: 模型、視圖、和視圖模型相互獨立,降低了各個組件之間的耦合度。
  2. 可維護性: 分離關註點使得代碼更易於理解和維護。
  3. 可測試性: 視圖模型可以方便地進行單元測試,無需依賴具體的UI元素。

MVVM應用實例:

1.創建模型(Model):定義數據模型。

public class PersonModel
{
    public string FirstName { get; set; }
    public string LastName { get; set; }
}

2.創建視圖模型(ViewModel):實現業務邏輯和與視圖相關的命令。

public class PersonViewModel : INotifyPropertyChanged
{
    private PersonModel _person;

    public PersonViewModel()
    {
        _person = new PersonModel();
    }

    public string FirstName
    {
        get { return _person.FirstName; }
        set
        {
            if (_person.FirstName != value)
            {
                _person.FirstName = value;
                OnPropertyChanged(nameof(FirstName));
            }
        }
    }

    public string LastName
    {
        get { return _person.LastName; }
        set
        {
            if (_person.LastName != value)
            {
                _person.LastName = value;
                OnPropertyChanged(nameof(LastName));
            }
        }
    }

    // INotifyPropertyChanged實現省略...

    private void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    public event PropertyChangedEventHandler PropertyChanged;
}

3.創建視圖(View):利用XAML定義用戶界面。

<Window x:Class="MVVMSample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:MVVMSample"
        mc:Ignorable="d"
        Title="MainWindow" Height="200" Width="300">
    <Grid>
        <StackPanel Margin="10">
            <TextBox Text="{Binding FirstName}" Margin="0 0 0 5"/>
            <TextBox Text="{Binding LastName}" Margin="0 0 0 5"/>
            <Button Content="Submit" Command="{Binding SubmitCommand}"/>
        </StackPanel>
    </Grid>
</Window>

4.將視圖與視圖模型關聯:在視圖的代碼-behind或XAML中,將DataContext設置為視圖模型的實例。

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        // 關聯視圖模型
        DataContext = new PersonViewModel();
    }
}

5.實現提交命令(Command):在視圖模型中定義和實現命令。

public class PersonViewModel : INotifyPropertyChanged
{
    // 其他代碼省略...

    public ICommand SubmitCommand => new RelayCommand(Submit);

    private void Submit()
    {
        MessageBox.Show($"Submitted: {FirstName} {LastName}");
    }
}

MVVM設計模式通過將應用程式分為模型、視圖和視圖模型,實現瞭解耦和分離關註點的目標。上述實例演示瞭如何在WPF中應用MVVM,通過數據綁定和命令使得界面邏輯更清晰、易於測試和維護。

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 雲計算 - 負載均衡SLB方案全解與實戰,介紹SLB的核心技術、用戶最佳實踐、阿裡雲 SLB產品舉例、應用場景。 關註【TechLeadCloud】,分享互聯網架構、雲服務技術的全維度知識。作者擁有10+年互聯網服務架構、AI產品研發經驗、團隊管理經驗,同濟本復旦碩,復旦機器人智能實驗室成員,阿裡雲 ...
  • 1、定義 Go語言支持一種特殊的欄位只需要提供類型而不需要寫欄位名的欄位**,**稱之為匿名欄位或者嵌套欄位。 所謂匿名欄位實際上是一種結構體嵌套的方式,所以也可以稱作嵌套欄位。 這種方式可以實現組合復用,即通過匿名欄位,結構體可以直接訪問嵌套結構體的欄位和方法,而無需通過欄位名或類型進行嵌套。 2 ...
  • 目錄: OpenID 與 OAuth2 基礎知識 Blazor wasm Google 登錄 Blazor wasm Gitee 碼雲登錄 Blazor OIDC 單點登錄授權實例1-建立和配置IDS身份驗證服務 Blazor OIDC 單點登錄授權實例2-登錄信息組件wasm Blazor OID ...
  • 最近需要在伺服器上運行一些時間很長的命令,想讓伺服器自動通知我什麼時候命令完成,通過命令結束後發送郵件給我來提醒。 安裝 msmtp 和 mail # RedHat 系 sudo dnf install msmtp mailx # Debian 系 sudo apt install msmtp ma ...
  • 程式說明: 《幾何衝刺》是一款基於Scratch平臺開發的跑酷類游戲程式。在這個游戲中,玩家控制一個黃色的小方塊,在快速向前衝刺的過程中躲避各種障礙物。通過按下鍵盤上的上方向鍵,玩家可以操作小方塊進行跳躍,以避開途中的障礙。游戲的目標是儘可能讓黃色小方塊跑得更遠,挑戰玩家的反應速度和操作技巧。 小虎 ...
  • 關註我,緊跟本系列專欄文章,咱們下篇再續! 作者簡介:魔都技術專家兼架構,多家大廠後端一線研發經驗,各大技術社區頭部專家博主,編程嚴選網創始人。具有豐富的引領團隊經驗,深厚業務架構和解決方案的積累。 負責: 中央/分銷預訂系統性能優化 活動&優惠券等營銷中台建設 交易平臺及數據中台等架構和開發設計 ...
  • 洛谷試煉場的題目確實很具有代表性,但是近幾年以來,又有許多經典題目出現在 OI 界中,這個大題單就是作為洛谷試煉場的擴展和補充。 目錄新版本食用指南更新日誌題單Part 0 試機題Part 1 入門階段Part 2 基礎演算法Part 3 搜索Part 4 動態規劃Part 4.1-4.4 動態規劃P ...
  • 概述:C#軟體開發中,License扮演著確保軟體合法使用的重要角色。採用RSA非對稱加密方案,服務端生成帶簽名的License,客戶端驗證其有效性,從而實現對軟體的授權與安全保障。 License應用場景: License(許可證)在C#軟體開發中被廣泛應用,以確保軟體在合法授權的環境中運行。常見 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...