Silverlight 3 - Enlace de datos de posición de un rectángulo en un lienzo

Question

actualmente estoy tratando de obligar a una colección de objetos a un lienzo en Silverlight 3 utilizando un ItemsControl de la siguiente manera:

<ItemsControl x:Name="ctrl" ItemsSource="{Binding myObjectsCollection}"> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <Canvas></Canvas> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <Rectangle Stroke="LightGray" Fill="Black" StrokeThickness="2" 
        RadiusX="15" RadiusY="15" Canvas.Left="{Binding XAxis}" 
        Height="25" Width="25"> 
      </Rectangle> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl> 

Por desgracia, parece la unión de el Canvas.Left está siendo ignorado. Por lo que he aprendido here, parece que esto se debe a que los elementos se colocaron dentro de un presentador de contenido, no al lienzo real que he especificado en el panel de elementos.

¿Hay una manera que puede utilizar el enlace para determinar la posición de los elementos en un lienzo de datos?

Answer 1

que darse cuenta de que esto ya tiene una respuesta aceptada, pero la manera de lograr el objetivo inicial sin jugar con los márgenes es crear una costumbre ItemsControl y anula el método PrepareContainerForItemOverride. En este método, establece el enlace en el código.

public class CustomItemsCollection 
    : ItemsControl 
{ 
    protected override void PrepareContainerForItemOverride(DependencyObject element, object item) 
    { 

     FrameworkElement contentitem = element as FrameworkElement; 
     Binding leftBinding = new Binding("Left"); // "Left" is the property path that you want to bind the value to. 
     contentitem.SetBinding(Canvas.LeftProperty, leftBinding); 

     base.PrepareContainerForItemOverride(element, item); 
    } 

} 

Answer 2

tiene usted razón, se inserta un ContentPresenter entre el lienzo y el rectángulo. Una solución sería establecer un margen izquierdo en lugar de un Canvas.Left:

<Rectangle Stroke="LightGray" Fill="Black" StrokeThickness="2" 
     RadiusX="15" RadiusY="15" Height="25" Width="25"> 
    <Rectangle.Margin> 
     <Thickness Left="{Binding XAxis}"/> 
    </Rectangle.Margin> 
</Rectangle> 

Answer 3

Añadir lo siguiente a su ItemsControl

<ItemsControl.ItemContainerStyle> 
    <Style TargetType="{x:Type ContentPresenter}"> 
     <Setter Property="Canvas.Left" Value="{Binding XPath=XAxis}"/> 
    </Style> 
    </ItemsControl.ItemContainerStyle> 

No hay necesidad de ninguna costumbre controla

Answer 4

No puede utilizar ItemsControl.ItemContainerStyle en Silverlight. No existe. Solo existe en un par de clases de nivel de hoja como ListBox.

Answer 5

Sé que esta pregunta es un poco viejo, pero sólo se puede utilizar un render transformo - que estoy haciendo algo similar;

<ItemsControl ItemsSource="{Binding Notes}"> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <Canvas Background="Aqua"/> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 

    <ItemsControl.ItemTemplate> 
     <DataTemplate> 
      <Border Width="{Binding W}" Height="{Binding H}" BorderBrush="Navy" BorderThickness="5" CornerRadius="10"> 
       <TextBlock Text="{Binding Text}"/> 
       <Border.RenderTransform> 
        <TransformGroup> 
         <RotateTransform Angle="0"/> 
         <TranslateTransform X="{Binding X}" Y="{Binding Y}"/> 
        </TransformGroup> 
       </Border.RenderTransform> 
      </Border> 
     </DataTemplate> 
    </ItemsControl.ItemTemplate> 
</ItemsControl>