Qu’est-ce que le faire de l’étoile WPF (Width = "100 * »)

Question

Que signifie exactement l’étoile en termes de taille dans WPF ?

Answer 1

Dans WPF Grille, Width="*" ou Height="*" moyen proportionnel de dimensionnement.
Par exemple: donner 30% à la colonne 1 et 70% de la colonne 2 -

<ColumnDefinition Width="3*" />
<ColumnDefinition Width="7*" />

Et de même pour les lignes -

<RowDefinition Height="3*" />
<RowDefinition Height="7*" />

Les chiffres n'ont pas à être des entiers.
Si la Largeur de RowDefinition (Hauteur de ColumnDefinition) est omis, 1* est implicite.
Dans cet exemple, la colonne 1 est 1,5 fois plus large que la colonne 2 -

<ColumnDefinition Width="1.5*" />
<ColumnDefinition />

Vous pouvez mélanger l'ajustement automatique et des largeurs fixes avec * (proportionnelle) pour la largeur; dans ce cas, l' * les colonnes sont répartis pour le reste après l'auto-ajustement et des largeurs fixes ont été calculés -

<Grid.ColumnDefinitions>
    <ColumnDefinition Width="Auto" />  <!-- Auto-fit to content, 'Hi' -->
    <ColumnDefinition Width="50.5" />  <!-- Fixed width: 50.5 device units) -->
    <ColumnDefinition Width="69*" />   <!-- Take 69% of remainder -->
    <ColumnDefinition Width="31*"/>    <!-- Take 31% of remainder -->
</Grid.ColumnDefinitions>
<TextBlock Text="Hi" Grid.Column="0" />

Answer 2

Si vous avez 2 colonnes comme ceci :

Cela signifie que la première colonne est 10 x plus large que la seconde. C’est comme dire « 10 parties colonnes 1 et 1 partie 2. »

La chose cool à ce sujet est que vos colonnes redimensionner proportionnellement. Les autres options sont :

Espoir qui aide !

Answer 3

nous prenons l'exemple suivant.....

une grille et dispose de 3 colonnes et contiennent chacun un bouton de taille 100.

Xmal Code est...

    <Grid x:Name="LayoutRoot" Width="600">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="3*" />
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Button Content="Button" Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="button1" VerticalAlignment="Top" Width="100" />
    <Button Content="Button1" Height="23" HorizontalAlignment="Left" Margin="0,10,0,0" Name="button2" VerticalAlignment="Top" Width="100" Grid.Column="1" />
    <Button Content="Button2" Height="23" HorizontalAlignment="Left" Margin="0,10,0,0" Name="button3" VerticalAlignment="Top" Width="100" Grid.Column="2" />
</Grid>

Mais en réalité, sa taille est de....

<Grid.ColumnDefinitions>
        <ColumnDefinition Width="375" />
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="125" />
</Grid.ColumnDefinitions>

Conclusion:

Taille totale de la grille est de 600

"Auto" : la Colonne est re-taille avec il contient. (2ème colonne a bouton de largeur de 100)

"*" : 1ère colonne largeur est de 3x de la 3ème colonne.

Answer 4

En outre, vous pouvez laisser de côté le « * » si c’est l’élément de la taille de l’unité. Donc à l’aide d’exemple de code de Pwninstein, ce serait juste :