Сгенерировать изображение из сетки XAML + Изображение с помощью C#

Question

Я пытаюсь создать изображение для плитки, состоящей из сетки с цветом фона и PNG с прозрачным фоном.

var TestTile = new Grid() 
       { 
        Background = colTemp, 
        HorizontalAlignment = HorizontalAlignment.Stretch, 
        VerticalAlignment = VerticalAlignment.Stretch, 
        Margin = new Thickness(0, 12, 0, 0), 
       }; 
       TestTile.Arrange(new Rect(0, 0, 366, 366)); 

       var ico = new Image() { 
        Source = new BitmapImage(new Uri("Images/mCloudSunT.png", UriKind.Relative)), 
       }; 
       TestTile.Children.Add(ico); 
... 
bitmap.Render(TestTile, new TranslateTransform()); 
... 

Я получаю изображение с цветом фона, но без PNG. Я не получаю ошибки, и URI корректен (проверен).

новый код:

var colTemp = new SolidColorBrush(Color.FromArgb(255, 174, 190, 206)); 
       var TestTile = new Grid() 
       {      
        Background = colTemp, 
        Height = 336, 
        Width = 336, 
       };     

       var ico = new Image() { 
        Source = new BitmapImage(new Uri("Images/mCloudSunT.png", UriKind.Relative)), 
       }; 
       Grid.SetColumn(ico, 0); 
       Grid.SetRow(ico, 0); 
       TestTile.Children.Add(ico); 

       TestTile.Measure(new Size(336, 336)); 
       TestTile.Arrange(new Rect(0, 0, 366, 366)); 

       TestTile.UpdateLayout(); 

Вот код для генерации изображения:

using (IsolatedStorageFile store = IsolatedStorageFile.GetUserStoreForApplication()) 
       { 
        if (!store.DirectoryExists("shared/shellcontent")) 
        { 
         store.CreateDirectory("shared/shellcontent"); 
        } 
        var bitmap = new WriteableBitmap(336, 336); 
        bitmap.Render(TestTile, new TranslateTransform()); 
        var stream = store.CreateFile("/shared/shellcontent/test.jpg"); 
        bitmap.Invalidate(); 
        bitmap.SaveJpeg(stream, 366, 336, 0, 100); 
        stream.Close(); 

А вот код для использования в качестве плитки фона:

ShellTile PinnedTile = ShellTile.ActiveTiles.First(); 
       FlipTileData UpdatedTileData = new FlipTileData 
       { 
        BackgroundImage = new Uri("isostore:/shared/shellcontent/test.jpg", UriKind.RelativeOrAbsolute),      
       }; 
       PinnedTile.Update(UpdatedTileData); 

Answer 1

вызовов Мерой а затем Упорядочить после добавления значка.

TestTile.Measure(new Size(366,366)); 
TestTile.Arrange(new Rect(0, 0, 366, 366)); 
TestTile.UpdateLayout(); 

... 
WritableBitmap... 

Answer 2

Я не вижу причин для вызова SetColumn, SetRow, Мера, организовать или UpdateLayout. Кроме того, после вызова Render() вызовите Invalidate(). Попробуйте следующее:

var colTemp = new SolidColorBrush(Color.FromArgb(255, 174, 190, 206)); 
      var TestTile = new Grid() 
      {      
       Background = colTemp, 
       Height = 336, 
       Width = 336, 
      };     

      var ico = new Image() { 
       Source = new BitmapImage(new Uri("Images/mCloudSunT.png", UriKind.Relative)), 
      }; 

      TestTile.Children.Add(ico); 

.... 

bitmap.Render(TestTile, new TranslateTransform()); 
bitmap.Invalidate();