日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后，達者為師

網站首頁 編程語言 正文

WPF轉換器IValueConverter用法_實用技巧

作者：痕跡g ? 更新時間： 2022-04-08 編程語言

1. 前文

在普遍的也業務系統中, 數據要驅動到操作的用戶界面, 它實際儲存的方式和表達方式會多種多樣, 數據庫存儲的數字 0或1, 在界面用戶看到顯示只是 成功或失敗, 或者存儲的字符、或更多的格式,

但是最終到界面上, 一般是需要一個轉換, 至于這個轉換是在數據庫中, 還是業務代碼中, 都是一個必不可少的操作。

2. WPF轉換器 ( IValueConverter )

WPF中, 提供一種數據轉換的接口、那就是在 System.Windows.Data 命名空間下的,IValueConverter 接口, 該接口的Convert方法可以任意的數據轉換操作。

namespace System.Windows.Data
{
    //
    // 摘要:
    //     提供將自定義邏輯應用于綁定的方法。
    public interface IValueConverter
    {
        //
        // 摘要:
        //     轉換值。
        //
        // 參數:
        //   value:
        //     綁定源生成的值。
        //
        //   targetType:
        //     綁定目標屬性的類型。
        //
        //   parameter:
        //     要使用的轉換器參數。
        //
        //   culture:
        //     要用在轉換器中的區域性。
        //
        // 返回結果:
        //     轉換后的值。 如果該方法返回 null，則使用有效的 null 值。
        object Convert(object value, Type targetType, object parameter, CultureInfo culture);
        //
        // 摘要:
        //     轉換值。
        //
        // 參數:
        //   value:
        //     綁定目標生成的值。
        //
        //   targetType:
        //     要轉換為的類型。
        //
        //   parameter:
        //     要使用的轉換器參數。
        //
        //   culture:
        //     要用在轉換器中的區域性。
        //
        // 返回結果:
        //     轉換后的值。 如果該方法返回 null，則使用有效的 null 值。
        object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture);
    }
}

3.如何使用轉換器

為了更夠簡單的描述其作用, 在后臺聲明一個int類型為 Status的變量, 然后通過綁定的形式關聯的界面層。( 如下創建MainViewModel層,主要用于關聯DataContext )

public class MainViewModel : ViewModelBase
    {
        /// <summary>
        /// Initializes a new instance of the MainViewModel class.
        /// </summary>
        public MainViewModel()
        {
        }

        private int status;

        /// <summary>
        /// 狀態 0 / 1
        /// </summary>
        public int Status
        {
            get { return status; }

            set
            {
                status = value;
                RaisePropertyChanged();
            }
        }
    }

用戶界面綁定的Status字段, 為了能夠看到實際效果, 用了相同的字段綁定兩個進行比較, 如下

        <UniformGrid Rows="2" Columns="2" >
            <TextBlock Text="沒有使用轉換器的效果:" Style="{DynamicResource TextBlockStyle}" />
            <TextBlock Text="{Binding Status}" Style="{DynamicResource TextBlockStyle}"/>
            <TextBlock Text="使用轉換器的效果:" Style="{DynamicResource TextBlockStyle}"/>
            <TextBlock Text="{Binding Status,Converter={StaticResource StatusConverter}}" Style="{DynamicResource TextBlockStyle}"/>
        </UniformGrid>

聲明一個 StatusConverter 轉換器 , 改轉換器實現了,將數據 0 設置為未完成, 為1 則設置為完成。

public class StatusConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            if (value != null && int.TryParse(value.ToString(), out int result))
            {
                if (result == 1)
                {
                    return "完成";
                }
            }
            return "未完成";
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }

界面層引用改轉換器, 完整代碼, 紅色加粗部分為引用聲明的轉換器。

<Window x:Class="WpfApp4.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:WpfApp4"
        xmlns:converter="clr-namespace:WpfApp4.Converter"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <converter:StatusConverter x:Key="StatusConverter"/>
        <Style x:Key="TextBlockStyle" TargetType="{x:Type TextBlock}">
            <Setter Property="TextWrapping" Value="NoWrap"/>
            <Setter Property="TextTrimming" Value="None"/>
            <Setter Property="VerticalAlignment" Value="Center"/>
            <Setter Property="HorizontalAlignment" Value="Center"/>
            <Setter Property="FontSize" Value="25"/>
        </Style>
    </Window.Resources>
    <Grid>
        <UniformGrid Rows="2" Columns="2" >
            <TextBlock Text="沒有使用轉換器的效果:" Style="{DynamicResource TextBlockStyle}" />
            <TextBlock Text="{Binding Status}" Style="{DynamicResource TextBlockStyle}"/>
            <TextBlock Text="使用轉換器的效果:" Style="{DynamicResource TextBlockStyle}"/>
            <TextBlock Text="{Binding Status,Converter={StaticResource StatusConverter}}" Style="{DynamicResource TextBlockStyle}"/>
        </UniformGrid>
    </Grid>
</Window>

測試效果 :

結尾:

WPF中, 還有一種轉換器, 同樣是位于 System.Windows.Data命名空間的IMultiValueConverter 接口, 通過ILSpy可以查看到,如下所示：

IMultiValueConverter 的作用則可能進行多個數據源綁定, 這種騷操作稱之為, 多路綁定, 根據多個數據庫來決定最后顯示的內容。

原文鏈接：https://www.cnblogs.com/zh7791/p/9311332.html

欄目分類
最近更新