在组合框中显示 FontFamily

Question

我的目标是通过 DependencyProperties 操作应用程序的文本样式。我得到了一个图表，其中要对文本的大小、字体系列、颜色等进行操作。所以我想使用类似于 Word 等富文本编辑器的界面。

我在 TextStyleVM http: //shevaspace.blogspot.com/2006/12/i-have-some-fun-with-formattedtext_14.html

所以我有一个 FontFamilyProperty 和一个 Getter 和 Setter：

        public static DependencyProperty FontFamilyProperty =
            DependencyProperty.Register(
                "FontFamily",
                typeof(FontFamily),
                typeof(OutlinedText),
                new FrameworkPropertyMetadata(
                   SystemFonts.MessageFontFamily,
                   FrameworkPropertyMetadataOptions.AffectsRender |
                   FrameworkPropertyMetadataOptions.AffectsMeasure),
                      new ValidateValueCallback(IsValidFontFamily)); 

  public FontFamily FontFamily
    {
        get { return (FontFamily)base.GetValue(FontFamilyProperty); }
        set { base.SetValue(FontFamilyProperty, value); }
    }

然后有一个 ToStyle 方法，它设置要操作的图表标签的样式：

        Style style = new Style();
        Binding fontFamilyBinding = new Binding("FontFamily");
        fontFamilyBinding.Source = this;
        Setter fontFamilySetter = new Setter();
        fontFamilySetter.Property = TextBlock.FontFamilyProperty;
        fontFamilySetter.Value = fontFamilyBinding;
        style.Setters.Add(fontFamilySetter);

        return style;

现在这适用于文本框。文本框显示当前的 FontFamily，如果我在文本框中输入新的有效 FontFamily（如 Arial），标签的 FontFamily 就会更改。

然而，我想要的是一个组合框，它显示系统字体，并且我可以在其中为我的标签选择一个 FontFamily。但是，绑定似乎不起作用。系统字体和标签的当前字体均不显示。组合框只是空的。

这是我的 xaml：

            <r:RibbonLabel Content="FontFamily" />
            <!--these do not work-->
            <r:RibbonComboBox SelectedItem="{Binding FontFamily}"/>
            <r:RibbonComboBox ItemsSource="{Binding FontFamily}"/>
            <!--this works-->
            <r:RibbonTextBox Text="{Binding FontFamily}"/>

现在，我假设我必须在 ToStyle 方法中为 ComboBox 设置不同的 Setter。但我不知道是哪一个。也许是这样的：

            fontFamilySetter.Property = ComboBox.ItemSource;

但是，如果我设置该属性，文本框仍然有效。那么这是一个错误的起点吗？如果有人能提示我一些有关使用 ToStyle 方法中使用的 Style、Setter、Binding 关键字的文档，我也将不胜感激，因为这是我正在使用的其他人的代码。

Answer 1

这里的 ItemsSource 需要一个集合；例如 Fonts.SystemFontFamilies

<ComboBox ItemsSource="{Binding Source={x:Static Fonts.SystemFontFamilies}}"/>

实际上，这里有一个非常好的链接，涵盖字体选择：

http://www.hanselman。 com/blog/LearningWPFWithBabySmashCustomerFeedbackAndAWPFFontComboBox.aspx

Scott Hanselman 甚至展示了如何使用其自己的字体系列呈现组合框中的每个字体项。

---

根据 OP 评论添加。

下面是绑定到依赖属性的示例。属性被命名为“MyFontFamily”以避免与现有窗口的属性发生冲突。抱歉，没有功能区控件（我只有 3.5 sp1）。

Window1.xaml

<Window
    x:Class="SimpleWpf.Window1"
    x:Name="ThisWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <StackPanel Orientation="Vertical">
        <ComboBox
            SelectedItem="{Binding MyFontFamily, ElementName=ThisWindow}"
            ItemsSource="{Binding Source={x:Static Fonts.SystemFontFamilies}}"/>
        <TextBlock
            Text="Lazy dog jumper"
            FontFamily="{Binding MyFontFamily, ElementName=ThisWindow}"
            FontSize="24"/>
    </StackPanel>
</Window>

Window1.xaml.cs

public partial class Window1 : Window
{
    // ...

    public static readonly DependencyProperty MyFontFamilyProperty =
        DependencyProperty.Register("MyFontFamily",
        typeof(FontFamily), typeof(Window1), new UIPropertyMetadata(null));
}

Answer 2

一个 Xaml 解决方案，字体按字母顺序排序：

<Window x:Class="WpfFontsComboBox.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:System="clr-namespace:System;assembly=mscorlib"
        xmlns:ComponentModel="clr-namespace:System.ComponentModel;assembly=WindowsBase"
        Height="350" Width="525">
    <Window.Resources>
        <CollectionViewSource x:Key="SortedFontsCollection" Source="{Binding Source={x:Static Fonts.SystemFontFamilies}}" >
            <CollectionViewSource.SortDescriptions>
                <ComponentModel:SortDescription PropertyName="Source" />
            </CollectionViewSource.SortDescriptions>
        </CollectionViewSource>
    </Window.Resources>
    <StackPanel>
        <Label Content="42" FontFamily="{Binding ElementName=comboBoxFonts, Path=SelectedItem}" />
        <ComboBox x:Name="comboBoxFonts" ItemsSource="{Binding Source={StaticResource SortedFontsCollection}}" />
    </StackPanel>
</Window>

Answer 3

可以在这里找到一个很棒的 WPF 字体组合框：

CodeProject.com：纯 XAML 字体组合框

它是纯 XAML，可以直接复制/粘贴，甚至可以正确对字体进行排序。这篇文章还很好地描述了遇到的所有问题以及如何解决它们。