Що робить зірка WPF (Ширина = "100 *")

Що саме означає розмір зірки в розмірі WPF?

У сітці WPF Width="*"або Height="*"означає пропорційне розмір.
Наприклад: 30% для стовпця 1 і 70% для стовпця 2 -

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

І так само для рядків -

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

Числа не повинні бути цілими числами.
Якщо ширина для RowDefinition (Висота для ColumnDefinition) опущена, мається на увазі 1 *.
У цьому прикладі стовпець 1 в 1,5 рази ширший, ніж стовпець 2 -

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

Ви можете змішувати автоматичну підгонку та фіксовану ширину з * (пропорційною) шириною; у такому випадку стовпці * розподіляються на залишок після того, як були обчислені автоматичне встановлення та фіксовану ширину -

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

Якщо у вас є два такі стовпці:

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

це означає, що перший стовпець на 10 разів ширший за другий. Це як би сказати "10 частин стовпчик 1 і 1 частина стовпця 2."

Холодна річ у тому, що ваші стовпці будуть змінювати розмір пропорційно. Інші варіанти:

//Take up as much space as the contents of the column need
<ColumnDefinition Width="Auto"/>
//Fixed width: 100 pixels
<ColumnDefinition Width="100"/>

Сподіваюся, що це допомагає!

ми беремо наступний приклад .....

одна сітка і має 3 стовпчики, і кожен містить одну кнопку розміром 100.

Код XAML - це ...

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

Але насправді його розмір - це….

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

Висновок:

Загальний розмір сітки - 600

"Автоматично": стовпець переозмінюється за розміром. (2-й стовпчик має кнопку шириною 100)

"*": Ширина першого стовпця дорівнює 3x третього стовпця.

Крім того, ви можете залишити "*", якщо це елемент розміру одиниці. Отже, використовуючи приклад коду Pwninstein, це було б просто:

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