WPF - 将 TextBox 的 FontFamily 绑定到 ComboBox

Question

我知道这个帖子：TextBox FontFamily Binding，看起来类似于我的问题，但我的情况要简单得多，我想在 ComboBox 的值更改时将 TextBox 控件的 FontFamily 属性绑定到 ComboBox , TextBox 的内容会相应改变。我没有使用 VM 或依赖属性，我按照本教程进行操作：https://dotnetstories.wordpress.com/2011/07/31/using-type-converters-in-wpf/

并想出了：

<Window x:Class="NumericControlTest.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:NumericControlTest"
    mc:Ignorable="d"
    Title="MainWindow" Height="350" Width="525">

<Window.Resources>
    <local:FontFamilyConversions x:Key="FontFamilyConversions" />
</Window.Resources>

<DockPanel>

    <ComboBox  DockPanel.Dock="Top" x:Name="Fonttype" >
        <ComboBoxItem IsSelected="True">Arial</ComboBoxItem>
        <ComboBoxItem>Batang</ComboBoxItem>
        <ComboBoxItem>BatangChe</ComboBoxItem>
        <ComboBoxItem>Gungsuh</ComboBoxItem>
        <ComboBoxItem>GungsuhChe</ComboBoxItem>
        <ComboBoxItem>Courier New</ComboBoxItem>
    </ComboBox>
    <TextBox x:Name="editor" FontSize="16" FontFamily="{Binding Path=SelectedValue, ElementName=Fonttype, Mode=OneWay, Converter={StaticResource FontFamilyConversions}}" >

    </TextBox>
</DockPanel>

using System.Windows.Data;
using System.Windows.Media;

namespace NumericControlTest
{
    class FontFamilyConversions : IValueConverter
    {
        public object Convert(object value, System.Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            FontFamily fontfamily = new FontFamily("Verdana");
            if (value != null)
            {
                fontfamily = new FontFamily(value.ToString());
            }
            return fontfamily;
        }

        public object ConvertBack(object value, System.Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            return null;
        }
    }
}

但它不起作用，在我更改 ComboBox 的值后，没有任何反应。

感谢您的宝贵时间。

Answer 1

return fontfamily; 上的断点将表明您没有从 value.ToString() 获得预期的结果。您需要从ComboBoxItem 获取Content：

public object Convert(object value, System.Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
    FontFamily fontfamily = new FontFamily("Verdana");
    ComboBoxItem selectedFont = value as ComboBoxItem;
    if (selectedFont != null)
    {
        fontfamily = new FontFamily(selectedFont.Content.ToString());
    }
    return fontfamily;
}

您可以通过将<FontFamily> 对象直接添加到ComboBox 来避免转换器：

<ComboBox  DockPanel.Dock="Top" x:Name="Fonttype" SelectedIndex="0">
    <FontFamily>Arial</FontFamily>
    <FontFamily>Segoe UI</FontFamily>            
</ComboBox>

然后在没有转换器的情况下绑定到SelectedValue。

FontFamily="{Binding Path=SelectedValue, ElementName=Fonttype, Mode=OneWay}"

或者您可能想自动获取已安装字体的列表：

<ComboBox  DockPanel.Dock="Top" x:Name="Fonttype" ItemsSource="{x:Static Fonts.SystemFontFamilies}" SelectedIndex="0" />

虽然SystemFontFamilies 不太可能被排序，所以你需要use a CollectionViewSource to sort。

Answer 2

不必使用绑定转换器。

相反，您可以将 FontFamily 分配给每个 ComboBoxItem 的 Tag 属性。这也可以让您对 ComboBox 项使用任意文本：

<ComboBox x:Name="fontFamilyComboBox" SelectedValuePath="Tag">
    <ComboBoxItem Content="Arial">
        <ComboBoxItem.Tag>
            <FontFamily>Arial</FontFamily>
        </ComboBoxItem.Tag>
    </ComboBoxItem>
    <ComboBoxItem Content="Courier">
        <ComboBoxItem.Tag>
            <FontFamily>Courier New</FontFamily>
        </ComboBoxItem.Tag>
    </ComboBoxItem>
</ComboBox>

<TextBox Text="Hello, World."
         FontFamily="{Binding SelectedValue, ElementName=fontFamilyComboBox}"/>

FontFamily 属性上的 SelectedValue 绑定直接返回 ComboBox 的 Tag 属性，因为在 ComboBox 上设置了 SelectedValuePath="Tag"。如果没有这个，FontFamily 绑定也可以这样写：

<TextBox Text="Hello, World."
         FontFamily="{Binding SelectedItem.Tag, ElementName=fontFamilyComboBox}"/>