title: How to merge two images and show in an Image control?
body: <p>there is a frame with the full size and an inner picture with smaller size in my app. I want the inner one be inside and on top of the frame. So this is what I did:</p>
  
  <pre><code>var resourceStream = Application.GetResourceStream(new Uri("Assets/Frame.png", UriKind.Relative));
  var frame = new BitmapImage();
  frame.SetSource(resourceStream.Stream);
  
  WriteableBitmap finalImage = new WriteableBitmap(frame);
  
  using (MemoryStream memoryStream = new MemoryStream())
  {
      BitmapImage innerImage = new BitmapImage(new Uri(string.Format("Assets/Pages/{0}.png", page), UriKind.Relative));
      Image image = new Image();
      image.Height = innerImage.PixelHeight;
      image.Width = innerImage.PixelWidth;
      image.Source = innerImage;
  
      TranslateTransform translateTransform = new TranslateTransform();
      translateTransform.X = 52;
      translateTransform.Y = 60;
  
      finalImage.Render(image, translateTransform);
      finalImage.Invalidate();
  
      finalImage.SaveJpeg(memoryStream, frame.PixelWidth, frame.PixelHeight, 0, 100);
      memoryStream.Seek(0, System.IO.SeekOrigin.Begin);
  
      PagePicture.Source = finalImage;
  }
  </code></pre>
  
  <p>But I only see the frame without the inner image.. I guess that maybe behind the frame.
  How can I solve this?</p>
  
  <p>Or maybe I can have two controls one on another without merging? let me try</p>