Discussion :

[Ikit]

Bonjour,

J'ai une question concernant la construction d'une structure en XAML.

J'aimerais réaliser une frise. En gros l'idée c'est que les blocs qui la constituent se suivent et soient liés les uns aux autres


imaginons que j'ai 3 blocs :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

[ 1 ][ 2 ][ 3 ]

le bloc 2 suit le bloc 1, et le bloc 3 suit le bloc 2,
maintenant le truc c'est que si la largeur du bloc 2 change, le bloc 1 reste tel quel, mais le bloc 3 subit l'élargissement du bloc 2 et va se déplacer d'autant vers la droite

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

[ 1 ][    2    ][ 3 ]

donc voilà ce que j'aimerais réaliser, en HTML c'est trés simple, on prend des <div> avec l'attribut display à "inline", mais en XAML je ne trouve pas ce qui permet de faire ça "tout seul" (sans que je fasse moi même le redimmensionnement)

[mambycamara]

donner une valeur à la propieté Width du premier bloc et ne pas spécifier de Width pour le 2 et 3.

[mambycamara]

une aute methode: spécifier le Width="Auto" de la première "ColumnDefinition":

<GridShowGridLines="True">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Grid Grid.Column="0">
<TextBlock>fdfggdfg</TextBlock>
</Grid>
<Grid Grid.Column="1">
<TextBlock>fdfggfdg</TextBlock>
</Grid>
<Grid Grid.Column="2">
<TextBlock>fdfgg</TextBlock>
</Grid>
</Grid>

[binoo]

Salut,

Si je me rappelle bien, l'attribut "display: inline" permet d'afficher des éléments à la suite l'un de l'autre.
En WPF, tu as le conteneur StackPanel qui reprend ce principe :

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<StackPanel Orientation="Horizontal">
  <Label Content="label" />
  <Button />  <!-- boutton qui va se placer à la suite du label -->
</StackPanel>

[mambycamara]

Salut binoo,
Je crois que Ikit parle de 3 conteneurs qui se suivent mais pas 3 contrôles dans un conteneur.

[binoo]

Salut binoo,
Je crois que Ikit parle de 3 conteneurs qui se suivent mais pas 3 contrôles dans un conteneur.

Oui peut-être, le code que j'ai mis reste un exemple
Il est tout à fait possible de mettre des conteneurs dans un StackPanel. Pour reprendre ton exemple : les 3 conteneurs Grid contenant des contrôles TextBlock peuvent très bien être intégré dans un StackPanel, soit :

Code xml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<StackPanel Orientation="Horizontal">
  <Grid>
    <TextBlock>fdfggdfg</TextBlock>
  </Grid>
  <Grid>
    <TextBlock>fdfggfdg</TextBlock>
  </Grid>
  <Grid>
    <TextBlock>fdfgg</TextBlock>
  </Grid>
</StackPanel>

C'est le but du StackPanel de d'empiler (pour ne pas traduire le mot) les éléments. Non pas que le Grid ne permette pas d'obtenir ce résultat

[mambycamara]

Mais lui je crois qu'il voudrais que la largeur du premier grid soit fixe. Et dans ton exemple ce n'est pas le cas. Imaginons qu'on ajoute dynamiquement un nouveau contrôle dans le premier grid !