WPF Mezcla de texto enlazado y fijo en un cuadro de texto

Question

Tengo el siguiente código para mostrar la edad de un cliente.

<TextBox x:Name="txtClientAge" Text="{Binding Path=ClientAge}" /> 

Sin embargo, en lugar de simplemente mostrar sólo el número, quiero el prefijo con el texto "Edad" y el sufijo con el texto "años" por lo que se convierte efectivamente en "Edad 36 años"

Puedo lograr esto con un StackPanel horizontal y 3 Textboxes, pero ¿hay un método mucho más simple que me falta?

Answer 1

Suponiendo que no necesita el valor de edad para ser editable, en WPF 4.0 la propiedad Text de Run será enlazable, esto probablemente no lo ayude ahora a menos que esté utilizando el prelanzamiento, pero estará capaz de hacer algo como lo siguiente:

<TextBlock x:Name="txtClientAge" > 
    <Run Text="Age "/><Run Text="{Binding Path=ClientAge}"/><Run Text=" Yrs"/> 
</TextBlock> 

ACTUALIZACIÓN Heres otra alternativa para la solución de cadena de formato que funciona, pero no es especialmente bonita (de hecho es bastante hacky). Utiliza el siguiente convertidor en la unión (propiedad de clientela suponiendo que es de tipo int):

public class AgeConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, 
          System.Globalization.CultureInfo culture) 
    { 
     string age = value.ToString(); 
     return "Age " + age + " years"; 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, 
           System.Globalization.CultureInfo culture) 
    { 
     string age = value as string; 
     return Int32.Parse(age.Replace("Age ", " ").Replace(" years", "")); 
    } 
} 

Answer 2

Puede crear una propiedad en la clase que está vinculando también que crea la cadena de texto que desea mostrar.

También hay la ruta StringFormat:

<textblock text="{Binding Path=mydate, StringFormat=d}"/> 

Puede cortar las constantes en la cadena de formato.

Prefiero el método de propiedad.

Answer 3

Esto es muy una vieja pregunta, pero creo que esta es la mejor solución actual (si desea editar el texto).

Puede hacerlo con un InlineUIContainer en un TextBlock con un Textbox anidado.

Nota: He usado BaselineAlignment="Center" para alinear los componentes. También puede agregar márgenes positivos o negativos al TextBox según sea necesario. También configuro el borde del TextBox como transparente para que se vea como parte del TextBlock, aunque es editable y seleccionable.

<TextBlock Foreground="SteelBlue"> 
    <Run Text="Package Barcode:" FontWeight="Bold" BaselineAlignment="Center"/> 
    <InlineUIContainer BaselineAlignment="Center"> 
     <TextBox Margin="2,0,0,0" Foreground="Gray" Text="{Binding BarcodeNumber}" BorderThickness="0" Padding="0"/> 
    </InlineUIContainer> 
</TextBlock> 

Answer 4

Esto es como una respuesta anterior - (pero son todos con Texblocks ... así que aquí una versión del cuadro de texto), también quería mostrar el enfoque de unión múltiple. Para obtener una TexBox a hacer lo que quiera, puede utilizar el siguiente código:

<TextBox> 
<TextBox.Text> 
    <MultiBinding StringFormat="Age {0} yrs and {1} months"> 
    <Binding Path="Years" /> 
    <Binding Path="Months" /> 
    </MultiBinding> 
</TextBox.Text> 
</TextBox> 

puede ser útil si usted desea hacer su texto seleccionable por lo que un usuario puede copiar el código.