淺談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+代理IP實現多環境隔離
    Playwright是由微軟公司2020年初發佈的新一代自動化測試工具，相較於目前最常用的Selenium，它僅用一個API即可自動執行Chromium、Firefox、WebKit等主流瀏覽器自動化操作。 對各種開發語言也有非常好的支持。常用的NodeJs、Java、python都有支持，且有豐富 ...
  • 總結的Java知識點集合
    這是我讀大學時的Java知識點總結，還不全面，後續會逐漸增加完善。 知識點集合 實例變數 實例變數是指在類中聲明的變數，其值是針對類的每個實例而獨立存儲的。每個類的實例都有自己的一組實例變數，它們的值可以在對象創建時初始化，併在整個對象的生命周期中保持不變或者隨著對象的狀態而改變。 實例變數也被稱為 ...
  • 詳解Python中sys模塊的功能與應用
    本文分享自華為雲社區《深入Python：sys模塊的功能與應用詳解》，作者： 檸檬味擁抱。 在Python的標準庫中，sys 模塊是一個常用而強大的工具，它提供了與Python解釋器交互的函數和變數。本文將介紹sys模塊的一些常用函數和方法，並通過實際的代碼實例來解析它們的用法。 1. sys.ar ...
  • Python實現snap：對齊多張遙感影像的空間範圍
    本文介紹基於Python中ArcPy模塊，實現基於柵格圖像批量裁剪柵格圖像，同時對齊各個柵格圖像的空間範圍，統一其各自行數與列數的方法~ ...
  • 多線程系列(十一) -淺析併發讀寫鎖StampedLock
    一、摘要 在上一篇文章中，我們講到了使用ReadWriteLock可以解決多線程同時讀，但只有一個線程能寫的問題。 如果繼續深入的分析ReadWriteLock，從鎖的角度分析，會發現它有一個潛在的問題：如果有線程正在讀數據，寫線程準備修改數據的時候，需要等待讀線程釋放鎖後才能獲取寫鎖，簡單的說就是 ...
  • Java 21 終於對這些功能動刀了！！
    來源：https://medium.com/@benweidig 儘管 Java 是我使用過的向後相容程度最高的語言和環境之一，但始終存在功能棄用甚至刪除的可能性。Java 21 將棄用兩個功能，這就是我們今天要討論的內容。 推薦一個開源免費的 Spring Boot 實戰項目： https://g ...
  • Java編程的利器：Pair和Triple無縫解決多值返回問題，助力編寫高效代碼
    Pair和Triple類是commons-lang3庫提供的實用工具，可以方便地將多個值組合在一起，實現多個返回值的效果，提高了代碼的可讀性和可維護性，使得處理多值情景更加輕鬆。 ...
  • maven 包管理平臺-07-plugins 常見插件介紹
    拓展閱讀 maven 包管理平臺-01-maven 入門介紹 + Maven、Gradle、Ant、Ivy、Bazel 和 SBT 的詳細對比表格 maven 包管理平臺-02-windows 安裝配置 + mac 安裝配置 maven 包管理平臺-03-maven project maven 項目 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 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 ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類