Xamarin SyncFusion，裁剪图像未正确传递？

Question

我的目标是将在我的 CropPage.xaml（它包含 SfImageEditor 来执行此操作）中编辑的裁剪图像传递给另一个类。

这是 CropPage.xaml 文件的代码：

<SyncFusion:SfImageEditor x:Name="imgEditor"
                         ImageSaved="imgEditor_ImageSaved">
</SyncFusion:SfImageEditor>

现在我已经编辑了 SfImageEditor 页面顶部的默认工具栏，将“继续”设置为可点击，所有这些都在 CropPage.xaml.cs 中。 当然还有更多代码，但这是我认为重要的主要部分：

// Assign function when a selection occurs.
imgEditor.ToolbarSettings.ToolbarItemSelected += ToolbarSettings_ToolbarItemSelected;

private void ToolbarSettings_ToolbarItemSelected(object sender, ToolbarItemSelectedEventArgs e)
{
    // When the user is ready to move on, they press continue to move to the next page. Check specifically for that.
    if(e.ToolbarItem.Text == "Continue")
    {
        // Get the image and transfer it to the next page here. (Is it really just the source?)
        Navigation.PushAsync(new ProcessPage(imgEditor.Source));
    }
}

那么当然，ProcessPage 只是另一个类，它的构造函数接收 ImageSource。 重要的代码是：

    // CropPage will pass on the image source when the user is done cropping, and image will be used for the algorithm.
    ImageSource m_savedImgSrc;

    public ProcessPage(ImageSource imgSource)
    {
        // Get rid of the navigation bar.
        NavigationPage.SetHasNavigationBar(this, false);

        InitializeComponent();

        // Place image on screen.
        imgSpace.Source = imgSource;
    }

上面的“imgSpace”只是一个小区域，用于显示将被裁剪的图像，xaml 文件中的代码如下所示：

 <Image x:Name="imgSpace"
       AbsoluteLayout.LayoutBounds="0.5, 0.3, 0.9, 0.65"
       AbsoluteLayout.LayoutFlags="All">
 </Image>

所以计划很简单，我在CropPage里面用Sf​​ImageEditor裁剪了一张图片，然后传给ProcessPage去显示。 但是无论我如何裁剪它，它都会转到 ProcessPage 并且有原始图像。

我想我确实假设当我在 CropPage 中裁剪图像时，显示的新图像在源中，因此按照您所见传递源可以解决我的问题。 但不幸的是，事实并非如此。

一定有一些我想念的东西来解释为什么我没有得到我想要的裁剪图像。 任何帮助深表感谢！

Answer 1

检查您的要求和共享代码，您无法从 ImageEditor.Source 属性获取编辑后的图像，因为它仅包含在图像编辑器中添加的原始 ImageSource。

但是，您可以按照以下代码片段从图像编辑器的 ImageSaving 事件中获取编辑后的图像流

<imageeditor:SfImageEditor Source="{Binding Image}"  x:Name="editor" ImageSaving="imgEditor_ImageSaving"/>

完成编辑后，单击Continue工具栏按钮并传递编辑后的图像源。

private void ToolbarSettings_ToolbarItemSelected(object sender, ToolbarItemSelectedEventArgs e)
    {
        if (e.ToolbarItem.Text == "Continue")
        {
         // Call editor save method.
            editor.Save();
        }
    }


    private void imgEditor_ImageSaving(object sender, ImageSavingEventArgs args)
    {
       // Below line will stop the image saving to your machine. If you like to save the image in your machine, you can remove the below line.
        args.Cancel = true;

       //args.Stream contain edited image stream
        var stream = args.Stream;

       //Convert the edited stream to ImageSource
        var source = ImageSource.FromStream(() => stream);
       // Pass edited image source to the next page
        Navigation.PushAsync(new ProcessPage(source));
    }