컨트롤 사이의 동일 간격

다음과 같이 이미지 아래에 이미지와 텍스트를 배치하고 싶습니다. 행의 높이를 똑같이 나눠야합니다. 이미지 크기를 적절하게 설정하려면 어떻게해야합니까? 나는 위의 할 경우컨트롤 사이의 동일 간격

 <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="9*"/> 
      <ColumnDefinition Width="10*"/> 
      <ColumnDefinition Width="10*"/> 
      <ColumnDefinition Width="20*"/> 
      <ColumnDefinition Width="10*"/> 
      <ColumnDefinition Width="40*"/> 
      <ColumnDefinition Width="10*"/> 
      <ColumnDefinition Width="10*"/> 
      <ColumnDefinition Width="10*"/> 
      <ColumnDefinition Width="10*"/> 
      <ColumnDefinition Width="10*"/> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="10*" /> 
      <RowDefinition Height="10*" /> 
      <RowDefinition Height="10*" /> 
      <RowDefinition Height="10*" /> 
      <RowDefinition Height="10*" /> 
      <RowDefinition Height="10*" /> 
      <RowDefinition Height="10*" /> 
      <RowDefinition Height="10*" /> 
      <RowDefinition Height="10*" /> 
      <RowDefinition Height="10*" /> 
     </Grid.RowDefinitions> 

      <Image Grid.Column="1" Grid.Row="0" Source="pack://application:,,,/WpfApplication5;component/led.green.off.png" HorizontalAlignment="Center"> 
      </Image> 
      <TextBlock Grid.Column="1" Grid.Row="1" Text="Turret Power" ></TextBlock> 

      <Image Grid.Column="1" Grid.Row="2" Source="pack://application:,,,/WpfApplication5;component/toggle.sheath.DOWN.png" HorizontalAlignment="Center"> 
      </Image> 
      <TextBlock Grid.Column="1" Grid.Row="3" Text="Off" ></TextBlock> 

      <Image Grid.Column="1" Grid.Row="4" Source="pack://application:,,,/WpfApplication5;component/toggle.sheath.DOWN.png" HorizontalAlignment="Center"> 
      </Image> 
      <TextBlock Grid.Column="1" Grid.Row="5" Text="Off" ></TextBlock> 
      <Image Grid.Column="1" Grid.Row="6" Source="pack://application:,,,/WpfApplication5;component/toggle.sheath.DOWN.png" HorizontalAlignment="Center"> 
      </Image> 
      <TextBlock Grid.Column="1" Grid.Row="7" Text="Off" ></TextBlock> 
      <Image Grid.Column="1" Grid.Row="8" Source="pack://application:,,,/WpfApplication5;component/toggle.sheath.DOWN.png" HorizontalAlignment="Center"> 
      </Image> 
      <TextBlock Grid.Column="1" Grid.Row="9" Text="Off" ></TextBlock> 
      <Image Grid.Column="1" Grid.Row="10" Source="pack://application:,,,/WpfApplication5;component/toggle.sheath.DOWN.png" HorizontalAlignment="Center"> 
      </Image> 
      <TextBlock Grid.Column="1" Grid.Row="11" Text="Off" ></TextBlock> 
    </Grid>

이미지가

당신은 돈 '(Grid.Row의 사용자의 용도에 따라) 큰이며, 당신은 <Grid.RowDefinitions> 2 <RowDefinition>을 놓치고

출처

2016-07-27 user2837961

여기 스크린 샷이 필요할 것입니다 ... 테스트를 거쳤지만 문제가 없으며 이미지가 셀에 맞게 올바르게 크기가 조절되었습니다. – Kilazur

창을 통해 이동 행/열 정의가 모두 동일하면 가중치를 넣어야하며 값이 * 인 경우 Height을 기본값으로 설정하지 않아도됩니다 (각 <RowDefinition>에서 Height="10*"을 삭제할 수 있음)
일부 열 정의를 Width="Auto"으로 설정하고 싶지만 그 사실을 알려 드리겠습니다.

출처

2016-07-27 10:29:35 Kilazur

컨트롤 사이의 동일 간격

답변

관련 문제