如何正确创建自己的功能以在 10 秒后以 Xamarin 形式拍照？

Question

我正在关注这个项目 https://github.com/ThatCSharpGuy/Forms-FullCameraPage 以实现 xamarin 形式的相机。它可以正常工作，但我想创建自己的空白来拍照。我在该项目中对当前项目的唯一更改是我将 CameraPage 设置为 Contentpage XAML 而不是类。

我们的想法是创建一个函数，以便在 10 秒内拍摄照片，如果可能的话，我想在我的共享代码中控制它。

如果我们查看我添加的代码，这就是我目前得到的。

public CameraPage()
{
        InitializeComponent();
        loadCameraFunction (); //so this is the function that i created myself
}

//i added this and put the same value into them as the ones in `SetPhotoResult`
byte[] image;
int width = -1;
int height = -1;

//the void
async void loadCameraFunction()
{
   await Task.Delay (10000); //wait 10 sec for the photo to be taken
   SetPhotoResult(image, width, height); //i add the byte[] and two ints i created above that has the same value as the ones in SetPhotoResult
}

    public delegate void PhotoResultEventHandler(PhotoResultEventArgs result);

    public event PhotoResultEventHandler OnPhotoResult;


    public void SetPhotoResult(byte[] image, int width = -1, int height = -1)
    {
        OnPhotoResult?.Invoke(new PhotoResultEventArgs(image, width, height));
    }

    public void Cancel()
    {
        OnPhotoResult?.Invoke(new PhotoResultEventArgs());
    }

    public class PhotoResultEventArgs : EventArgs
    {

        public PhotoResultEventArgs()
        {
            Success = false;
        }

        public PhotoResultEventArgs(byte[] image, int width, int height)
        {
            Success = true;
            Image = image;
            Width = width;
            Height = height;
        }

        public byte[] Image { get; private set; }
        public int Width { get; private set; }
        public int Height { get; private set; }
        public bool Success { get; private set; }
    }

}

}

这段代码的问题是我的函数的结果似乎为空。好像我没有得到图像。所以我的问题是：我需要调用SetPhotoResult 函数才能拍照吗？如果是这样，我做错了什么？

Answer 1

拍摄照片后应调用SetPhotoResult。如果您只想在点击FullCameraqPagePage 上的“拍照”按钮 10 秒后拍摄一张照片，那么您将需要修改自定义渲染器中的代码。对于 CameraPageRenderer 类中的 iOS，将以下内容添加到 ViewDidLoad 方法的末尾：

await Task.Delay(10000);
var data = await CapturePhoto();
UIImage imageInfo = new UIImage(data);

(Element as FullCameraPage.CameraPage).SetPhotoResult(
        data.ToArray(),
        (int)imageInfo.Size.Width,
        (int)imageInfo.Size.Height);

这与单击 CameraPage 上的圆形按钮时运行的代码相同，但添加了延迟。

删除取消（左上角的 x）和实际拍照的圆形按钮（第一页上的“拍照”按钮仅加载相机页面，它不拍照）。要删除这些按钮，以便用户不能中断您的图片（好吧，如果他们关闭应用程序，他们仍然可以）然后从CameraPageRenderer 的SetupUserInterface 方法中删除这两行代码：

View.Add(takePhotoButton);
View.Add(cancelPhotoButton);

当然，您也可以删除与这两个按钮相关的所有代码。

对于 Android，同样的想法应该适用。只需将以下内容添加到Android CameraPageRenderer 类中的OnElementChanged 方法中：

await Task.Delay(5000);
        var bytes = await TakePhoto();
        (Element as CameraPage).SetPhotoResult(bytes, liveView.Bitmap.Width, liveView.Bitmap.Height);

要摆脱手动拍照按钮，请从 SetupUserInterface 方法中删除以下内容：

mainLayout.AddView(capturePhotoButton);

编辑：在共享代码中完成所有操作：

将类属性添加到CameraPage，类型为Action：

public Action TakePicture { get; set; }

在CameraPageRenderer中设置Action的代码：

（安卓）：

(Element as CameraPage).TakePicture = async () =>
{
     var bytes = await TakePhoto();
    (Element as CameraPage).SetPhotoResult(bytes, liveView.Bitmap.Width, liveView.Bitmap.Height);
};

（iOS）：

(Element as CameraPage).TakePicture = async () =>
{
    var data = await CapturePhoto();
    UIImage imageInfo = new UIImage(data);

    (Element as FullCameraPage.CameraPage).SetPhotoResult(data.ToArray(),
        (int)imageInfo.Size.Width,
        (int)imageInfo.Size.Height);
};

然后在CameraPage 再次：

protected override async void OnAppearing()
{
    base.OnAppearing();
    if (TakePicture != null)
    {
           await Task.Delay(5000);
           TakePicture();
    }
}

应该这样做。