Translate Transform : Transform « Windows Presentation Foundation « VB.Net






Translate Transform

Translate Transform
     

<Window x:Class="WPFTransformations.Translate"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Translate Transform" Height="300" Width="300">
    <Grid>
        <StackPanel Margin="8">
            <ListBox Height="100" Width="200" BorderThickness="2">
                <ListBoxItem Content="Item 1"/>
                <ListBoxItem Content="Item 2"/>
                <ListBoxItem Content="Item 3"/>
                <ListBoxItem Content="Item 4"/>
                <ListBox.RenderTransform>
                    <TranslateTransform X="{Binding Path=Value, ElementName=sliderX}" 
                                        Y="{Binding Path=Value, ElementName=sliderY}"/>
                </ListBox.RenderTransform>
            </ListBox>

            <TextBlock Height="65" Width="100"/>
            <Grid HorizontalAlignment="Center" Margin="2">
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition Width="110"/>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>

                <TextBlock Grid.Row="0" Grid.Column="0" Text="X:"/>
                <Slider Grid.Row="0" Grid.Column="1" Name="sliderX"/>
                <TextBox Grid.Row="0" Grid.Column="2" Text="{Binding Path=Value, ElementName=sliderX}"/>
            </Grid>
        </StackPanel>
        <StackPanel Margin="8">
            <Rectangle Height="100" Width="200" Stroke="Red" Fill="Red" Opacity=".05"/>
        </StackPanel>
    </Grid>
</Window>

   
    
    
    
    
  








Related examples in the same category

1.RenderTransform sectionRenderTransform section
2.LayoutTransform sectionLayoutTransform section
3.Transformed Buttons with TranslateTransform X/YTransformed Buttons with TranslateTransform X/Y
4.Transformed Buttons with ScaleTransform and ScaleYTransformed Buttons with ScaleTransform and ScaleY
5.Transformed Buttons with SkewTransform and AngleYTransformed Buttons with SkewTransform and AngleY
6.Transformed Buttons with RotateTransform And AngleTransformed Buttons with RotateTransform And Angle
7.Animate Button RenderTransformAnimate Button RenderTransform
8.Animate Button LayoutTransformAnimate Button LayoutTransform
9.ScaleTransformScaleTransform
10.SkewTransform appliedSkewTransform applied
11.Applies a RotateTransform to the brush's Transform propertyApplies a RotateTransform to the brush's Transform property
12.TranslateTransform : LayoutTransform SampleTranslateTransform : LayoutTransform Sample
13.MatrixTransform SampleMatrixTransform Sample
14.Rotate Button Along the center and AngleRotate Button Along the center and Angle
15.Render Tranform
16.Rotate a ButtonRotate a Button
17.Rotate in a circle, then flip, when clickedRotate in a circle, then flip, when clicked
18.RotateTransform AppliedRotateTransform Applied
19.Rotation of content by using RotateTransformRotation of content by using RotateTransform
20.Object Transforms in WPFObject Transforms in WPF