Ocultar fila de cuadrícula en WPF

Tengo un formulario WPF simple con un Griddeclarado en el formulario. Esto Gridtiene un montón de filas:

<Grid.RowDefinitions>
    <RowDefinition Height="Auto" MinHeight="30" />
    <RowDefinition Height="Auto" Name="rowToHide" />
    <RowDefinition Height="Auto" MinHeight="30" />
</Grid.RowDefinitions>

La fila nombrada rowToHidecontiene algunos campos de entrada y quiero ocultar esta fila después de detectar que no necesito estos campos. Es bastante simple configurar Visibility = Hiddentodos los elementos de la fila, pero la fila aún ocupa espacio en el Grid. Intenté configurar Height = 0los elementos, pero no pareció funcionar.

Puede pensarlo así: tiene un formulario, allí tiene un menú desplegable que dice "Tipo de pago", y si la persona selecciona "Efectivo", desea ocultar la fila que contiene los detalles de la Tarjeta. No es una opción comenzar el formulario con esto ya oculto.

Row no tiene una propiedad de Visibilidad, por lo que, como han dicho otros, debe establecer la Altura. Otra opción es utilizar un convertidor, en caso de que necesite esta funcionalidad en muchas vistas:

    [ValueConversion(typeof(bool), typeof(GridLength))]
    public class BoolToGridRowHeightConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return ((bool)value == true) ? new GridLength(1, GridUnitType.Star) : new GridLength(0);
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {    // Don't need any convert back
            return null;
        }
    }

Y luego en la vista apropiada <Grid.RowDefinition>:

<RowDefinition Height="{Binding IsHiddenRow, Converter={StaticResource BoolToGridRowHeightConverter}}"></RowDefinition>

La mejor y más limpia solución para contraer filas o columnas es usar un DataTrigger, en su caso:

<Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" MinHeight="30" />
      <RowDefinition Name="rowToHide">
        <RowDefinition.Style>
          <Style TargetType="{x:Type RowDefinition}">
            <Setter Property="Height" Value="Auto" />
            <Style.Triggers>
              <DataTrigger Binding="{Binding SomeBoolProperty}" Value="True">
                <Setter Property="Height" Value="0" />
              </DataTrigger>
            </Style.Triggers>
          </Style>
        </RowDefinition.Style>
      </RowDefinition>
      <RowDefinition Height="Auto" MinHeight="30" />
    </Grid.RowDefinitions>
  </Grid>

También puede hacer esto haciendo referencia a la fila en la cuadrícula y luego cambiando la altura de la fila.

XAML

<Grid Grid.Column="2" Grid.Row="1" x:Name="Links">
   <Grid.RowDefinitions>
      <RowDefinition Height="60" />
      <RowDefinition Height="*" />
      <RowDefinition Height="*" />
      <RowDefinition Height="80" />
   </Grid.RowDefinitions>
</Grid>

VB.NET

If LinksList.Items.Count > 0 Then
   Links.RowDefinitions(2).Height = New GridLength(1, GridUnitType.Star)
Else
   Links.RowDefinitions(2).Height = New GridLength(0)
End If

Si bien el colapso de los elementos dentro de la cuadrícula también funciona, esto es un poco más simple si tiene muchos elementos en la cuadrícula que no tienen un elemento adjunto que pueda colapsarse. Esto proporcionaría una buena alternativa.

Como referencia, Visibilityes una enumeración System.Windows.Visibility de tres estados :

• Visible: el elemento se renderiza y participa en el diseño.
• Colapsado: el elemento es invisible y no participa en el diseño. Dándole efectivamente una altura y ancho de 0 y comportándose como si no existiera.
• Oculto: el elemento es invisible pero sigue participando en el diseño.

Vea esta sugerencia y otras sugerencias en el hilo de sugerencias y trucos de WPF .

En lugar de jugar con la fila de la cuadrícula, puede establecer la propiedad Visibilidad de los controles (campos en la fila) en "Contraído". Esto asegurará que los controles no ocupen ningún espacio y si tiene Grid Row Height = "Auto", entonces la fila se ocultará ya que todos los controles en la fila tienen Visibility = "Collapsed".

<Grid>
       <Grid.RowDefinitions>
         <RowDefinition Height="Auto" />
         <RowDefinition Height="Auto" Name="rowToHide" />
       </Grid.RowDefinitions>

   <Button Grid.Row=0 Content="Click Me" Height="20">
       <TextBlock Grid.Row=1 
Visibility="{Binding Converter={StaticResource customVisibilityConverter}}" Name="controlToHide"/>

</Grid>

Este método es mejor porque la visibilidad de los controles se puede vincular a alguna propiedad con la ayuda de un convertidor.

Simplemente haz esto:
rowToHide.Height = new GridLength(0);

si va a usar, visibility.Collapseentonces debe configurarlo para cada miembro de la fila.

Establezca la visibilidad del contenido de la fila en Visibility.Collapsedlugar de Oculto. Esto hará que el contenido deje de ocupar espacio y la fila se reducirá adecuadamente.

Tuve una idea similar al heredar RowDefinition (solo por interés)

public class MyRowDefinition : RowDefinition
{
    private GridLength _height;

    public bool IsHidden
    {
        get { return (bool)GetValue(IsHiddenProperty); }
        set { SetValue(IsHiddenProperty, value); }
    }

    // Using a DependencyProperty as the backing store for IsHidden.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty IsHiddenProperty =
        DependencyProperty.Register("IsHidden", typeof(bool), typeof(MyRowDefinition), new PropertyMetadata(false, Changed));

    public static void Changed(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var o = d as MyRowDefinition;
        o.Toggle((bool)e.NewValue);
    }

    public void Toggle(bool isHidden)
    {
        if (isHidden)
        {
            _height = this.Height;
            this.Height = new GridLength(0, GridUnitType.Star);
        }                                                     
        else
            this.Height = _height;
    }          
}

Ahora puede usarlo de la siguiente manera:

 <Grid.RowDefinitions>
        <RowDefinition Height="2*" />
        <my:MyRowDefinition Height="4*" IsHidden="false" x:Name="RowToHide" />
        <RowDefinition Height="*" />
        <RowDefinition Height="60" />
    </Grid.RowDefinitions>

y alternar con

RowToHide.IsHidden = !RowToHide.IsHidden;