WPF Code Behind에서 Grid 의 Column Size 변경 방법

UI.xaml

<Grid x:Name="grdSegSearchPeriod" Height="40">
	<Grid.ColumnDefinitions>
		<ColumnDefinition Width="*"/>
		<ColumnDefinition Width="*"/>
		<ColumnDefinition Width="*"/>
		<ColumnDefinition Width="*"/>
		<ColumnDefinition Width="*"/>
	</Grid.ColumnDefinitions>
	<Rectangle Grid.ColumnSpan="5" Style="{DynamicResource recBg_SegSearch}"/>
	<RadioButton x:Name="sgbPeriodToday" Uid="1" Grid.Column="0" Content="Today" Style="{DynamicResource sgbSearchLeft}"/>
	<RadioButton x:Name="sgbPeriodYesterday" Uid="2" Grid.Column="1" Content="3 Days" Style="{DynamicResource sgbSearchMiddle}"/>
	<RadioButton x:Name="sgbPeriodWeek" Uid="3" Grid.Column="2" Content="7 Days" Style="{DynamicResource sgbSearchMiddle}" />
	<RadioButton x:Name="sgbPeriodMonth" Uid="4" Grid.Column="3" Content="1 Month" Style="{DynamicResource sgbSearchMiddle}"/>
	<RadioButton x:Name="sgbPeriodAll" Uid="5" Grid.Column="4" Content="All" Style="{DynamicResource sgbSearchRight}"/>
</Grid>

 

UI.xaml.cs

var columnDefinitions = grdSegSearchPeriod.ColumnDefinitions;

columnDefinitions[0].Width = new GridLength(1 , GridUnitType.Star);
columnDefinitions[1].Width = new GridLength(1, GridUnitType.Star);
columnDefinitions[2].Width = new GridLength(0);
columnDefinitions[3].Width = new GridLength(200);

가중치 사용

<Grid Grid.Column="1" x:Name="grdDateOfBirth">
	<Grid.ColumnDefinitions>
		<ColumnDefinition Width="1.2*"/>
		<ColumnDefinition Width="*"/>
		<ColumnDefinition Width="1.2*"/>
		<ColumnDefinition Width="auto"/>
	</Grid.ColumnDefinitions>
	<ComboBox x:Name="cmbRegisterDOB_Month" Grid.Column="0"  Margin="0,0,8,0" Tag="MM" TabIndex="14" Style="{DynamicResource cmbGeneral}" />
	<ComboBox x:Name="cmbRegisterDOB_Day" Margin="0,0,8,0" Grid.Column="1" Tag="DD" TabIndex="15" Style="{DynamicResource cmbGeneral}" />
	<ComboBox x:Name="cmbRegisterDOB_Year" Grid.Column="2" Tag="YYYY" TabIndex="16" Style="{DynamicResource cmbGeneral}" />
	<CheckBox x:Name="chkRegisterDOBUnknown" Margin="8,0" Grid.Column="3" TabIndex="17" Content="Unknown" Width="100" Foreground="White" />
</Grid>

• * : 고정길이를 제외하고 나머지 공간에서 비율적으로 채움
• 1.2* :  남은 공간에서 1.2 의 가중치를 가짐
• auto : grid안의 컨트롤 크기에 맞게 적용