Nascondi riga della griglia in WPF

Ho un semplice modulo WPF con una Griddichiarazione nel modulo. Questo Gridha un sacco di righe:

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

La riga denominata rowToHidecontiene alcuni campi di input e desidero nascondere questa riga dopo aver rilevato che non ho bisogno di questi campi. È abbastanza semplice impostare solo Visibility = Hiddentutti gli elementi nella riga, ma la riga occupa ancora spazio nel file Grid. Ho provato a impostare Height = 0gli elementi, ma non sembra funzionare.

Puoi pensarlo in questo modo: hai un modulo, lì hai un menu a discesa che dice "Tipo di pagamento", e se la persona seleziona "Contanti", vuoi nascondere la riga contenente i dettagli della Carta. Non è un'opzione per avviare il modulo con questo già nascosto.

Row non ha una proprietà Visibility, quindi come altri hanno detto, è necessario impostare l'Altezza. Un'altra opzione è utilizzare un convertitore, nel caso in cui sia necessaria questa funzionalità in molte visualizzazioni:

    [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 poi nella vista appropriata <Grid.RowDefinition>:

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

La soluzione migliore e pulita per comprimere righe o colonne è utilizzare un DataTrigger, quindi nel tuo 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>

Puoi anche farlo facendo riferimento alla riga nella griglia e quindi modificando l'altezza della riga stessa.

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

Sebbene funzioni anche il Collasso degli elementi all'interno della Griglia, questo è un po 'più semplice se hai molti elementi nella Griglia che non hanno un elemento che lo racchiude che può essere compresso. Ciò fornirebbe una buona alternativa.

Per riferimento, Visibilityè un'enumerazione System.Windows.Visibility a tre stati :

• Visibile: l'elemento viene visualizzato e partecipa al layout.
• Compresso: l'elemento è invisibile e non partecipa al layout. Dandogli effettivamente un'altezza e una larghezza di 0 e comportandosi come se non esistesse.
• Nascosto: l'elemento è invisibile ma continua a partecipare al layout.

Vedi questo suggerimento e altri suggerimenti nel thread WPF Tips and Tricks .

Invece di giocherellare con la riga della griglia, è possibile impostare la proprietà Visibility dei controlli (campi nella riga) su "Collapsed". Questo assicurerà che i controlli non occupino spazio e se hai Grid Row Height = "Auto", la riga sarà nascosta poiché tutti i controlli nella riga hanno 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>

Questo metodo è migliore perché la visibilità dei controlli può essere associata a una proprietà con l'aiuto di un convertitore.

Fai semplicemente questo:
rowToHide.Height = new GridLength(0);

se lo utilizzerai, visibility.Collapsedovrai impostarlo per ogni membro della riga.

Imposta la visibilità del contenuto della riga su Visibility.Collapsedinvece che su Nascosto. In questo modo il contenuto smetterà di occupare spazio e la riga si ridurrà in modo appropriato.

Ho avuto un'idea simile ereditando RowDefinition (solo per 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;
    }          
}

Ora puoi usarlo come segue:

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

e alternare con

RowToHide.IsHidden = !RowToHide.IsHidden;