淺談WPF之Binding時數據校驗和類型轉換

来源:https://www.cnblogs.com/hsiang/p/18050883
-Advertisement-
Play Games

在WPF開發中,Binding實現了數據在Source和Target之間的傳遞和流通,就像現實生活中的一條條道路,建立起了城鎮與城鎮之間的銜接,而數據校驗和類型轉換,就像高速公路之間的收費站和安檢站。那在WPF開發中,如何實現數據的校驗和類型轉換呢?本文以一個簡單的小例子,簡述在WPF開發中,實現數... ...


在WPF開發中,Binding實現了數據在Source和Target之間的傳遞和流通,就像現實生活中的一條條道路,建立起了城鎮與城鎮之間的銜接,而數據校驗和類型轉換,就像高速公路之間的收費站和安檢站。那在WPF開發中,如何實現數據的校驗和類型轉換呢?本文以一個簡單的小例子,簡述在WPF開發中,實現數據校驗和類型轉換的相關知識點,僅供學習分享使用,如有不足之處,還請指正。

在數據綁定Binding中,數據校驗主要通過ValidationRules屬性,數據轉換主要通過Converter屬性

 

數據校驗

 

在WPF開發中,校驗數據的有效性,主要步驟如下:

 

1. 實現校驗規則

 

Binding的ValidationRules是Collection<ValidationRule>類型,是一個校驗規則列表,可以支持多重校驗。而ValidationRule是一個抽象類,所有要實現業務規則校驗,就要繼承ValidationRule並實現抽象方法。

ValidationRule的Validate方法返回一個ValidationResult對象,如果校驗通過,則ValidationResult的IsValid為true,否則為false。RangeValidationRule主要校驗用戶輸入數據的範圍:

using System;
using System.Collections.Generic;
using System.Globalization;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Controls;

namespace WpfApp4.DataValidate
{
    public class RangeValidationRule : ValidationRule
    {
        public override ValidationResult Validate(object value, CultureInfo cultureInfo)
        {
            double d = 0;
            if(double.TryParse(value.ToString(),out d))
            {
                if(d>=0 && d <= 100)
                {
                    return new ValidationResult(true,null);
                }
            }
            return new ValidationResult(false, "數據必須在0~100之間");
        }
    }
}

 

2. 設置規則

 

要想應用規則,首先需要引入規則對應的命名空間:xmlns:v="clr-namespace:WpfApp4.DataValidate"

然後設置Binding的ValidationRules規則,如下所示:

<TextBlock Text="年齡" VerticalAlignment="Center"></TextBlock>
<TextBox x:Name="tbAge" Width="120" Height="25" Margin="10" Validation.Error="tbAge_Error" VerticalContentAlignment="Center">
	<TextBox.Text>
		<Binding Path="Age" UpdateSourceTrigger="PropertyChanged" NotifyOnValidationError="True">
			<Binding.ValidationRules>
				<v:RangeValidationRule ValidatesOnTargetUpdated="True"></v:RangeValidationRule>
			</Binding.ValidationRules>
		</Binding>
	</TextBox.Text>
</TextBox>
<TextBlock VerticalAlignment="Center" Text="{Binding DataError}" Foreground="Red"></TextBlock>

關於校驗規則,有以下幾點需要註意:

預設情況下,認為Source的數據總是正確的,規則校驗只有當Target更新時,才會生效,因為Target多為用戶輸入;如果當Source更新時也要生效,則需要配置ValidatesOnTargetUpdated為true。

預設情況下,校驗規則返回的錯誤信息,是不會輸出到UI的,如果要輸出要UI,需要設置NotifyOnValidationError屬性為true。

 

3. 輸出校驗信息

 

預設情況下,校驗信息不會輸出到UI,只是顯示用戶控制項為紅色邊框,如果要輸出校驗信息,除了設置NotifyOnValidationError屬性外,還要訂閱Validation.Error事件,併在事件中處理要顯示的錯誤信息,如下所示:

private void tbAge_Error(object sender, ValidationErrorEventArgs e)
{
	this.viewModel.ValidationErrorCommand.Execute(e);
}

其中上述方法中的命令為ViewModel中定義,如下所示:

public class MainWindowViewModel : ObservableObject
{
	private int age;

	public int Age
	{
		get { return age; }
		set { SetProperty(ref age , value); }
	}

	private string dataError;

	public string DataError
	{
		get { return dataError; }
		set { SetProperty(ref dataError , value); }
	}


	private TextBox textBox;

	private ICommand winLoadedCommand;

	public ICommand WinLoadedCommand
	{
		get {
			if (winLoadedCommand == null)
			{
				winLoadedCommand = new RelayCommand<object>(WinLoaded);
			}
			return winLoadedCommand; }
	}

	private void WinLoaded(object sender)
	{
		if (sender != null)
		{
			var win = sender as MainWindow;
			this.textBox = win.tbAge;
		}
	}



	private ICommand validationErrorCommand;

	public ICommand ValidationErrorCommand
	{
		get {
			if (validationErrorCommand == null)
			{
				validationErrorCommand = new RelayCommand<object>(DisplayValidationError);
			}
			return validationErrorCommand; }
	}

	private void DisplayValidationError(object obj)
	{
		if (Validation.GetErrors(this.textBox).Count > 0)
		{
			this.DataError= Validation.GetErrors(this.textBox)[0].ErrorContent.ToString();
		}
		else
		{
			this.DataError = string.Empty;
		}
	}

}

 

4. 數據校驗示例演示

 

經過上述步驟,運行程式,如下所示:

 

數據類型轉換

 

在數據綁定時,如果Source端的數據類型和Target端的數據類型不一致時,就需要用到數據類型轉換,如:true/false與顯示/隱藏之間的轉換等,要實現數據轉換,需要用到Binding的Converter屬性。步驟如下:

 

1. 定義轉換器

 

Binding的Converter屬性是IValueConverter類型,所以定義轉換器需要實現IValueConverter介面,如下所示:

namespace WpfApp4.DataConverter
{
    public class BoolToVisilityConverter : IValueConverter
    {
        /// <summary>
        /// Source 到 Target
        /// </summary>
        /// <param name="value"></param>
        /// <param name="targetType"></param>
        /// <param name="parameter"></param>
        /// <param name="culture"></param>
        /// <returns></returns>
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            var flag = bool.Parse(value.ToString());
            if(flag)
            {
                return Visibility.Visible;
            }
            else
            {
                return Visibility.Collapsed;
            }
        }

        /// <summary>
        /// Target到Source
        /// </summary>
        /// <param name="value"></param>
        /// <param name="targetType"></param>
        /// <param name="parameter"></param>
        /// <param name="culture"></param>
        /// <returns></returns>
        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            var visibility = Visibility.Collapsed;
            if (Enum.TryParse<Visibility>(value.ToString(), out visibility))
            {
                if (visibility == Visibility.Collapsed)
                {
                    return false;
                }
                else if(visibility == Visibility.Visible)
                {
                    return true;
                }
                else
                {
                    return false;
                }
            }

            return false;
        }
    }
}

註意:IValueConverter介面共兩個方法,其中Convert方法當Source到Target時調用,ConvertBack方法則是反方向調用。

 

2. 定義資源

 

轉換器也是一種資源,要聲明資源,首先引入命名空間xmlns:c="clr-namespace:WpfApp4.DataConverter",如下所示:

<Window.Resources>
	<c:BoolToVisilityConverter x:Key="boolToVisility"></c:BoolToVisilityConverter>
</Window.Resources>

 

3. 調用類型轉換

 

在Binding時,調用資源Visibility="{Binding ElementName=chk01, Path=IsChecked, Converter={StaticResource boolToVisility}}"。通過覆選框的選擇與否,控制控制項的顯示與隱藏,如下所示:

<StackPanel Orientation="Horizontal" Grid.Row="0">
	<CheckBox Content="顯示" x:Name="chk01"></CheckBox>
</StackPanel>
<StackPanel Orientation="Horizontal" Grid.Row="1" Visibility="{Binding ElementName=chk01, Path=IsChecked, Converter={StaticResource boolToVisility}}">
	<TextBlock Text="年齡" VerticalAlignment="Center"></TextBlock>
	<TextBox x:Name="tbAge" Width="120" Height="25" Margin="10" Validation.Error="tbAge_Error" VerticalContentAlignment="Center">
		<TextBox.Text>
			<Binding Path="Age" UpdateSourceTrigger="PropertyChanged" NotifyOnValidationError="True">
				<Binding.ValidationRules>
					<v:RangeValidationRule ValidatesOnTargetUpdated="True"></v:RangeValidationRule>
				</Binding.ValidationRules>
			</Binding>
		</TextBox.Text>
	</TextBox>
	<TextBlock VerticalAlignment="Center" Text="{Binding DataError}" Foreground="Red"></TextBlock>
</StackPanel>

 

4. 數據類型轉換示例演示

 

 

源碼下載

 

本實例源碼相對簡單,如果需要源碼下載,可關註公眾號,回覆關鍵字DATAVC進行獲取,如下所示:

以上就是【淺談WPF之Binding時數據校驗和類型轉換】的全部內容,關於更多詳細內容,可參考官方文檔。希望能夠一起學習,共同進步。


作者:小六公子
出處:http://www.cnblogs.com/hsiang/
本文版權歸作者和博客園共有,寫文不易,支持原創,歡迎轉載【點贊】,轉載請保留此段聲明,且在文章頁面明顯位置給出原文連接,謝謝。
關註個人公眾號,定時同步更新技術及職場文章


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

-Advertisement-
Play Games
更多相關文章
  • Playwright是由微軟公司2020年初發佈的新一代自動化測試工具,相較於目前最常用的Selenium,它僅用一個API即可自動執行Chromium、Firefox、WebKit等主流瀏覽器自動化操作。 對各種開發語言也有非常好的支持。常用的NodeJs、Java、python都有支持,且有豐富 ...
  • 這是我讀大學時的Java知識點總結,還不全面,後續會逐漸增加完善。 知識點集合 實例變數 實例變數是指在類中聲明的變數,其值是針對類的每個實例而獨立存儲的。每個類的實例都有自己的一組實例變數,它們的值可以在對象創建時初始化,併在整個對象的生命周期中保持不變或者隨著對象的狀態而改變。 實例變數也被稱為 ...
  • 本文分享自華為雲社區《深入Python:sys模塊的功能與應用詳解》,作者: 檸檬味擁抱。 在Python的標準庫中,sys 模塊是一個常用而強大的工具,它提供了與Python解釋器交互的函數和變數。本文將介紹sys模塊的一些常用函數和方法,並通過實際的代碼實例來解析它們的用法。 1. sys.ar ...
  • 本文介紹基於Python中ArcPy模塊,實現基於柵格圖像批量裁剪柵格圖像,同時對齊各個柵格圖像的空間範圍,統一其各自行數與列數的方法~ ...
  • 一、摘要 在上一篇文章中,我們講到了使用ReadWriteLock可以解決多線程同時讀,但只有一個線程能寫的問題。 如果繼續深入的分析ReadWriteLock,從鎖的角度分析,會發現它有一個潛在的問題:如果有線程正在讀數據,寫線程準備修改數據的時候,需要等待讀線程釋放鎖後才能獲取寫鎖,簡單的說就是 ...
  • 來源:https://medium.com/@benweidig 儘管 Java 是我使用過的向後相容程度最高的語言和環境之一,但始終存在功能棄用甚至刪除的可能性。Java 21 將棄用兩個功能,這就是我們今天要討論的內容。 推薦一個開源免費的 Spring Boot 實戰項目: https://g ...
  • Pair和Triple類是commons-lang3庫提供的實用工具,可以方便地將多個值組合在一起,實現多個返回值的效果,提高了代碼的可讀性和可維護性,使得處理多值情景更加輕鬆。 ...
  • 拓展閱讀 maven 包管理平臺-01-maven 入門介紹 + Maven、Gradle、Ant、Ivy、Bazel 和 SBT 的詳細對比表格 maven 包管理平臺-02-windows 安裝配置 + mac 安裝配置 maven 包管理平臺-03-maven project maven 項目 ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...