Comment puis-je faire de mes Colonnes de la Grille toujours être de la même largeur?

Si je définis la largeur de la Colonne à *, ils sont de la même largeur au départ, mais si un élément est plus grand que la quantité permise alors il va étendre la largeur de la colonne.

Comment puis-je forcer mon Grille de garder colonnes de la même taille avec explicitement la définition d'une taille?

Je ne peux pas utiliser un UniformGrid parce que cette Grille est utilisée dans un ItemsControl, et les Articles doivent être placés dans certains Grid.Row/Grid.Column spots

Modifier Voici un exemple de mon code actuel.

<DockPanel>

    <!-- Not showing code here for simplicity -->
    <local:ColumnHeaderControl DockPanel.Dock="Top" />
    <local:RowHeaderControl DockPanel.Dock="Left" />

    <ItemsControl ItemsSource="{Binding Events}">
        <ItemsControl.ItemContainerStyle>
            <Style>
                <Setter Property="Grid.Column" 
                        Value="{Binding DueDate.DayOfWeek, 
                            Converter={StaticResource EnumToIntConverter}}" />
            </Style>
        </ItemsControl.ItemContainerStyle>

        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                </Grid>
            </ItemsPanelTemplate>
        </ItemsPanel>
    </ItemsControl>

</DockPanel>

Edit #2 Voici ma solution finale. Il rend les colonnes de la bonne taille, et il conserve la taille correcte lors de l'application est redimensionnée.

<ColumnDefinition Width="{Binding 
    ElementName=RootControl, 
    Path=ActualWidth, 
    Converter={StaticResource MathConverter}, 
    ConverterParameter=(@VALUE-150)/7}" />

150 est la largeur de la Ligne d'en-Têtes + toutes les marges et les frontières. Je suis actuellement dans le processus de mise à jour de mon MathConverter à un IMultiValueConverter donc je peux lier les deux paramètres (Si vous êtes intéressé par le Convertisseur de code, il peut être trouvé ici, même si c'est seulement la valeur unique convertisseur)

InformationsquelleAutor Rachel | 2011-09-26

5

Vous pourriez essayer de liaison de la largeur de vos colonnes pour une propriété qui divise la largeur totale de la fenêtre par le nombre de colonnes
- Je suis en train d'essayer cela maintenant, mais mon problème, je suis en cours d'exécution dans la grille ne prend pas la totalité de l'espace, donc je dois aussi calculer les marges, d'autres largeurs, etc avant que je puisse calculer la taille de diviser par 7. Mon panneau de base est un DockPanel, avec les en-têtes d'être dessiné dynamiquement selon les besoins, puis ItemsControl avec le contenu de prendre tout l'espace restant.
- Merci, j'ai réussi à le faire fonctionner
InformationsquelleAutor msmucker0527
10

Vous pouvez:

1) coder en dur une taille en DIP:
```
<ColumnDefinition Width="100" />
<ColumnDefinition Width="100" />
...
```
2) Utiliser SharedSizeGroup, il prend un caractère
```
<ColumnDefinition SharedSizeGroup="A" />
<ColumnDefinition SharedSizeGroup="A" />
...
```
Vous pouvez en lire plus à ce sujet ici
- Je ne veux pas coder en dur la largeur, car la grille est destinée à prendre tout l'espace disponible, et la SharedSizeGroup rend tous les éléments de la même largeur que l'élément le plus important
- Pourriez-vous envoyer un peu de code? le comportement est bizarre. Star de la taille des colonnes ne doit redimensionner lorsque le conteneur est redimensionné, le contenu n'a pas un rôle à jouer.
- J'ai mis à jour ma question avec un exemple de code
- Option2 (SharedSizeGroup) a fonctionné pour moi
- Pour l'option 2, vous avez à mettre <Grid Grid.IsSharedSizeScope="True"> pour le milieu de la grille
InformationsquelleAutor Louis Kottmann
0

Je ne l'ai pas essayé, mais je pense que cela devrait fonctionner:

XAML:
```
<ColumnDefinition Width="*" Loaded="ColumnDefinition_Loaded"/>
```
C#:
```
private void ColumnDefinition_Loaded(object sender, RoutedEventArgs e)
        {
            ((ColumnDefinition)sender).MaxWidth = ((ColumnDefinition)sender).ActualWidth;
        }
```
- Le problème est que si un article est plus large que ce * le permet, il s'étend de la colonne au-delà de cette taille. Le code que vous avez posté, va juste faire toutes les colonnes égale à la plus grande largeur de la colonne, et je n'en veux pas.
- Avez-vous fait essayer le réglage de tous les ColumnDefinations avec le même gestionnaire - ColumnDefinition_Loaded?? Le code doit définir toutes les max largeurs de ce qu'ils sont (autorisé par un *). Après cela, tout élément de mettre à l'intérieur ne doit pas modifier la taille.
- Oui je l'ai fait, il a fait toutes les colonnes aussi large que le poste le plus important, qui fait partie de la Grille de ne pas montrer car je n'ai pas de barre de défilement horizontale. Aussi, l'en-tête ne sont plus alignés et il n'a pas redimensionner automatiquement si l'utilisateur redimensionne la demande.
- Et bien j'ai essayé en ajoutant manuellement des éléments, c'est pourquoi je suppose qu'il n'était pas à moi de cette façon. Désolé, mais je suppose que la seule solution est manuellement le calcul comme suggéré par msmucker0527.
InformationsquelleAutor loxxy
0

La façon la plus propre est d'utiliser un UniformGrid comme ceci:
```
<UniformGrid Rows="1">
    <Rectangle Fill="Blue" />
    <Rectangle Fill="Yellow" />
    <Rectangle Fill="Red" />
</UniformGrid>
```
Très gentille, lorsqu'il est utilisé comme ItemsPanel.
- Comme je l'ai dit dans ma question, je ne peux pas utiliser un UniformGrid parce que les Articles doivent être placés dans certains Grid.Row/Grid.Column de points, et ne pas le remplir chaque carré de la grille.
InformationsquelleAutor Johan Larsson

Essayer le IsSharedSizeScope de travail de la Grille:

<StackPanel Margin="15" Grid.IsSharedSizeScope="True">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" SharedSizeGroup="A"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="Auto" SharedSizeGroup="B"/>
        </Grid.ColumnDefinitions>

        <TextBlock Grid.Column="0" Text="Col 1"/>
        <TextBox Grid.Column="1" />
        <TextBlock Grid.Column="2" Text="3rd column here"/>
    </Grid>

    <Separator Margin="0,20"/>

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" SharedSizeGroup="A"/>
            <ColumnDefinition />
            <ColumnDefinition SharedSizeGroup="B"/>
        </Grid.ColumnDefinitions>

        <TextBlock Grid.Column="0" Text="1"/>
        <TextBox Grid.Column="1"/>
    </Grid>
</StackPanel>

J'espère que cela aide.

Pour la description détaillée de vérifier ce lien:
https://wpf.2000things.com/tag/sharedsizegroup/

InformationsquelleAutor Bence Végert

Vous devez vous connecter pour publier un commentaire.