WPF 原生綁定和命令功能使用指南

来源:https://www.cnblogs.com/weiliuhong/archive/2020/02/22/wpf-binding-and-command.html

如今,當談到 WPF 時,我們言必稱 MVVM、框架(如 Prism)等,似乎已經忘了不用這些的話該怎麼使用 WPF 了。當然,這裡說的不用框架和 MVVM,並不是說像使用 Winform 那樣使用 WPF,而是追本溯源,重識 WPF 與生俱來的綁定和命令的風采。 ...


WPF 原生綁定命令功能使用指南

魏劉巨集 2020 年 2 月 21 日

如今,當談到 WPF 時,我們言必稱 MVVM、框架(如 Prism)等,似乎已經忘了不用這些的話該怎麼使用 WPF 了。當然,這裡說的不用框架和 MVVM,並不是說像使用 Winform 那樣使用 WPF,而是追本溯源,重識 WPF 與生俱來的綁定命令的風采。

 

一、綁定的使用

 

目標:前臺頁面通過綁定獲取後臺屬性的值。

這個目標實際上分為兩部分,一是前臺獲取後臺的屬性值,二是屬性值變動後能夠及時體現出來。

要實現目標的第一部分,實際只需在窗體後臺的構造函數中添加一行代碼即可:

this.DataContext = this;

 

這行代碼很關鍵,MVVM 模式中頁面與 ViewModel 關聯也是通過指定頁面類的 DataContext 為相應的 ViewModel 對象來實現的。

 

下麵再來說說如何實現目標的第二部分,也就是屬性變化後能及時體現出來,包括後臺屬性變化後前臺顯示自動變化,以及前臺修改了內容,後臺屬性的值跟著改變。眾所周知,這就是綁定,而要實現這一功能,需要相關類實現一個屬性變動通知介面 —— InotifyPropertyChanged 。具體演變過程可參考網上的文章《 .NET 4.5 (C#):INotifyPropertyChanged 執行的演變:從表達式樹到調用方信息的 BindableBase 類型 | Mgen》,這裡直接給出最後的結果。

 

首先,實現 InotifyPropertyChanged 當然是必要的,如果是要綁定其他類,則讓該類實現之,如果是直接在視窗後臺做相關功能,則最終視窗類看上去像這樣:

public partial class MainWindow : Window, INotifyPropertyChanged

 

然後添加一個事件和兩個方法:

public event PropertyChangedEventHandler PropertyChanged;
 
protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
{
    var eventHandler = this.PropertyChanged;
    eventHandler?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
 
protected bool SetProperty<T>(ref T storage, T value, [CallerMemberName] String propertyName = null)
{
    if (Equals(storage, value)) return false;
 
    storage = value;
    this.OnPropertyChanged(propertyName);
    return true;
}

 

最後就是要提供綁定的屬性了,可以像下麵這樣寫:

private string _UserName = "wlh";
public string UserName
{
    get => _UserName;
    set => SetProperty(ref _UserName, value);
}

 

前臺綁定就很簡單了:

二、命令 ICommand

 

WPF 和 Winform 的重大區別就是,用戶的交互、數據的變化等,在 Winform 中,都需要程式員一點一點仔細地手動處理,而在 WPF 中,數據是綁定的,交互通過命令傳遞,所以很多事情其實 WPF 這個大框架就可以幫我們自動處理了。說了這麼多,其實就是說 Winform 是事件驅動的,而 WPF 是數據驅動的,所以在 Winform 中常用的按鈕點擊事件等各種事件,在 WPF 中是不怎麼用了,而是使用命令。

命令也是綁定的,先來看看前臺的樣子:

<TextBox Text="{Binding UserName, Mode=TwoWay}"></TextBox>

 

至於後臺怎麼寫,先不急,通過《[WPF] ICommand 最佳使用方法》一文,我們知道首先需要一個輔助類:

public class RelayCommand : ICommand
{
    private readonly Predicate<object> _CanExecute;
    private readonly Action<object> _Execute;
 
    public RelayCommand(Predicate<object> canExecute, Action<object> execute)
    {
        this._CanExecute = canExecute;
        this._Execute = execute;
    }
 
    public event EventHandler CanExecuteChanged
    {
        add => CommandManager.RequerySuggested += value;
        remove => CommandManager.RequerySuggested -= value;
    }
 
    public bool CanExecute(object parameter)
    {
        return _CanExecute(parameter);
    }
 
    public void Execute(object parameter)
    {
        _Execute(parameter);
    }
}

 

可見 ICommand 中主要有兩個方法,一個檢查命令是否可用的 CanExecute (),以及實際幹活的 Execute () 。

 

然後在後臺添加一個 “DoSomething” 的命令,也就是上面新建的 RelayCommand 類型:

private ICommand _DoSomething;
public ICommand DoSomethingCommand
{
    get
    {
        return _DoSomething ??= new RelayCommand(
            o => _CanDoSomething(o),
            o => { _DoSomethingMethod(o); });
    }
}
 
private readonly Predicate<object> _CanDoSomething = o => true;
 
// 可在之後再賦值,避免方法體中訪問屬性等受阻;
private readonly Action<object> _DoSomethingMethod = o =>
{
    // do something
};

 

這些還可以進一步簡化為:

public ICommand DoSomethingCommand { get; set; }
 
/// <summary>
/// 命令方法賦值(在構造方法中調用)
/// </summary>
private void SetCommandMethod()
{
    DoSomethingCommand ??= new RelayCommand(o => true, async o =>
    {
        // do something
    });
}

 

最後來看看對應前臺”GetTokenCommand” 命令的實際業務代碼:

public ICommand GetTokenCommand { get; set; }
 
/// <summary>
/// 命令方法賦值 (在構造函數中調用)
/// </summary>
private void SetCommandMethod()
{
    GetTokenCommand ??= new RelayCommand(o => !(string.IsNullOrEmpty(UserName) || string.IsNullOrEmpty(Password)), async o =>
    {
        var req = new ReqGetToken()
        {
            userName = UserName,
            password = Password,
        };
 
        var res = await GetToken(req);
        if (res.Code)
        {
            Token = res.Token;
        }
    });
}

 

可以看到,在檢查命令是否可用的部分,沒有像樣板代碼那樣直接返回 true ,而是按照實際情況判斷,這樣的效果就是,當條件不滿足時,前臺相關控制項自動禁用:

 

最後,經過我們這樣寫,其實和 MVVM 模式已經很接近了,只要把後臺所有代碼都移到另一個類,然後將頁面的 DataContext 重新指定一下,就能實現頁面顯示和業務邏輯分離了。

 


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

更多相關文章
  • `爬蟲呢有時候數據方便有時候登入獲得cookies,以及獲取他存緩存中的數據` 一.獲取緩存中的數據其實很簡單js註入就好了 ...
  • 這兩天複習了下Request以及Response部分的內容。 主要內容 1. HTTP協議:響應消息 2. Request對象 3. Response對象 4. ServletContext對象 HTTP: 概念:Hyper Text Transfer Protocol 超文本傳輸協議 傳輸協議:定 ...
  • 記錄LINQ學習過程。 概要 LINQ是一種“語言集成”的查詢表達式,使用LINQ可以智能提示和進行類型檢查。C#里可以編寫的LINQ查詢有SQL資料庫、XML文檔、ADO.NET數據集、支持IEnumerable和IEnumerable的對象。使用LINQ,可以簡單對數據源進行分組、排序、篩選。有 ...
  • WPF允許使用Image元素顯示點陣圖。然而,按這種方法顯示圖片的方法完全是單向的。應用程式使用現成的點陣圖,讀取問題,併在視窗中顯示點陣圖。就其本身而言,Image元素沒有提供創建和編輯點陣圖信息的方法。 這正是WriteableBitmap類的用武之地。該類繼承自BitmapSource,BitmapS ...
  • 哈嘍..大家好 很久沒有更新了,今天就來一篇最近開發用到的功能,那就是中英文切換,這個實際上也不是高大上,先說一下原理,在.NET Core框架中給我們提供了全球化的類,叫做Localization,其官方的文檔地址傳送門。 在我的項目中,我是這樣操作的,你想用別的方式,也可以看文檔自己去搞。這個已 ...
  • .NET web開發者在開發過程中,一定都踩過的坑,明明修改了js文件,可是部署到生產環境,客戶反饋說:“還是報錯啊”。。然後一臉懵逼的去伺服器上看文件,確實已經更新了。有經驗的coder可能就想到了,肯定是客戶端瀏覽器緩存搞的鬼。 此時會告訴客戶,請Crtl+F5刷新一下,這時,客戶會說:“Ctr ...
  • 前言 在兩年多以前就聽聞 Blazor 框架,是 .Net 之父的業餘實驗性項目,其目的是探索 .Net 與 WebAssembly 的相容性和應用前景。現在這個項目已經正式成為 Asp.Net Core 框架的一部分,公開了預覽版,官方教程也基本寫好上線了。就著這個機會,順便體驗一下這個框架用起來 ...
  • 本筆記摘抄自:https://www.cnblogs.com/PatrickLiu/p/8176974.html,記錄一下學習過程以備後續查用。 一、引言 今天我們要講行為型設計模式的第十個模式--備忘錄模式,先從名稱上來看。備忘錄模式可以理解為對某個對象的狀態進行保存,等到需要恢復的時 候,可以從 ...
一周排行
  • 介紹ASP.NET Core框架 在這篇文章中,我將要向你們簡短介紹一下ASP.NET Core 框架。當今社會,當提到軟體開發,每個人都是討論著開源以及跨平臺開發。總所周知,微軟是以它的基於Windows產品出名的,比如Windows系統,Office辦公套件等。現在我們處在新時代軟體開發的潮流中 ...
  • 在4月2日,發佈了.NET 5.0 Preview2,這次發佈對一些功能和性能做了相關的改進,同時後面也會實施5.0版本更多的功能,其中一些功能設計目前也在 "dotnet/designs" 中顯示,在 ".NET 5 Preview1" 中可以看到.NET 5里程碑中已經完成的建設任務,當然可以查 ...
  • 這篇文章中,我將教大家如何從頭到尾創建ASP.NET Core Web應用程式,這個系列,前面我已經寫了三篇文章,大家看這篇文章之前,可以先去熟悉一下前面的3篇文章,打一下基礎。在這篇文章中,我將和大家討論下麵兩個問題:使用Visual Studio 2019創建ASP.NET Core Web應用 ...
  • 前言 在上一篇中簡單介紹了Linq的入門級用法,這一篇嘗試講解一些更加深入的使用方法,與前一篇的結構不一樣的地方是,這一篇我會先介紹Linq里的支持方法,然後以實際需求為引導,分別以方法鏈的形式和類SQL的形式寫出來。 前置概念介紹 1. 謂詞、斷言,等價於 即返回bool的表達式 2. 表達式樹, ...
  • 在這篇文章中,我將詳細講解ASP.NET Core Project File.如果你還沒看我這個系列的前面幾篇文章,先去看看,打好基礎,再來看這篇吧。 如果你使用過之前版本的.NET Framework,你就會知道,當你使用C#創建應用程式的時候,.NET Framework框架將會創建尾碼名為”. ...
  • 前言 命名空間已經在 .NET 中使用了多年,一直追溯到 .NET Framework 1.1。它在 .NET 實施本身的數百個位置中使用,並且直接被成千上萬個應用程式使用。在所有這些方面,它也是 CPU 消耗的重要來源。 但是,從性能角度來看,正則表達式在這幾年間並沒有獲得太多關註。在 2006 ...
  • 2020年4月2日微軟.NET 團隊的項目經理 Richard 在博客上 發佈了.NET 5 Preview 2:https://devblogs.microsoft.com/dotnet/announcing-net-5-0-preview-2/ ,3月16號,Scott Hunter 在博客中發 ...
  • 為表達全國各族人民對抗擊新冠肺炎疫情鬥爭犧牲烈士和逝世同胞的深切哀悼,國務院今天發佈公告,決定2020年4月4日舉行全國性哀悼活動。 當使用控制項模板時,需要決定如何更廣泛地共用模板,以及是否希望自動地或明確地位用模板。 第一個問題是關於希望在何處使用模板的問題。例如,是將它們限制在特定視窗中嗎?大多 ...
  • 前言:在大一學習了C語言之後,基本掌握了一門面向過程的程式設計語言,本學期所學習的java是一門面向對象的語言,在問題的解決方面不像C一樣是以過程來思考問題,而是要以面向對象的思維來解決問題。此篇文章是對於本學期前三次Java作業的一個階段性總結,第一次作業花費了最多的時間,有一個測試點沒有過,第二 ...
  • 1. 2.創建頭文件選擇C/C++ Header file 3.源程式文件與頭文件不在一個地址話,需要在導入的時候寫清楚頭文件所在地址 例如名為giligli.h的頭文件 #include”地址giligli.h” 4. 如圖D包含了兩個a 重覆定義會產生錯誤。利用條件編譯可以很好的避免重覆定義 # ...