Gleicher Abstand zwischen den Steuerungen

Question

Ich möchte Bild und Text unter Bild wie folgt platzieren. Die Höhe der Reihen muss gleichmäßig verteilt sein. Wie kann das funktionieren, wenn ich Bilder entsprechend skalieren möchte?

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

Wenn ich die oben tun, sind die Bilder groß und gehen über das Fenster

Answer 1

• Sie 2 <RowDefinition> in <Grid.RowDefinitions> fehlt (entsprechend Ihrer Verwendungen von Grid.Row)
• Sie don‘ Sie müssen Ihre Zeilen-/Spaltendefinitionen belasten, wenn sie alle gleich sind, und Sie müssen nicht einmal Height setzen, wenn der Wert * ist, da dies der Standardwert ist (Sie können Height="10*" aus jedem <RowDefinition> entfernen)
• Vielleicht möchten Sie einige Spaltendefinitionen mit Width="Auto" festgelegt haben, aber ich überlasse das Ihnen.