XML 격자가 확장되지 않습니다.

Question

2 개의 작은 격자를 호스팅하는 부모 격자 ("출력")가 있습니다.

작은 그리드 MainDisplay (기본적으로 두 개의 서브 그리드 중 다른 하나에서 300을 제외한 모든 수평 공간을 사용하려는 ViewBox의 이미지를 보여줍니다) 및 입력 (고정 폭 300 예상대로 작동 함).

내 문제는 다음과 같습니다

1) 부모 그리드는 모든 수평 공간을 사용하지 않습니다. 나는 여분의 공간을 ViewBox로 그리드로 옮기고 싶다.

'HorizontalAlignment = "Stretch"와'Width = "*" '를 모두 뿌렸지만 화면의 모든 공간을 차지하지 않습니다!

2) 이미지의 너비/높이를 잡을 코드가 있습니다. 명시 적으로 높이를 설정하지 않으면 코드 뒤에 너비가 높이와 너비를 가져오고 충돌합니다 ... 그러나 너비/높이를 명시 적으로 설정하면 사용 가능한 공간을 차지하지 않을 것입니다. 나는이 100 % 확실하지 않다, 그러나 당신의 첫 번째 열 정의에 "Auto"을 "*"을 시도하는 대신

<Grid x:Name="Output" Background="#1D1D1D" Margin="0,2,0,-2" HorizontalAlignment="Stretch"> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="Auto"/> 
     <ColumnDefinition Width="300"/> 
    </Grid.ColumnDefinitions> 
    <Grid x:Name="MainDisplay" HorizontalAlignment="Stretch" VerticalAlignment="Top" Grid.Column="0"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="*" /> 
     </Grid.ColumnDefinitions> 
     <Viewbox Width="Auto" Height="Auto" MinWidth="400" MinHeight="400" x:Name="Scenario4ImageContainer" Stretch="Uniform"> 
      <Image x:Name="Scenario4Image" PointerPressed="Scenario4Image_PointerPressed" HorizontalAlignment="Stretch" /> 
     </Viewbox> 
    </Grid> 
    <Grid Width="300" x:Name="Input" Grid.Column="1"> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="Auto"/> 
     </Grid.RowDefinitions> 
     <StackPanel Grid.Row="0"> 
      <TextBlock Style="{StaticResource BasicTextStyle}" TextWrapping="Wrap" 
         Text="Tools" /> 
      <Grid Margin="0,10,0,0"> 
       <Grid.RowDefinitions> 
        <RowDefinition /> 
        <RowDefinition /> 
        <RowDefinition /> 
        <RowDefinition /> 
       </Grid.RowDefinitions> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="230" /> 
        <ColumnDefinition /> 
       </Grid.ColumnDefinitions> 

       <Button Grid.Row="0" Grid.Column="0" HorizontalAlignment="Stretch" Background="DarkSlateGray" 
         Content="Draw Mandelbrot set" Click="DrawMandelbrotSet_Click" /> 
       <TextBlock x:Name="Scenario4DrawMandelbrotDescription" Grid.Row="0" Grid.Column="1" 
          Style="{StaticResource BasicTextStyle}" TextWrapping="Wrap" VerticalAlignment="Center" 
          Text="Text." /> 

       <Button x:Name="Scenario4SetSourceButton" Grid.Row="1" Grid.Column="0" HorizontalAlignment="Stretch" 
         Content="Load image using SetSource" Click="LoadImageUsingSetSource_Click" /> 
       <TextBlock x:Name="Scenario4SetSourceDescription" Grid.Row="1" Grid.Column="1" 
          Style="{StaticResource BasicTextStyle}" TextWrapping="Wrap" VerticalAlignment="Center" 
          Text="Text." /> 

       <Button x:Name="Scenario4LoadImageButton" Grid.Row="2" Grid.Column="0" HorizontalAlignment="Stretch" 
         Content="Load image using PixelBuffer" Click="LoadImageUsingPixelBuffer_Click" /> 
       <TextBlock x:Name="Scenario4LoadImageDescription" Grid.Row="2" Grid.Column="1" 
          Style="{StaticResource BasicTextStyle}" TextWrapping="Wrap" VerticalAlignment="Center" 
          Text="Text." /> 
      </Grid> 
     </StackPanel> 
    </Grid> 

Answer 1

:

<Grid.ColumnDefinitions> 
    <ColumnDefinition Width="*"/> 
    <ColumnDefinition Width="300"/> 
</Grid.ColumnDefinitions>