Ocultar linha da grade no WPF

Eu tenho um formulário WPF simples com um Griddeclarado no formulário. Isso Gridtem um monte de linhas:

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

A linha nomeada rowToHidecontém alguns campos de entrada e quero ocultar essa linha depois de detectar que não preciso desses campos. É bastante simples definir apenas Visibility = Hiddenpara todos os itens na linha, mas a linha ainda ocupa espaço no Grid. Tentei definir Height = 0os itens, mas não pareceu funcionar.

Você pode pensar assim: você tem um formulário, nele há uma lista suspensa que diz "Tipo de pagamento" e, se a pessoa selecionar "Dinheiro", você deseja ocultar a linha que contém os detalhes do cartão. Não é uma opção iniciar o formulário com este oculto já.

Row não tem uma propriedade Visibility, então como outros disseram, você precisa definir a Height. Outra opção é usar um conversor, caso você precise dessa funcionalidade em várias visualizações:

    [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;
        }
    }

E então, na visualização apropriada <Grid.RowDefinition>:

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

A melhor e mais limpa solução para recolher linhas ou colunas é usar um DataTrigger para, no seu 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>

Você também pode fazer isso referenciando a Linha na Grade e alterando a Altura da própria linha.

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

Embora o recolhimento dos elementos dentro da grade também funcione, isso é um pouco mais simples se você tiver muitos itens na grade que não tenham um elemento envolvente que possa ser reduzido. Isso seria uma boa alternativa.

Para referência, Visibilityé uma enumeração System.Windows.Visibility de três estados :

• Visível - O elemento é renderizado e participa do layout.
• Reduzido - o elemento é invisível e não participa do layout. Efetivamente dando a ele altura e largura 0 e se comportando como se ele não existisse.
• Oculto - o elemento é invisível, mas continua a participar do layout.

Veja esta dica e outras dicas no tópico de dicas e truques do WPF .

Em vez de mexer na linha da grade, você pode definir a propriedade Visibility dos controles (campos na linha) como "Collapsed". Isso garantirá que os controles não ocupem nenhum espaço e se você tiver Grid Row Height = "Auto", a linha será ocultada, pois todos os controles na linha têm 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 é melhor porque a Visibilidade dos controles pode ser associada a alguma propriedade com a ajuda de um Conversor.

Basta fazer isso:
rowToHide.Height = new GridLength(0);

se você usar, visibility.Collapseentão, você terá que defini-lo para cada membro da linha.

Defina a visibilidade do conteúdo da linha como em Visibility.Collapsedvez de Oculto. Isso fará com que o conteúdo pare de ocupar espaço e a linha encolherá de forma adequada.

Tive uma ideia semelhante ao herdar RowDefinition (apenas por interesse)

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;
    }          
}

Agora você pode usá-lo da seguinte forma:

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

e alternar com

RowToHide.IsHidden = !RowToHide.IsHidden;