Gör så här: Översätta ett element

Det här exemplet visar hur du översätter (flyttar) ett element med hjälp av en TranslateTransform.

Klassen TranslateTransform är särskilt användbar för att flytta element inuti paneler som inte stöder absolut positionering. Genom att till exempel tillämpa en TranslateTransform på egenskapen RenderTransform för ett element kan du flytta ett element inom en StackPanel eller DockPanel.

Använd egenskapen X för TranslateTransform för att ange mängden i bildpunkter för att flytta elementet längs x-axeln. Använd egenskapen Y för att ange mängden i bildpunkter för att flytta elementet längs y-axeln. Tillämpa slutligen TranslateTransform på elementets RenderTransform-egenskap.

I följande exempel används en TranslateTransform för att flytta ett element 50 bildpunkter till höger och 50 bildpunkter nedåt.

Exempel

<Rectangle Height="50" Width="50" 
  Fill="#CCCCCCFF" Stroke="Blue" StrokeThickness="2"
  Canvas.Left="100" Canvas.Top="100">
  <Rectangle.RenderTransform>
    <TranslateTransform X="50" Y="50" />
  </Rectangle.RenderTransform>
</Rectangle>

Det fullständiga exemplet finns i 2D Transforms Sample.

Se även

• Transformationsöversikt