WPF/MVVM直到我点击窗口才更新

本文关键字:窗口 更新 MVVM WPF | 更新日期: 2023-09-27 18:20:45

我有一个面板,上面有一个按钮,用于触发外部相机的图像捕获。捕获可能需要几秒钟的时间,所以我希望在捕获过程中禁用该按钮。我还希望能够防止用户在我的程序运行控制脚本时捕获。这是我的ViewModel类:

public class CameraControlViewModel : ViewModelBase
{
    public CameraControlViewModel()
    {
    }
    public CameraControlViewModel( DataModel dataModel )
    : base( dataModel )
    {
        dataModel.PropertyChanged += DataModelOnPropertyChanged;    
        _captureImageCommand = new RelayCommand( captureImage );
        _capturedImage = new BitmapImage();
        _capturedImage.BeginInit();
        _capturedImage.UriSource = new Uri( "Images/fingerprint.jpg", UriKind.Relative );
        _capturedImage.CacheOption = BitmapCacheOption.OnLoad;
        _capturedImage.EndInit();
    }
    public ICommand CaptureImageCommand
    {
        get { return _captureImageCommand; }
    }
    public bool CanCaptureImage
    {
        get { return !dataModel.IsScriptRunning && !_captureInProgress; }
    }
    public bool IsCaptureInProgress
    {
        get { return _captureInProgress; }
        set
        {
            if (_captureInProgress != value)
            {
                _captureInProgress = value;
                OnPropertyChanged( "IsCaptureInProgress" );
                OnPropertyChanged( "CanCaptureImage" );
            }
        }
    }
    public int PercentDone
    {
        get { return _percentDone; }
        set
        {
            if (_percentDone != value)
            {
                _percentDone = value;
                OnPropertyChanged( "PercentDone" );
            }
        }
    }
    public BitmapImage CapturedImage
    {
        get { return _capturedImage; }    
    }
    private void DataModelOnPropertyChanged( object sender, PropertyChangedEventArgs propertyChangedEventArgs )
    {
        string property = propertyChangedEventArgs.PropertyName;
        if (property == "IsScriptRunning")
        {
            OnPropertyChanged( "CanCaptureImage" );    
        }
        OnPropertyChanged( property );
    }
    private void captureImage( object arg )
    {
        IsCaptureInProgress = true;
        PercentDone = 0;
        // TODO: remove this placeholder.
        new FakeImageCapture( this );
        // TODO (!)    
    }
    internal void captureComplete()
    {
        IsCaptureInProgress = false;
    }
    // Remove this placeholder when we can take images.
    private class FakeImageCapture
    {
        CameraControlViewModel _viewModel;
        int _count;
        Timer _timer = new Timer();
        public FakeImageCapture( CameraControlViewModel viewModel )
        {
            this._viewModel = viewModel;
            _timer.Interval = 50;
            _timer.Elapsed += TimerOnTick;
            _timer.Start();
        }
        private void TimerOnTick( object sender, EventArgs eventArgs )
        {
            ++_count;
            if (_count <= 100)
            {
                _viewModel.PercentDone = _count;
            }
            else
            {
                Application.Current.Dispatcher.Invoke( (Action)_viewModel.captureComplete );
                _timer.Stop();
                _timer = null;
                _viewModel = null;
            }
        }
    }
    private readonly ICommand _captureImageCommand;
    private volatile bool _captureInProgress;
    private BitmapImage _capturedImage;
    private int _percentDone;
}

这是按钮的XAML:

<Button Command="{Binding CaptureImageCommand}" 
        Grid.Row="0" Grid.Column="0" 
        Margin="4" 
        IsEnabled="{Binding CanCaptureImage}"
        ToolTip="Capture Image">
            <Image Source="../Images/camera-icon.gif" Width="64" Height="64" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Button>

单击"捕获"按钮即可。该按钮禁用,在其他地方会显示一个进度条,显示(当前伪造的)图像捕获进度。但是,当捕获完成时,即使我在captureComplete()方法中设置了CanCaptureImage属性,按钮也不会变回其"启用"的外观。只有当我点击窗口中的某个位置时,它才会执行此操作。然而,这个按钮实际上是启用的,因为我可以再次点击它来触发第二次捕获。

我在captureComplete()中尝试过CommandManager.InvalidateRequerySuggested(),但没有帮助。有什么想法吗?

WPF/MVVM直到我点击窗口才更新

与其使用单独的IsEnabled绑定来启用/禁用按钮,您实际上应该只使用RelayCommand的CanExecute谓词:http://msdn.microsoft.com/en-us/library/hh727783.aspx

这将确保在调用CommandManager.InvalidateRequerySuggested()时正确启用/禁用该按钮。去掉CanCaptureImage属性并按如下方式修改代码:

public CameraControlViewModel( DataModel dataModel )
: base( dataModel )
{
    dataModel.PropertyChanged += DataModelOnPropertyChanged;    
    _captureImageCommand = new RelayCommand( captureImage, captureImage_CanExecute );
    _capturedImage = new BitmapImage();
    _capturedImage.BeginInit();
    _capturedImage.UriSource = new Uri( "Images/fingerprint.jpg", UriKind.Relative );
    _capturedImage.CacheOption = BitmapCacheOption.OnLoad;
    _capturedImage.EndInit();
}
private bool captureImage_CanExecute( object arg)
{
    return !dataModel.IsScriptRunning && !_captureInProgress;
}