WPF 별은 무엇을합니까 (Width =“100 *”)

WPF에서 크기 측면에서 별이 정확히 무엇을 의미합니까?

WPF 그리드에서 Width="*"또는 Height="*"비례 크기 조정을 의미합니다.
예 : 1 열에 30 %, 2 열에 70 % 제공-

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

그리고 마찬가지로 행-

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

숫자는 정수일 필요는 없습니다.
RowDefinition의 너비 (ColumnDefinition의 높이)가 생략되면 1 *이 내포됩니다.
이 예에서 열 1은 열 2보다 1.5 배 더 넓습니다.

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

다음과 같은 2 개의 열이있는 경우 :

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

이는 첫 번째 열이 두 번째 열보다 10 배 더 넓다는 것을 의미합니다. "1 열 10 개, 2 열 1 개"라고 말하는 것과 같습니다.

이것에 대한 멋진 점은 열이 비례 적으로 크기가 조정된다는 것입니다. 다른 옵션은 다음과 같습니다.

//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입니다.

"자동": 열이 포함되어 크기가 조정됩니다. (두 번째 열에는 너비 100의 버튼이 있습니다)

"*": 첫 번째 열 너비는 세 번째 열의 3x입니다.

또한 단위 크기의 요소 인 경우 "*"를 생략 할 수 있습니다. 따라서 Pwninstein의 코드 예제를 사용하면 다음과 같습니다.

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