Renderizar texto en WPF para que se ajuste perfectamente a un rectángulo determinado

Question

Necesito mostrar las palabras en un lienzo de WPF de forma que quepan perfectamente en cuadros predefinidos.

Una caja generalmente contiene una sola línea de texto, de una letra a unas pocas palabras.

El texto dentro de una casilla debe ser lo más grande posible, es decir, tocar todos los bordes de la caja (excepto tal vez porque causaría demasiada distorsión de texto debido a una proporción anormal de caja/altura).

No pude encontrar una buena manera de calcular la altura, escala y compensación de fuente adecuadas, según el contenido del texto.

¡Una primera solución en la que la relación de ancho/alto del texto original no se puede cambiar ya sería muy agradable!

Me gustaría utilizar elementos TextBlock, pero cualquier otra cosa que funcione debería estar bien.

Answer 1

Como dijo la respuesta de Robery Levy, puede usar un Viewbox para lograrlo. Sin embargo, el texto en sí no se extenderá, por lo que aún tendrá un "margen" en cero o más lados dependiendo de su texto (como notó). Para solucionar este problema, puede crear un control personalizado que construya un Geometry desde un FormattedText y luego dibujarlo con DrawGeometry en OnRender. Notará cómo la calidad del texto mejora con un FontSize más grande. Un texto muy pequeño (por ejemplo FontSize="10") no se verá muy agudo en un gran Viewbox por lo que tendrá que experimentar un poco

Parte de la muestra Xaml

<Canvas Background="Black"> 
    <Viewbox Canvas.Left="10" Canvas.Top="10" 
      Stretch="Fill" Width="200" Height="50"> 
     <Border Background="Red"> 
      <local:StretchText Text="Text" Foreground="Green" FontSize="100"/> 
     </Border> 
    </Viewbox> 
    <Viewbox Canvas.Left="230" Canvas.Top="10" 
      Stretch="Fill" Width="200" Height="50"> 
     <Border Background="Red"> 
      <local:StretchText Text="B" Foreground="Green" FontSize="500"/> 
     </Border> 
    </Viewbox> 
</Canvas> 

texto extendido .cs

public class StretchText : Control 
{ 
    protected override void OnRender(DrawingContext drawingContext) 
    { 
     FormattedText formattedText = new FormattedText(
      Text, 
      CultureInfo.GetCultureInfo("en-us"), 
      FlowDirection.LeftToRight, 
      new Typeface(FontFamily, FontStyle, FontWeight, FontStretches.Normal), 
      FontSize, 
      Foreground); 

     Geometry textGeometry = formattedText.BuildGeometry(new Point(0, 0)); 
     this.MinWidth = textGeometry.Bounds.Width; 
     this.MinHeight = textGeometry.Bounds.Height; 

     TranslateTransform translateTransform = new TranslateTransform(); 
     translateTransform.X = -textGeometry.Bounds.Left; 
     translateTransform.Y = -textGeometry.Bounds.Top; 
     drawingContext.PushTransform(translateTransform); 
     drawingContext.DrawGeometry(Foreground, new Pen(Foreground, 1.0), textGeometry); 
    } 

    public string Text 
    { 
     get { return (string)GetValue(TextProperty); } 
     set { SetValue(TextProperty, value); } 
    } 
    public static readonly DependencyProperty TextProperty = 
     DependencyProperty.Register("Text", 
     typeof(string), 
     typeof(StretchText), 
     new FrameworkPropertyMetadata(string.Empty, FrameworkPropertyMetadataOptions.AffectsRender)); 
} 

Answer 2

Deja TextBlock dentro de un Viewbox: http://msdn.microsoft.com/en-us/library/system.windows.controls.viewbox.aspx

Answer 3

se puede consultar el artículo de Charles Petzold "Render Text on a Path with WPF". Lamentablemente, no puedo actualizar mis conocimientos sobre el tema en este momento debido a que algo va mal en el sitio de MSDN, pero me describió cómo escalar el texto dentro de la ruta.