Wpf自定义控件模板 - 相对字体大小

Question

我正在创建一个自定义WPF控件,为简单起见,我们说有一个带有"标题"TextBlock的垂直堆栈面板,后面跟一个ContentPresenter.我希望"标题"的字体大小比内容中使用的大小高5个点,这是由用户放置此控件的任何容器继承的.

如何使用相对值在控件模板中为头元素指定字体大小,而不向用户公开类似"TitleFontSize"的属性？我想做"加5".

我尝试在标题文本块上使用ScaleTransform并使用混合结果(文本块缩放得很好,但方向已被修改 - 我将文本右对齐,并在缩放时移出"离开控件"区域).另外,我不确定缩放变换是否适合这里.

Answer 1

一种更通用的方式

价值转换器

public class MathConverter : IValueConverter
{
    public object Convert( object value, Type targetType, object parameter, CultureInfo culture )
    {
        return (double)value + double.Parse( parameter.ToString() );
    }

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

转换器资源

<my:MathConverter x:Key="MathConverter" />

XAML

<TextBlock FontSize="{Binding
                     RelativeSource={RelativeSource AncestorType={x:Type Window}},
                     Path=FontSize,
                     Converter={StaticResource MathConverter},
                     ConverterParameter=2}" />

Answer 2

我用IValueConverter做了如下:

创建了一个派生自IValueConverter的FontSizeConverter类.Convert方法将值加10,ConvertBack方法减去10.

public class FontSizeConverter : IValueConverter
{

    #region IValueConverter Members

    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        return (double)value + 12.0;
    }

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

    #endregion
}

接下来,我在控件的XAML模板中声明了此类的实例:

<Style.Resources>
        <local:FontSizeConverter x:Key="fontSizeConverter"/>
</Style.Resources>

而Finnaly,FontSize绑定使用此转换器应用于继承的FontSize属性:

<TextBlock FontSize="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=FontSize, Converter={StaticResource fontSizeConverter}}" 
                                   Grid.Row="0" Text="{Binding RelativeSource={RelativeSource TemplatedParent}, 
                                   Path=Date.Day}" HorizontalAlignment="Right" VerticalAlignment="Top" Padding="2" Margin="2" >
 </TextBlock>

这有效.但我仍然不知道这是否是正确的答案.让我知道是否有更好的方法,或者这是否合适.