How I can zoomin & zoomout images and move all images

See more:

C#

XAML

UWP

I display the images on canvas and I want that i move all the images. Currently I am able to move the last image which i brought on canvas. And I also want that i zoom these images.so please help me in this.

What I have tried:

private TranslateTransform dragTranslation;

       // Constructor


       void Drag_ManipulationDelta(object sender, ManipulationDeltaRoutedEventArgs e)
       {
           // Move the rectangle.
           dragTranslation.X += e.Delta.Translation.X;
           dragTranslation.Y += e.Delta.Translation.Y;

       }

private void Stickers1_SelectionChanged(object sender, SelectionChangedEventArgs e)
{

var selecteditem = e.AddedItems[0] as StickersImageListModel;

{
Stickers1.Visibility = Visibility.Collapsed;
Image imageitem = new Image();
BitmapImage image = new BitmapImage(new System.Uri(selecteditem.Imageurl, UriKind.Absolute));
imageitem.Source = image;
my_canvas.Children.Add(imageitem);
imageitem.AllowDrop = true;
imageitem.ManipulationMode = ManipulationModes.All;
imageitem.ManipulationDelta += Drag_ManipulationDelta;
dragTranslation = new TranslateTransform();
imageitem.RenderTransform = this.dragTranslation;
var st = (ScaleTransform)imageitem.RenderTransform;
double zoom = e.Delta > 0 ? .2 : -.2;
st.ScaleX += zoom;
st.ScaleY += zoom;

}
my_canvas.Visibility = Visibility.Visible;
}