WPF - Bindung an eine Integer/Double Property, um X Anzahl der Rechtecke anzuzeigen

Question

Ich versuche gerade ein "stats" -Fenster zu entwerfen, von dem man weiß, dass es in RPG-Spielen zu sehen ist, zB wie viele Punkte verteilt werden Angriff, Verteidigung und Leben.

Zum Beispiel habe ich das Property Leben in meiner Klasse, und in meiner XAML habe ich ein WrapPanel, wo ich all diese Rectangles hosten mag, dass jeder Punkt das Objekt Leben hat vertreten werden, wenn das Eigenschaft hatte den Wert "5", dann würde 5 Rectangles innerhalb dieser WrapPanel angezeigt werden.

Kann man das rein in XAML mit DataBinding tun, ohne Code schreiben zu müssen? Wenn das nicht möglich ist, ist es möglich, einen Konverter zu schreiben?

Wenn einer von denen möglich ist, wie?

Ich versuche es mit Binding zu machen, ohne Code in das Backend zu schreiben, um den Code so wenig aufgebläht und einfach wie möglich zu halten.

EDIT: Um zu klären, 5 ist nicht der Maximalwert ist, kann sie so hoch wie der Datentyp gehen gehen, so dass Sie, dass diese Rechtecke haben zu prüfen, dynamisch mit Bindung, anstatt nur das Einfügen sie eingeführt haben werden und ändere die Sichtbarkeit.

Answer 1

Zuerst einen Konverter schreiben, das Array von Elementen aus bestimmten Anzahl produziert:

public class NumberToItemsConverter : IValueConverter { 
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture) { 
     return Enumerable.Range(1, System.Convert.ToInt32(value)); 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) { 
     throw new NotImplementedException(); 
    } 
} 

Dann Elemente verwenden steuern:

<ItemsControl ItemsSource="{Binding Value, Converter={StaticResource numToItems}}"> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <WrapPanel IsItemsHost="True" /> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <Rectangle Height="100" 
         Width="20" 
         Margin="5,0,5,0" 
         Fill="Red" /> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl>