什么是 WPF 中的转换器？如何自定义一个值转换器？

WPF（Windows Presentation Foundation）中的“转换器”（Converter）是用来在绑定过程中，将源数据转换为目标数据格式的工具。它常常用于将数据模型中的值转换为视图需要的格式，或反向转换。转换器通常实现IValueConverter接口，并用于数据绑定时的格式转换。

1.历史背景

在WPF出现之前，Windows应用程序大多使用WinForms进行开发。WinForms提供了基本的UI功能，但在表现能力和数据绑定方面具有一定的局限性。为了解决这些问题，微软推出了WPF，它引入了更为强大的数据绑定和样式功能。

2.什么是转换器？

转换器用于在数据源和目标之间进行类型转换。当数据源类型与目标UI元素的属性类型不匹配时，可以通过转换器来转换数据。例如，将一个布尔值转换为对应的可见性枚举值。

转换器通常实现 IValueConverter 接口，该接口定义了两个方法：

• Convert: 将源数据转换为目标数据类型。
• ConvertBack: 将目标数据转换为源数据类型（数据绑定是双向时需要实现）。

3.如何自定义一个值转换器？

下面是自定义一个简单的布尔值到可见性（Visibility）的转换器的例子。

3.1 创建WPF项目

• 打开Visual Studio。
• 创建一个新的WPF应用程序项目。
• 命名项目，例如“ValueConverterExample”。

3.2 实现IValueConverter接口

在项目中添加一个新的类文件，例如 BoolToVisibilityConverter.cs。

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

namespace WpfApp1
{
    // Bool到可见性转换器 | 转换器通常实现IValueConverter接口，并用于数据绑定时的格式转换。
    public class BoolToVisibilityConverter : IValueConverter
    {
        // Convert方法用于布尔值到转换为窗口可见性（Visibility）的转换器
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            if (value is bool booleanValue)
            {
                // 如果布尔值为true，则返回Visible；否则返回Collapsed
                return booleanValue ? Visibility.Visible : Visibility.Collapsed;
            }
            return Visibility.Collapsed;
        }

        // ConvertBack方法用于从Visibility转换为布尔值
        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            if (value is Visibility visibility)
            {
                // 如果Visibility为Visible，则返回true；否则返回false
                return visibility == Visibility.Visible;
            }
            return false;
        }
    }
}

3.3 在XAML中使用转换器

打开 MainWindow.xaml 并定义一个资源，以便在数据绑定中使用转换器。

<Window x:Class="WpfApp1.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:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <!-- 将转换器定义为静态资源 -->
        <local:BoolToVisibilityConverter x:Key="BoolToVisibilityConverter" />
    </Window.Resources>

    <Grid>
        <!--定义一个资源，以便在数据绑定中使用转换器。-->
        <CheckBox x:Name="ToggleCheckbox" Content="切换可见性"  HorizontalAlignment="Left" Margin="324,120,0,0" VerticalAlignment="Top" />
        <TextBlock Text="Hello, WPF!" Margin="324,154,305,184"
                   Visibility="{Binding ElementName=ToggleCheckbox, Path=IsChecked, Converter={StaticResource BoolToVisibilityConverter}}" />
    </Grid>
</Window>

3.4 运行应用程序

按下F5键或者点击“开始调试”按钮运行程序。你应该会看到一个窗口，里面有一个复选框和一个文本块。当选中复选框时，文本块变得可见；当取消选中时，文本块消失。

总结

在这个例子中，我们创建了一个BoolToVisibilityConverter，它被用于将CheckBox的 IsChecked 属性的布尔值转换为 TextBlock 的 Visibility 属性。这展示了怎样自定义一个简单的值转换器并在WPF应用中使用它。转换器为数据绑定提供了强大的支持，能够处理各种类型的转换逻辑。