快捷導(dǎo)航

WPF利用ValueConverter實(shí)現(xiàn)值轉(zhuǎn)換器

更新時(shí)間：2023年03月08日 09:05:46 作者：黑夜中的潛行者

值轉(zhuǎn)換器在WPF開發(fā)中是非常常見的，值轉(zhuǎn)換器可以幫助我們很輕松地實(shí)現(xiàn)，界面數(shù)據(jù)展示的問題。本文將通過WPF?ValueConverter實(shí)現(xiàn)簡(jiǎn)單的值轉(zhuǎn)換器，希望對(duì)大家有所幫助

介紹

值轉(zhuǎn)換器在WPF開發(fā)中是非常常見的，當(dāng)然不僅僅是在WPF開發(fā)中。值轉(zhuǎn)換器可以幫助我們很輕松地實(shí)現(xiàn)，界面數(shù)據(jù)展示的問題，如：模塊隱藏顯示、編碼數(shù)據(jù)展示為可讀內(nèi)容。

實(shí)現(xiàn)值轉(zhuǎn)換器需要繼承 IValueConverter Interface，并實(shí)現(xiàn) Convert 和 ConvertBack 方法，多數(shù)情況下可以不實(shí)現(xiàn) ConvertBack 方法。

一般調(diào)用采取 <MyConverter key="myConverter"> Converter="{StaticResource myConverter}" 的形式進(jìn)行調(diào)用，這種方式應(yīng)該是大部分人都熟知的。這種方式比較繁瑣的點(diǎn)在于，每一個(gè) Converter 在調(diào)用時(shí)都需要在 <xxx.Resources></xxx.Resources> 中定義資源字典，才能夠使用，無(wú)論是在當(dāng)前窗口資源標(biāo)簽中還是在 App.xaml 文件中統(tǒng)一定義，至少都需要進(jìn)行一次定義。

還有一中方式，可以不用定義資源字典也可以使用，那就是讓 Converter 實(shí)現(xiàn)類繼承 MarkupExtension 類，當(dāng)然這種方式是需要在當(dāng)前 xaml 文件中引入 Converter 所在的命名空間的。其調(diào)用方式為：Converter="{xmlnsName:myConverter}"

基類實(shí)現(xiàn)

這里我們實(shí)現(xiàn)兩種不同類型的 Converter 即 ValueConverter 和 MultiConverter。我們分別定義兩個(gè) BaseConverter 抽象類，名為：BaseMultiConverter 和 BaseValueConverter。

單值轉(zhuǎn)換類

using System;
using System.Globalization;
using System.Windows.Data;
using System.Windows.Markup;

public abstract class BaseValueConverter : MarkupExtension, IValueConverter
{
    public abstract object Convert(object value, Type targetType, object parameter, CultureInfo culture);

    public abstract object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture);

    public override object ProvideValue(IServiceProvider serviceProvider) => this;
}

多值轉(zhuǎn)換類

using System;
using System.Globalization;
using System.Windows.Data;
using System.Windows.Markup;

public abstract class BaseMultiConverter : MarkupExtension, IMultiValueConverter
{
    public abstract object Convert(object[] values, Type targetType, object parameter, CultureInfo culture);

    public abstract object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture);

    public override object ProvideValue(IServiceProvider serviceProvider) => this;
}

需要實(shí)現(xiàn) ProvideValue 方法，當(dāng)日很簡(jiǎn)單 return this 就好了。將其他的方法改為抽象方法，后續(xù)我們定義的值轉(zhuǎn)換器就可以根據(jù)需要繼承相應(yīng)的 BaseConverter 抽象類，在實(shí)現(xiàn)類中實(shí)現(xiàn) Convert 和 ConvertBack 兩個(gè)方法。

子類實(shí)現(xiàn)

前面說過，子類需要繼承相應(yīng)的基類，這里我們以最常用的顯示隱藏和字體顏色最為例子實(shí)現(xiàn)自定義的值轉(zhuǎn)換器。

using System;
using System.Globalization;
using System.Windows;

class BoolToVisibilityConverter : BaseValueConverter
{
    public bool UseHidden { get; set; }
    public bool Reversed { get; set; }
    public override object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is bool b)
        {
            if (Reversed) b = !b;

            return b ? Visibility.Visible : Visibility.Collapsed;
        }
       throw new ArgumentNullException(nameof(value));
    }

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

可以看到在上面的代碼中聲明了 UseHidden 和 Reversed 兩個(gè)屬性，用起來也很簡(jiǎn)單直接 ‘,’ 就可以提示出來，并且值的類型也可以提示很 nice。

using System;
using System.Globalization;
using System.Windows.Media;

class MultiToColorConverter : BaseMultiConverter
{
    public override object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        return string.IsNullOrWhiteSpace(values[0].ToString()) || string.IsNullOrWhiteSpace(values[1].ToString())
            ? Brushes.Orange
            : values[0].ToString() is "A" && values[1].ToString() is "B" ? Brushes.Red 
            : Brushes.Green;
    }

    public override object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

前面說了調(diào)用方式，現(xiàn)在來試驗(yàn)下。

xmlns:converter="clr-namespace:ValueConverterUse.ValueConverters" 是我實(shí)現(xiàn) Converter 的命名空間，根據(jù)實(shí)際情況改變

<Window
    x:Class="ValueConverterUse.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:converter="clr-namespace:ValueConverterUse.ValueConverters"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:ValueConverterUse"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Title="MainWindow"
    Width="800"
    Height="450"
    mc:Ignorable="d">
    <Grid Margin="20,0">
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>
        <StackPanel VerticalAlignment="Center">
            <TextBox
                x:Name="txt01"
                Margin="0,10,0,0"
                FontSize="20"
                Text="A" />
            <TextBox
                x:Name="txt02"
                Margin="0,10,0,0"
                FontSize="20"
                Text="B" />
            <TextBlock
                Margin="0,10,0,0"
                HorizontalAlignment="Center"
                FontSize="24"
                Text="Hello">
                <TextBlock.Foreground>
                    <MultiBinding Converter="{converter:MultiToColorConverter}">
                        <Binding ElementName="txt01" Path="Text" />
                        <Binding ElementName="txt02" Path="Text" />
                    </MultiBinding>
                </TextBlock.Foreground>
            </TextBlock>
        </StackPanel>

        <Grid Grid.Row="1">
            <Grid.RowDefinitions>
                <RowDefinition />
                <RowDefinition />
            </Grid.RowDefinitions>
            <Border
                Background="Green"
                CornerRadius="20"
                Visibility="{Binding ElementName=Check, Path=IsChecked, Converter={converter:BoolToVisibilityConverter}}">
                <TextBlock
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    FontSize="24"
                    Text="顯示隱藏" />
            </Border>
            <ToggleButton
                x:Name="Check"
                Grid.Row="1"
                Width="120"
                Height="40"
                IsChecked="True">
                <TextBlock Text="顯示或隱藏" />
            </ToggleButton>
        </Grid>
    </Grid>
</Window>