¿Cómo ocultar el TextBlock vacío?

Question

En el XAML proporcionado a continuación, a veces no tengo el valor para el teléfono. Cuando eso sucede, falta el valor, pero el TextBlock sigue ocupando el espacio en el panel. Quiero ocultar TextBlock s vacíos de tomar espacio en el StackPanel.

Aquí está el XAML:

<StackPanel> 
    <TextBlock Text="{Binding Path=FirstName}" /> 
    <TextBlock Text="{Binding Path=LastName}" /> 
    <TextBlock Text="{Binding Path=Phone}" /> 
    <TextBlock Text="{Binding Path=Email}" /> 
</StackPanel> 

He leído this article, pero la respuesta aceptada no funciona para mí:

<StackPanel> 
    <TextBlock Text="{Binding Path=FirstName}" /> 
    <TextBlock Text="{Binding Path=LastName}" /> 
    <TextBlock Text="{Binding Path=Phone}"> 
     <TextBlock.Style> 
      <Style TargetType="TextBlock"> 
       <Style.Triggers> 
        <Trigger Property="Text" Value="{x:Null}"> 
         <Setter Property="Visibility" Value="Collapsed" /> 
        </Trigger> 
       </Style.Triggers> 
      </Style> 
     </TextBlock.Style> 
    </TextBlock> 
    <TextBlock Text="{Binding Path=Email}" /> 
</StackPanel> 

¿estoy cometiendo un error en alguna parte, o se la aceptaron responder mal? ¿Qué debo hacer para lograr mi objetivo?

Answer 1

es probable que necesite usar:

<Style TargetType="TextBlock"> 
     <Style.Triggers> 
      <Trigger Property="Text" Value=""> 
       <Setter Property="Visibility" Value="Collapsed" /> 
      </Trigger> 
     </Style.Triggers> 
</Style> 

o tal vez ambas cosas:

<Style TargetType="TextBlock"> 
     <Style.Triggers> 
      <Trigger Property="Text" Value=""> 
       <Setter Property="Visibility" Value="Collapsed" /> 
      </Trigger> 
      <Trigger Property="Text" Value="{x:Null}"> 
       <Setter Property="Visibility" Value="Collapsed" /> 
      </Trigger> 
     </Style.Triggers> 
</Style> 

Answer 2

Se puede utilizar un DataTrigger:

<TextBlock Text="{Binding Path=Title}"> 
    <TextBlock.Style> 
     <Style TargetType="TextBlock"> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding Title}" Value="{x:Null}"> 
        <Setter Property="Visibility" Value="Collapsed" /> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
    </TextBlock.Style> 
</TextBlock> 

Answer 3

En lugar de introducir un estilo sólo para esto, para este tipo de cosas, prefiero usar un convertidor que maneje una cadena vacía o nula.

<TextBlock Text="{Binding Foo}" 
      Visibility="{Binding Foo, 
         Converter={StaticResource StringToVisibilityConverter}}" /> 

Dónde StringToVisibilityConverter se define así:

[ValueConversion(typeof(string), typeof(Visibility))] 
public class StringToVisibilityConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     if (string.IsNullOrEmpty((string)value)) 
     { 
      return Visibility.Collapsed; 
     } 
     else 
     { 
      return Visibility.Visible; 
     } 
    } 

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