3

我正在开发一个愚蠢的应用程序： - 从媒体库打开图片， - 将所选图像放入网格元素（其中包含 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");
    }

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

编辑：我赢得了声望点原始照片是 原图

保存的照片是 保存的照片

如果您在另一个窗口中打开两者，您可以看到不同之处

4

1 回答 1

1

这个问题很容易理解：基本上，您正在对网格进行“屏幕截图”。因此，生成的图片大小与网格大小相同。因此下采样的图片。

然而，解决这个问题可能很棘手。我可以建议两种方法：

  1. 在代码隐藏中以编程方式重新创建网格及其内容，然后从这个新网格创建 WriteableBitmap

  2. 在执行图像生成代码之前从其父控件中删除网格（然后网格将能够根据需要使用尽可能多的空间），然后将其添加回来：

    <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);
于 2012-10-18T21:19:17.670 回答