TextBlock 和大写字母一样大（忽略字体升序/降序）

Question

我希望在TextBlock 上获得特定行为，以便其高度仅包括大写字母的高度（从基线到顶部减去“上升高度”）。请查看来自Wikipedia 的图像Sphinx 以了解我的意思。此外，下面的图片可能更能说明我所追求的。

我并不是专门寻找纯 XAML 解决方案（可能是不可能的），所以后面的 C# 代码（转换器）也可以。

这是 XamlPad 中用于生成上图中左侧 A 的 XAML。

<TextBlock Text="A" Background="Aquamarine" FontSize="120" HorizontalAlignment="Center" VerticalAlignment="Center" />

Answer 1

你可以尝试使用 LineStackingStrategy="BlockLineHeight" 属性和 LineHeight 属性上的转换器和 TextBlock 的高度上的转换器。 这是转换器的示例代码

// Height Converter
public class FontSizeToHeightConverter : IValueConverter
{
    public static double COEFF = 0.715;
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        return (double)value * COEFF;
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}
// LineHeightConverter
public class FontSizeToLineHeightConverter : IValueConverter
{
    public static double COEFF = 0.875;
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        return double.Parse(value.ToString()) * COEFF;
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

转换器使用的系数取决于使用的系列字体（基线和行间距）：

<TextBlock Text="ABC" Background="Aqua" LineStackingStrategy="BlockLineHeight" 
FontSize="{Binding ElementName=textBox1, Path=Text}" 
FontFamily="{Binding ElementName=listFonts, Path=SelectedItem}" 
Height="{Binding RelativeSource={RelativeSource Self}, Path=FontSize, Mode=OneWay, Converter={StaticResource FontSizeToHeightConverter1}}"
LineHeight="{Binding RelativeSource={RelativeSource Self}, Path=FontSize, Converter={StaticResource FontSizeToLineHeightConverter}}"/>

最好的解决方案是找到如何根据 FontFamily 的 Baseline 和 LineSpacing 参数计算 Coeff。 在此示例 (Segeo UI) 中，高度系数 = 0.715 和 LineHeight = 0,875 * FontSize。

Answer 2

更新：

如果我理解正确的话，我知道一些技巧，

您可以使用 RenderTransform Scale 它，这通常是最有效的方式；

<TextBlock Text="Blah">
  <TextBlock.RenderTransform>
   <CompositeTransform ScaleY="3"/>
  </TextBlock.RenderTransform>
</TextBlock>

或者您可以将 TextBlock 嵌入到 Viewbox 中以“缩放”文本以适应其容器的边界，例如，如果您在网格行上设置硬高度值，例如：

<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="120"/>
<RowDefinition Height="120"/>
</Grid.RowDefinitions>
<Viewbox VerticalAlignment="Stretch" Height="Auto">
      <!-- The textblock and its contents are 
      stretched to fill its parent -->
      <TextBlock Text="Sphinx" />
</Viewbox>
<Viewbox Grid.Row="2" VerticalAlignment="Stretch" Height="Auto">
      <!-- The textblock and its contents are 
      stretched to fill its parent -->
      <TextBlock Text="Sphinx2" />
</Viewbox>

或者您可以将FontSize 绑定到容器元素，例如；

<Grid x:Name="MyText" Height="120">
<TextBlock FontSize="{Binding ElementName=MyText, Path=Height}" Text="Sphinx" />
</Grid>

它们可能会呈现您想要的效果？