Masquer la ligne de la grille dans WPF

J'ai un formulaire WPF simple avec un Griddéclaré sur le formulaire. Cela Grida un tas de lignes:

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

La ligne nommée rowToHidecontient quelques champs d'entrée et je veux masquer cette ligne après avoir détecté que je n'ai pas besoin de ces champs. Il est assez simple de définir uniquement Visibility = Hiddentous les éléments de la ligne, mais la ligne occupe toujours de l'espace dans le fichier Grid. J'ai essayé de régler Height = 0les éléments, mais cela n'a pas semblé fonctionner.

Vous pouvez y penser comme ceci: vous avez un formulaire, vous y trouverez une liste déroulante indiquant "Type de paiement", et si la personne sélectionne "Espèces", vous voulez masquer la ligne contenant les détails de la carte. Ce n'est pas une option pour démarrer le formulaire avec ce caché déjà.

La ligne n'a pas de propriété Visibility, donc comme d'autres l'ont dit, vous devez définir la hauteur. Une autre option consiste à utiliser un convertisseur, au cas où vous auriez besoin de cette fonctionnalité dans de nombreuses vues:

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

Et puis dans la vue appropriée <Grid.RowDefinition>:

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

La meilleure et propre solution pour réduire les lignes ou les colonnes est d'utiliser un DataTrigger donc dans votre cas:

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

Vous pouvez également le faire en référençant la ligne dans la grille, puis en modifiant la hauteur de la ligne elle-même.

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

Bien que la réduction des éléments dans la grille fonctionne également, c'est un peu plus simple si vous avez de nombreux éléments dans la grille qui ne comportent pas d'élément englobant pouvant être réduit. Cela constituerait une bonne alternative.

Pour référence, Visibilityest une énumération System.Windows.Visibility à trois états :

• Visible - L'élément est rendu et participe à la mise en page.
• Réduit: l'élément est invisible et ne participe pas à la mise en page. En lui donnant effectivement une hauteur et une largeur de 0 et se comportant comme s'il n'existait pas.
• Caché - L'élément est invisible mais continue de participer à la mise en page.

Consultez cette astuce et d'autres astuces sur le fil WPF Tips and Tricks .

Au lieu de jouer avec la ligne de grille, vous pouvez définir la propriété Visibility des contrôles (champs de la ligne) sur "Réduit". Cela garantira que les contrôles ne prennent pas d'espace et si vous avez Grid Row Height = "Auto", alors la ligne sera masquée car tous les contrôles de la ligne ont 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>

Cette méthode est meilleure car la visibilité des contrôles peut être liée à une propriété à l'aide d'un convertisseur.

Faites simplement ceci:
rowToHide.Height = new GridLength(0);

si vous utilisez, visibility.Collapsevous devez le définir pour chaque membre de la ligne.

Définissez la visibilité du contenu de la ligne sur au Visibility.Collapsedlieu de Caché. Cela empêchera le contenu de prendre de l'espace et la ligne se réduira de manière appropriée.

J'ai eu une idée similaire en héritant de RowDefinition (juste pour l'intérêt)

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

Vous pouvez maintenant l'utiliser comme suit:

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

et basculer avec

RowToHide.IsHidden = !RowToHide.IsHidden;