使用WPF、Caliburn和C#從影像轉換為影像源

我正在嘗試在 WPF 中設定網路攝像頭流。我有一個專案正在運行，其中一切都是代碼。但是，我很想使它更干凈并將其轉換為 MVVM。我的問題是，我無法將流中的影像系結到視圖，并收到以下錯誤：

系結路徑Cameraimage, Taget Image.Source, Target Type ImageSource不帶點

無法從型別“System.Windows.Controls.Image”轉換為“System.Windows.Media.ImageSource”。考慮在系結上設定轉換器。

程式這部分的主要內容是View.xaml ViewModel.cs和一個實用程式CameraStreaming.cs - （它顯然不是視圖和視圖模型，但我試圖保持簡單）

View.xaml-snippet

    <Border
        x:Name="webcamContainer"
        Grid.Column="0"
        Grid.Row="3"
        BorderBrush="Black"
        BorderThickness="1">

        <Image Source="{Binding CameraImage}"  VerticalAlignment="Top" />
        
    </Border>

ViewModel.cs-snippet

private Image _cameraImage;

    public Image CameraImage
    {
        get { return _cameraImage; }
        set { _cameraImage = value;
            NotifyOfPropertyChange(() => CameraImage);
    }
(....)
    var selectedCameraDeviceId = SelectedCamera.OpenCvId;

            if (_camera == null || _camera.CameraDeviceId != selectedCameraDeviceId)
            {
                _camera?.Dispose();
                
                _camera = new CameraStreaming(

                    imageControlForRendering: CameraImage, // See my CameraStreaming utility
                    cameraDeviceId: SelectedCamera.OpenCvId);
                
            }

            try
            {
                await _camera.StartCamera(true);
               // await _ultraSound.Start(false);

            }

CameraStreaming.cs-片段

private readonly Image _imageControlForRendering;

public CameraStreaming(Image imageControlForRendering, int cameraDeviceId)
    {
        _imageControlForRendering = imageControlForRendering;
        CameraDeviceId = cameraDeviceId;

    }
 public async Task StartCamera(bool crop)
    {
        
        if (_previewTask != null && !_previewTask.IsCompleted)
            return;

        var initializationSemaphore = new SemaphoreSlim(0, 1);

        _cancellationTokenSource = new CancellationTokenSource();
        _previewTask = Task.Run(async () =>
        {
            try
            {
               var videoCapture = new VideoCapture();

                if (!videoCapture.Open(CameraDeviceId))
                {
                    throw new ApplicationException("Cannot connect to camera");
                }

                using (var frame = new Mat())
                {
                    while (!_cancellationTokenSource.IsCancellationRequested)
                    {
                        videoCapture.Read(frame);

                        if (!frame.Empty())
                        {
                            // Releases the lock on first not empty frame
                            if (initializationSemaphore != null)
                                initializationSemaphore.Release();


                            // _lastFrame = BitmapConverter.ToBitmap(frame);


                                _lastFrame = BitmapConverter.ToBitmap(frame.Flip(FlipMode.Y));

                            var lastFrameBitmapImage = _lastFrame.ToBitmapSource();
                            lastFrameBitmapImage.Freeze();
                            _imageControlForRendering.Dispatcher.Invoke(
                                () => _imageControlForRendering.Source = lastFrameBitmapImage);
                        }

                        
                        await Task.Delay(10);
                    }
                }

                videoCapture?.Dispose();
            }
            finally
            {
                if (initializationSemaphore != null)
                    initializationSemaphore.Release();
            }

        }, _cancellationTokenSource.Token);


        await initializationSemaphore.WaitAsync();
        initializationSemaphore.Dispose();
        initializationSemaphore = null;

        if (_previewTask.IsFaulted)
        {
            // To let the exceptions exit
            await _previewTask;
        }
    }

所以..我迷路了。由于目前的 log4j 問題，大部分官方檔案都已關閉，我想我看了這么久可能已經失明了 :P

uj5u.com熱心網友回復：

System.Windows.Controls.Image出于兩個原因，您不能在視圖模型中用作影像屬性的型別。

1. 它是一個UIElement，因此不屬于視圖模型
2. 它不能分配給視圖Source中另一個Image 元素的屬性

將型別更改為 ImageSource

private ImageSource _cameraImage;

public ImageSource CameraImage
{
    get { return _cameraImage; }
    set
    {
        _cameraImage = value;
        NotifyOfPropertyChange(() => CameraImage);
    }
}

并使用新的相機框架更新視圖模型：

var lastFrameBitmapSource = _lastFrame.ToBitmapSource();
lastFrameBitmapSource.Freeze();

viewModel.CameraImage = lastFrameBitmapSource;

如果不想將視圖模型的參考傳遞給輔助類，則需要另一種通知機制。

標籤：C＃ 小白 虚拟机 相机 口径

上一篇：如何以編程方式將ListView列標題屬性IsHitTestVisible設定為False？

下一篇：在C#中正確使用WPF繪制圖形圖