silverlight - ejemplos - TextBlock con múltiples espacios<Run>

xaml c#

Question

Dado un bloque de texto formateado en el proyecto Windows Phone 7.1:

<StackPanel Orientation="Horizontal">
    <TextBlock Foreground="DarkGray" VerticalAlignment="Bottom" Margin="0,0,0,8">
            <Run Text="total length "/>
            <Run Text="{Binding TotalHours}" FontSize="48"/>
            <Run Text="h "/>
            <Run Text=":" FontSize="48"/>
            <Run Text="{Binding TotalMinutes}" FontSize="48"/>
            <Run Text="m "/>
    </TextBlock>
</StackPanel>

Está siendo previsualizado correctamente en VS Designer:

Ya no está buscando la manera que quiero en Blend:

Se ve igual que en Blend (buen equipo de mezcla de trabajo) en el emulador y en un dispositivo real.

¿Qué agrega esos espacios antes y después de los grandes 8 y 45?

¿Cómo puedo forzar que mi diseño se vea correctamente (como en el diseñador de VS)?

Answer 1

Para construir la respuesta de Justin XL, la parte importante es que no puedes tener espacios en blanco entre las etiquetas de ejecución, pero el espacio en blanco en las etiquetas en sí no importa ...

Para que pueda ser creativo, coloque ejecuciones en líneas separadas, pero no agregue espacios al resultado:

<!-- Formatted to prevent adding spaces between runs -->
<TextBlock Foreground="DarkGray" VerticalAlignment="Bottom" Margin="0,0,0,8"
    ><Run Text="total length "
    /><Run Text="{Binding TotalHours}" FontSize="48"
    /><Run Text="h "
    /><Run Text=":" FontSize="48"
    /><Run Text="{Binding TotalMinutes}" FontSize="48"
    /><Run Text="m "
/></TextBlock>

Answer 2

si escribe todas sus Runs en la misma línea, el espacio vacío desaparecerá. Básicamente, una nueva línea aquí es un espacio vacío en la interfaz de usuario.

<TextBlock Foreground="DarkGray" VerticalAlignment="Bottom" Margin="0,0,0,8"><Run Text="total length "/><Run Text="{Binding TotalHours}" FontSize="48"/><Run Text="h "/><Run Text=":" FontSize="48"/><Run Text="{Binding TotalMinutes}" FontSize="48"/><Run Text="m "/></TextBlock>