如何在 WPF Viewbox 中保持恒定的 FontSize？

Question

我有一个 Viewbox，其中包含许多 TextBlock，这些 TextBlock 由 ViewBox 完美缩放和定位。类似这样：

<Viewbox Stretch="Uniform">
    <Canvas Width="100" Height="100">
        <Ellipse Width="100" Height="100" Stroke="Black"/>
        <TextBlock Width="100" TextAlignment="Center" FontSize="12">Top Center</TextBlock>
    </Canvas>
</Viewbox>

如果用户调整 Viewbox 的大小，其内容将完美缩放以匹配。但是，无论 Viewbox 的实际大小如何，我都希望将 FontSize 保留为 12。

我该怎么做？我可以在 XAML 中执行此操作而不附加到 Resize 事件吗？

Answer 1

ViewBox 不允许您保持恒定的字体大小，这不是它的工作原理。您需要将文本放在视图框之外才能发生这种情况：

<Grid>
    <Viewbox Stretch="Uniform">
        <Canvas Width="100" Height="100">
            <Ellipse Width="100" Height="100" Stroke="Black"/>
        </Canvas>
    </Viewbox>
    <TextBlock TextAlignment="Center" FontSize="12">Top Center</TextBlock>
</Grid>

请注意，我从 TextBlock 中删除了 Width 属性，我只是让它拉伸网格的宽度，让文本对齐照顾居中。

或者，您可以发挥创意，将 FontSize 属性绑定到 ViewBox 的 ActualWidth 并使其适当缩放，例如：

Converter：

class ViewBoxConstantFontSizeConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (!(value is double)) return null;
        double d = (double)value;
        return 100 / d * 12;
    }

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

Usage ：

<Window.Resources>
    ...
    <local:ViewBoxConstantFontSizeConverter x:Key="conv"/>
</Window.Resources>
...
<Viewbox Name="vb" Stretch="Uniform">
    <Canvas Width="100" Height="100">
        <Ellipse Width="100" Height="100" Stroke="Black"/>
        <TextBlock Width="100" TextAlignment="Center"
                   FontSize="{Binding ElementName=vb, 
                                      Path=ActualWidth, 
                                      Converter={StaticResource conv}}">
            Top Center
        </TextBlock>
    </Canvas>
</Viewbox>

Answer 2

这也可能是一个简单的修复。

<Viewbox StretchDirection="DownOnly" >
     <Label Content="Enable" FontSize="10" FontStretch="Normal" />
</Viewbox>