Использование ItemsControl для привязки кнопок верхняя/левая позиция на холсте Windows Phone

Question

Я использую ItemsControl и имею несколько кнопок и размещаю их в определенном месте на холсте. Тем не менее, Canvas.Left и Canvas.Top всегда размещают все кнопки на 0,0.

 <ItemsControl x:Name="itemsControl" ItemsSource="{Binding Tiles}"> 
      <ItemsControl.ItemsPanel> 
       <ItemsPanelTemplate> 
        <Canvas /> 
       </ItemsPanelTemplate> 
      </ItemsControl.ItemsPanel> 
      <ItemsControl.ItemTemplate> 
       <DataTemplate> 
        <Button Width="{Binding Side}" 
           Height="{Binding Side}" 
           Background="{Binding BgColor}"    
           Canvas.Left="{Binding Left}" Canvas.Top="{Binding Top}" />   
       </DataTemplate> 
      </ItemsControl.ItemTemplate> 


     </ItemsControl> 

Answer 1

Лучший ответ, который я нашел для этого использовать RenderTransform в вашем DataTemplate

<ItemsControl x:Name="itemsControl" ItemsSource="{Binding Tiles}"> 
<ItemsControl.ItemsPanel> 
<ItemsPanelTemplate> 
<Canvas /> 
</ItemsPanelTemplate> 
</ItemsControl.ItemsPanel> 
<ItemsControl.ItemTemplate> 
<DataTemplate> 
<Button Width="{Binding Side}" Height="{Binding Side}" Background="{Binding BgColor}"> 
<Button.RenderTransform> 
<TranslateTransform X={Binding Left} Y ={Binding Top}/> 
</Button.RenderTransform>    
</Button>  
</DataTemplate> 
</ItemsControl.ItemTemplate> 
</ItemsControl>