WP7如何适应网格尺寸图像尺寸

Question

我深化发展一个愚蠢的应用程序： - 打开从媒体库， 一个图片 - 放在一个网格单元所选择的图像（其中包含TextBlok元素） - 保存“保存的图片”相册中的图片。

我的XAML代码：

<controls:PanoramaItem Header="Image Selection" Height="652"> 
<Grid Name="markedImage" Margin="0,0,4,89"> 
    <Image x:Name="img" Stretch="Fill" Margin="0,0,0,10"></Image> 
    <TextBlock x:Name="text" Text="Hello!"> 
     <i:Interaction.Behaviors> 
      <el:MouseDragElementBehavior ConstrainToParentBounds="True"/> 
     </i:Interaction.Behaviors> 
    </TextBlock> 
</Grid> 

和代码来打开和保存所选择的图片：

private void photoChooserTask_Completed(object sender, PhotoResult e) 
    { 
     try 
     { 
      BitmapImage image = new BitmapImage(); 
      image.SetSource(e.ChosenPhoto); 
      WriteableBitmap wbp = new WriteableBitmap(image); 
      this.img.Source = image; 
      height = image.PixelHeight; 
      width = image.PixelWidth; 
      MessageBox.Show("H: " + height + "\t" + "W: " + width); 
     } 
     catch 
     { 
      MessageBox.Show("Disconnect your device from Zune"); 
     } 
    } 
private void save_Click(object sender, System.EventArgs e) 
    { 

     WriteableBitmap marked = new WriteableBitmap(this.markedImage, null); 
     ThreadPool.QueueUserWorkItem(callback => 
     { 
      MemoryStream ms = new MemoryStream(); 
      marked.SaveJpeg(ms, (width * 2), (height * 2), 0, 100); 
      using (MediaLibrary lib = new MediaLibrary()) 
       lib.SavePicture("Test", ms.ToArray()); 
     }); 
     MessageBox.Show("H: " + marked.PixelHeight + "\t" + "W: " + marked.PixelWidth); 

     // wbm.SaveToMediaLibrary("SavedPicture.jpg", true); 

     MessageBox.Show("Picture saved successfully"); 
    } 

，因为我是我不能发布图片新用户，无论如何图片（orignal和保存的图片）具有相同的高度和宽度，但他们看起来不同 我认为问题是网格尺寸和Stretch属性。我尝试了不同的组合，但结果并不好。 一些建议？

编辑：我赚了点声望值 原始图片是

保存的图片被

，如果你在另一个窗口同时打开，就可以看到区别

Answer 1

的问题是相当简单易懂：基本上，您正在对网格进行“截图”。因此，生成的图片的大小与网格的大小相同。因此下采样的图片。

修复，但可能会很棘手。我可以建议两种方式：只执行前

1. 重新创建编程网格，它在内容代码隐藏，然后从这个新的网格

2. 创建WriteableBitmap的将其从母公司控制电网的图像生成代码（那么，网格就可以根据需要使用尽可能多的空间），并将其添加回算账：

   <Grid x:Name="ParentGrid" Grid.Row="1" Width="200" Height="150"> 
       <Grid Name="markedImage" Margin="0,0,4,89"> 
        <Image x:Name="img" Source="Images/Test.jpg" Stretch="Fill" Margin="0,0,0,10"></Image> 
        <TextBlock x:Name="text" Text="Hello!"> 
         <i:Interaction.Behaviors> 
          <el:MouseDragElementBehavior ConstrainToParentBounds="True"/> 
         </i:Interaction.Behaviors> 
        </TextBlock> 
       </Grid> 
   </Grid> 
   

   和代码隐藏：

   this.ParentGrid.Children.Remove(this.markedImage); 
   
   WriteableBitmap marked = new WriteableBitmap(this.markedImage, null);   
   
   MemoryStream ms = new MemoryStream(); 
   marked.SaveJpeg(ms, 1349, 1437, 0, 100); 
   using (MediaLibrary lib = new MediaLibrary()) 
       lib.SavePicture("Test", ms.ToArray()); 
   
   MessageBox.Show("H: " + marked.PixelHeight + "\t" + "W: " + marked.PixelWidth); 
   
   MessageBox.Show("Picture saved successfully"); 
   
   this.ParentGrid.Children.Add(this.markedImage);