눈금 행 자동 크기 관련 크기 조정

Question

저는 상대 WPF 초보자이며 기본 사항에 대해 계속 저의 머리를 쓰려고합니다. 난 그냥 난처한 날 (그리고 그것은 혼자 그리드에만 국한되지 않는 것 같습니다) 그리드 크기 조정 문제를 가로 질러 왔어요.

문제는 상대적으로 크기가 큰 행/열, 다른 행의 열/열, 그 행/열 크기가 자동으로 설정되어있는 경우, 자식 눈금의 상대 크기 조정에있는 것으로 보입니다. 효과 없음. 나는이 XAML에 대한 기대 무엇

은 내부 그리드 컬럼들이 부모의 자동 크기의 컬럼 내부에있는 경우에도 (하나는 배 다른의 폭 인 상태) 여전히 상대적으로 크기 때문이다 그리드. 이 예상되는 동작입니까,이 버그입니까 아니면 기본 뭔가 빠져 있습니까?

감사합니다.

Answer 1

내부 격자가 있어야하는 외부 격자 열이 지시하는 것처럼 보입니다. 내부 그리드 폭에 열 너비를 결합함으로써 역 측정 순서를보십시오 : 크기 조절 만 1 열이 증가하고있다 <ColumnDefinition Width="{Binding Path=ActualWidth, ElementName=InnerGrid}"/>

<Grid Background="DarkBlue"> 
    <Grid.Resources> 
     <Style TargetType="Label"> 
      <Setter Property="Foreground" Value="White"/> 
      <Setter Property="BorderBrush" Value="White"/> 
      <Setter Property="BorderThickness" Value="1"/> 
     </Style> 
    </Grid.Resources> 

    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="2*" /> 
     <ColumnDefinition Width="{Binding Path=ActualWidth, ElementName=InnerGrid}"/>    
    </Grid.ColumnDefinitions> 

    <Label Content="Cell 1" /> 

    <Grid Grid.Column="1" Name="InnerGrid" Background="DarkRed"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="10*" /> 
      <ColumnDefinition Width="3*" /> 
     </Grid.ColumnDefinitions> 
     <Label Content="Cell 2.1" /> 
     <Label Grid.Column="1" Content="Cell 2.2" /> 
    </Grid> 
</Grid> 

후 스크린 샷으로,

Answer 2

이 시도 :

<Grid Background="DarkBlue"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="2*" /> 
      <ColumnDefinition /> 
     </Grid.ColumnDefinitions> 
     <Label BorderBrush="White" 
       BorderThickness="1" 
       Content="Cell 1" 
       Foreground="White" /> 
     <Grid Grid.Column="1"> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="10*" /> 
       <ColumnDefinition Width="3*" /> 
      </Grid.ColumnDefinitions> 
      <Label BorderBrush="White" 
        BorderThickness="1" 
        Content="Cell 2" 
        Foreground="White" /> 

      <Label Grid.Column="1" 
        BorderBrush="White" 
        BorderThickness="1" 
        Content="Cell 3" 
        Foreground="White" /> 
     </Grid> 
    </Grid> 

첫 번째 그리드의 열이 자동으로 설정되어 있기 때문에 두 번째 그리드 이상하게 행동 한 것은하는 이유. 자동으로 가능한 한 작게되도록 내부의 모든 것을 스쿼시하려고합니다. 레이블이 없으면 두 번째 눈금의 각 열에 대해 너비가 0이됩니다. 라벨의 너비를 더하면 거의 동일합니다.

WPF가 자동 열/행에서 무언가의 너비를 계산하는 순서와 관련이 있다고 생각합니다.

첫 번째 작업은 두 번째 눈금의 자동 값을 0으로 인식하는 것입니다. 그 다음에는 내용의 너비가이 계산 된 값에 어떤 것이 든 추가됩니다. 두 레이블이 거의 같은 크기이므로, 이로 인해 두 개의 유사한 열이 생깁니다.

제 해결책은 자동 값을 제거하고 대신 첫 번째 격자의 첫 번째 열에 "전체 너비의 2/3를 얻고 다른 열은 1/3을 얻습니다"라고 말합니다. 자동이 아니며, 두 번째 열은 어떤 식 으로든 부숴지지 않습니다.