Comment faire pour réduire un RowDefinition?

J'ai besoin de retirer de l'espace occupé par une Grille.Ligne. Je suis en mesure de fermeture (supprimer) le contrôle que j'ai placés dans la Grille.Ligne, mais depuis RowDefinition a fixé la taille (hauteur), même après le retrait de l'enfant de contrôle j'ai encore la chance de voir une ligne vide.

Est-il un moyen de réduire un RowDefinition/Grille.Ligne?

Merci pour votre intérêt.

Double Possible de Masquer la ligne de la grille de WPF

OriginalL'auteur Manish Basantani | 2011-10-13

  1. 1

    Vous pouvez voir ici un exemple de manipulation de Lignes et de Colonnes dans une Grille. Même si la documentation est pour .Net (WPF) il est toujours pertinent pour WP7/Silverlight.

    Personnellement, je voudrais réfléchir à deux fois avant d'utiliser une Grille de cette manière. Peut-être, ce que vous essayez peut être réalisé à l'aide d'un stackpanel ou de tout autre hors de la boîte conteneur de contrôles.

    Juste pour la réalisation, j'ai utilisé la grille.Rowdefinitions.RemoveAt(index). Je suis d'accord que le fait de placer un StackPanel pourrait être une meilleure option pour ce scénario.

    OriginalL'auteur moonlightdock

  2. 8

    Vous pourriez avoir mis RowDefinition.Height="Auto" et pourrait avoir affecté à hauteur fixe à la réelle visuel de la ligne. De cette façon, lorsque le visuel est visiblement collpased, la ligne n'a pas occuper la largeur fixe qui a été affecté à la ligne de définition.

    c'est la réponse simple à la question. Merci!. Je sais que je suis très vieux, mais vous avez fait une petite faute de frappe, écrit largeur quand vous pensez de la hauteur.

    OriginalL'auteur WPF-it

  3. 5

    Réglage RowDefinition.Height ="Auto" n'est pas adapté pour tous les cas, comme souvent, nous voulons * dimensionnement de nos lignes.

    Plutôt que de façon dynamique/par programmation à l'ajout et la suppression de lignes de la liste, il est plus facile et plus sûr pour étirer les premières rangées de contenu au cours de la prochaine ligne/s.

    Cela peut être fait en utilisant un DataTrigger à l'ensemble de la Grille.RowSpan sur le premier point de la grille. Ci-dessous est un exemple - il suffit de le coller dans une nouvelle fenêtre WPF pour le voir en action.

      <Grid>
        <Grid.Resources>

            <BooleanToVisibilityConverter x:Key="visConverter"></BooleanToVisibilityConverter>
        </Grid.Resources>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
        </Grid.RowDefinitions>

        <Grid Grid.Row="0" Background="Orange">
            <Grid.Style>
                <Style TargetType="Grid">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding ElementName=toggle1, Path=IsChecked}" Value="False">
                            <Setter Property="Grid.RowSpan" Value="3"></Setter>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Grid.Style>
        </Grid>
        <GridSplitter Grid.Row="1" ResizeBehavior="PreviousAndNext" HorizontalAlignment="Stretch" Height="3" 
                      Visibility="{Binding ElementName=toggle1, Path=IsChecked, Converter={StaticResource visConverter}}"></GridSplitter>
        <Grid Name="bottomGrid" Grid.Row="2" Background="LightBlue" 
              Visibility="{Binding ElementName=toggle1, Path=IsChecked, Converter={StaticResource visConverter}}">
        </Grid>
        <ToggleButton Name="toggle1" VerticalAlignment="Top">Hide/Show</ToggleButton>
</Grid>

    OriginalL'auteur Greg Sansom

  4. 1

    Ensemble Name pour votre grille en premier. Au départ, régler les hauteurs de ligne via l'attribut XAML:

    <Grid Name="GridSize">
     <Grid.RowDefinitions>
        <RowDefinition Height="3*"></RowDefinition>
        <RowDefinition Height="1*"></RowDefinition>
        <RowDefinition Height="2*"></RowDefinition>
     </Grid.RowDefinitions>
     <Grid Name="A" Grid.Row="0""></Grid>
     <Grid Name="B" Grid.Row="1""></Grid>
     <Grid Name="C" Grid.Row="2""></Grid>
</Grid>

    Lorsque vous souhaitez réduire un RowDefinition:

    A.Visibility = Visibility.Collapsed;
GridSize.RowDefinitions[0].Height = new GridLength(0);

    Lorsque vous souhaitez rendre à nouveau visible:

    A.Visibility = Visibility.Visible;
GridSize.RowDefinitions[0].Height = new GridLength(3, GridUnitType.Star);
    C'est un très MVVM façon de le faire, juste pour le record.

    OriginalL'auteur Ali Ghazi

  5. 1

    Il est tout à fait justifié d'appliquer un style à des déclencheurs de votre RowDefinition pour la ligne que vous souhaitez réduire. Cela peut vous aider lorsque vous avez des star des valeurs de hauteurs.

    Suivante peut être utile si vous vouliez cacher une section des résultats avant que les résultats ont existé (c'est à dire un zéro-comte ObservableCollection), par exemple.

    <RowDefinition>
    <RowDefinition.Style>
        <Style>
            <Setter Property="RowDefinition.Height" Value="2*"/>
            <Style.Triggers>
                <DataTrigger Binding="{Binding Results.Count}" Value="0">
                    <Setter Property="RowDefinition.Height" Value="0"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </RowDefinition.Style>
</RowDefinition>

    OriginalL'auteur Dan