WPF가 자동 크기 조정 열과 함께 격자 너비에 맞 춥니 다

Question

모눈 선을 부모 모눈 너비에 맞추는 데 문제가 있습니다.

<Grid Height="Auto" Margin="20" VerticalAlignment="Top" > 
    <Grid.RowDefinitions> 
     <RowDefinition /> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="Auto" /> 
     <ColumnDefinition Width="Auto" /> 
     <ColumnDefinition Width="Auto" /> 
     <ColumnDefinition Width="Auto" /> 
     <ColumnDefinition Width="Auto" /> 
    </Grid.ColumnDefinitions> 

    <Label Grid.Column="0" Grid.Row="0" >Word</Label> 
    <Label Grid.Column="1" Grid.Row="0" >Class</Label> 
    <Label Grid.Column="2" Grid.Row="0" >Match case</Label> 
    <Label Grid.Column="3" Grid.Row="0" >Regular expression</Label> 
    <Label Grid.Column="4" Grid.Row="0" >Commands</Label> 
</Grid> 

문제는 다음과 같습니다 : 모든 열을 Width="Auto" 결과 행을하지 않습니다 적합 부모 그리드를 기반으로한다면 코드 (테이블 헤더)입니다. 나는이 중 하나에 Width="*"을 설정하여 문제를 해결할 수 있음을 알고 있지만 원하는 것은 아닙니다.

그리드 폭에 맞추어 모든 열에 자동 크기가 필요합니다 (행의 계산 된 자동 크기보다 훨씬 클 수 있습니다). 어떻게 보관할 수 있습니까?

Answer 1

너비 = "자동"으로 설정하지 않으려면 Viewbox를 사용하십시오. 그리드에 적절하게 맞습니다.

이

<Viewbox Stretch="Uniform" VerticalAlignment="Top"> 
     <Grid Height="Auto" Margin="20"> 
      <Grid.RowDefinitions> 
       <RowDefinition /> 
      </Grid.RowDefinitions> 
       <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="Auto" /> 
       <ColumnDefinition Width="Auto" /> 
       <ColumnDefinition Width="Auto" /> 
       <ColumnDefinition Width="Auto" /> 
       <ColumnDefinition Width="Auto" /> 
      </Grid.ColumnDefinitions> 

      <Label Grid.Column="0" Grid.Row="0" >Word</Label> 
      <Label Grid.Column="1" Grid.Row="0" >Class</Label> 
      <Label Grid.Column="2" Grid.Row="0" >Match case</Label> 
      <Label Grid.Column="3" Grid.Row="0" >Regular expression</Label> 
      <Label Grid.Column="4" Grid.Row="0" >Commands</Label> 
     </Grid> 
</Viewbox> 

Answer 2

당신은 다른 Grid들에 속하는 여러 ColumnDefinition의 사이에 크기 조정 속성을 공유 할 수 SharedSizeGroup 속성을 사용할 수 있습니다 : https://msdn.microsoft.com/en-us/library/system.windows.controls.definitionbase.sharedsizegroup(v=vs.110).aspx

<Grid Height="Auto" Margin="20" VerticalAlignment="Top" > 
    <Grid.RowDefinitions> 
     <RowDefinition /> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition SharedSizeGroup="a" /> 
     <ColumnDefinition SharedSizeGroup="b" /> 
     <ColumnDefinition SharedSizeGroup="c" /> 
     <ColumnDefinition SharedSizeGroup="d" /> 
     <ColumnDefinition SharedSizeGroup="e" /> 
    </Grid.ColumnDefinitions> 

    <Label Grid.Column="0" Grid.Row="0" >Word</Label> 
    <Label Grid.Column="1" Grid.Row="0" >Class</Label> 
    <Label Grid.Column="2" Grid.Row="0" >Match case</Label> 
    <Label Grid.Column="3" Grid.Row="0" >Regular expression</Label> 
    <Label Grid.Column="4" Grid.Row="0" >Commands</Label> 
</Grid> 

<Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition SharedSizeGroup="a" /> 
     <ColumnDefinition SharedSizeGroup="b" /> 
     <ColumnDefinition SharedSizeGroup="c" /> 
     <ColumnDefinition SharedSizeGroup="d" /> 
     <ColumnDefinition SharedSizeGroup="e" /> 
    </Grid.ColumnDefinitions> 
    <TextBlock Grid.Column="0" Grid.Row="0" TextWrapping="Wrap">Some long word.....</TextBlock> 
    <!-- --> 
</Grid>