控件之間的間隔相等

我想將圖像和文本置於圖像下方，如下所示。行的高度必須平分。如果我希望圖像的大小相應，如何工作？控件之間的間隔相等

 <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>

如果我做以上，圖像是大的，去了窗口

來源

2016-07-27 user2837961

我需要一個截圖在這裏...我測試了它，並沒有問題，我的圖像正確調整大小，以適應他們的細胞。 – Kilazur

你錯過了2 <RowDefinition>在<Grid.RowDefinitions>（根據您的Grid.Row用法）
你不」如果它們完全相同，則必須在行/列定義中加入權重，如果值爲*，則甚至不必設置Height，因爲這是默認設置（您可以從每個<RowDefinition>中刪除Height="10*"）
也許你會想用Width="Auto"設置一些列定義，但我會把它留給你。

來源

2016-07-27 10:29:35 Kilazur

控件之間的間隔相等

回答

相關問題