有没有更优雅的方法来自动调整标签字体大小？

Question

我有一个带有多个标签和其他控件的 WPF UI。我希望标签内文本的大小与窗口大小一起缩放。

将标签放在 Viewbox 中可以满足我的要求，但我觉得将每个标签放在它自己的 Viewbox 中有点“不美观”。

<Viewbox Grid.Row="1">
    <Label>PA-Nummer</Label>
</Viewbox>

是否有一种仅 Xaml（使用 MVVM 模式）的方法来更有效地执行此操作？

Answer 1

如果您想要缩放整个内容（不仅仅是文本），您可以执行以下操作。假设您对 Window（名为 MyWindow）的顶级控制是 Grid，这里是 XAML：

<Window.Resources>
    <c:WindowWidthToScaleConverter x:Key="WindowWidthToScaleConverter" />
</Window.Resources>

<Grid>
    <Grid.LayoutTransform>
        <ScaleTransform
            ScaleX="{Binding ActualWidth, ElementName=MyWindow, Converter={StaticResource WindowWidthToScaleConverter}}"
            ScaleY="{Binding ActualWidth, ElementName=MyWindow, Converter={StaticResource WindowWidthToScaleConverter}}"
            />
    </Grid.LayoutTransform>
    <!-- Contents -->
</Grid>

这是转换器，假设宽度为 640 是正常 (1:1) 比例：

public class WindowWidthToScaleConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is double width)
            return width / 640.0;
        return 1.0;
    }

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

更新：但是，上述解决方案只会使字体大小（和控件）看起来变大，但实际上不会改变字体大小。如果你只是想改变Label控件的字体大小，你可以在XAML中进行如下操作：

<Window.Resources>
    <c:WindowWidthToFontSizeConverter x:Key="WindowWidthToFontSizeConverter" />
    <Style TargetType="Label">
        <Setter
            Property="FontSize"
            Value="{Binding ActualWidth, ElementName=MyWindow,
                Converter={StaticResource WindowWidthToFontSizeConverter}}"
            />
    </Style>
</Window.Resources>

<StackPanel>
    <Label Content="Name:" />
    <TextBox />
</StackPanel>

转换器假定 640 的宽度对应于 12.0 的字体大小并相应地缩放：

public class WindowWidthToFontSizeConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is double width)
            return 12.0 * width / 640.0;
        return 12.0;
    }

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

您可以添加类似的Style 资源来缩放其他控件的字体大小。但是即使控件派生自Control 类，您也不能以这种方式为所有控件定义Style。但是，有一个解决方法可以解释here。