Elaine Harden
Elaine Harden

Reputation: 59

How to move 2 images at the same time in C# for Windows Phone App?

I have 2 images barTop and barBottom. If I drag the barTop, I want barBottom to be dragged along too. The codes that I have is below. May I know how can I do it?

private void GestureListener_DragDelta(object sender, DragDeltaGestureEventArgs e)
    {
        barTopTT.X += e.HorizontalChange;
        barTopTT.Y += e.VerticalChange;
        barBottomTT.X += e.HorizontalChange;
        barBottomTT.Y += e.VerticalChange;
    }

Upvotes: 0

Views: 259

Answers (1)

Amit Singh
Amit Singh

Reputation: 2698

Try this,

    <Image Height="100" VerticalAlignment="Top" RenderTransformOrigin="0.5,0.5" Name="img1" Margin="0,0,0,0" Stretch="Uniform" Source="/1.png">
            <Image.RenderTransform>
                <CompositeTransform x:Name="img1gesture"/>
            </Image.RenderTransform>
            <toolkit:GestureService.GestureListener>
                <toolkit:GestureListener DragDelta="GestureListener_DragDelta_1"/>
            </toolkit:GestureService.GestureListener>
    </Image>
    <Image Height="100" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5" Name="img2" Margin="0,0,0,0" Stretch="Uniform" Source="/1.png">
            <Image.RenderTransform>
                <CompositeTransform x:Name="img2gesture"/>
            </Image.RenderTransform>
            <toolkit:GestureService.GestureListener>
                <toolkit:GestureListener DragDelta="GestureListener_DragDelta_1"/>
            </toolkit:GestureService.GestureListener>
    </Image>

In C#,

    private void GestureListener_DragDelta_1(object sender, Microsoft.Phone.Controls.DragDeltaGestureEventArgs e)
    {
        img1gesture.TranslateX += e.HorizontalChange;
        img2gesture.TranslateX += e.HorizontalChange;
        img1gesture.TranslateY += e.VerticalChange;
        img2gesture.TranslateY += e.VerticalChange;
    }

Upvotes: 1

Related Questions