我有一个图像屏幕用户控件，其中包含WPF图像控件和一些输入控件，它在经过一些用户控制的数据处理后显示图像数据。我使用的是MVVM设计模式，因此它由一个视图和一个视图模型组成-控件是库的一部分，可以从多个项目中使用，因此该模型将特定于使用中的项目。 ImageScreen看起来像这样：
ImageScreenView XAML：
<UserControl (...)
xmlns:local="clr-namespace:MyCompany.WPFUserControls" x:Class="MyCompany.WPFUserControls.ImageScreenView"
(...) >
<UserControl.DataContext>
<local:ImageScreenViewModel/>
</UserControl.DataContext>
<Border>
(...) // control layout, should not be relevant to the problem
</Border>
</UserControl>
ViewModel是我实现INotifyPropertyChanged接口的子类：
NotifyPropertyChanged.cs：
using System.Collections.Generic;
using System.ComponentModel;
using System.Runtime.CompilerServices;
namespace MyCompany
{
public abstract class NotifyPropertyChanged : INotifyPropertyChanged
{
public event PropertyChangedEventHandler PropertyChanged;
private readonly Dictionary<string, PropertyChangedEventArgs> argumentsCache = new Dictionary<string, PropertyChangedEventArgs>();
protected bool SetProperty<T>(ref T field, T newValue, [CallerMemberName]string propertyName = null)
{
if (!EqualityComparer<T>.Default.Equals(field, newValue))
{
field = newValue;
if (argumentsCache != null)
{
if (!argumentsCache.ContainsKey(propertyName))
argumentsCache[propertyName] = new PropertyChangedEventArgs(propertyName);
PropertyChanged?.Invoke(this, argumentsCache[propertyName]);
return true;
}
else
return false;
}
else
return false;
}
}
}
viewmodel本身主要由视图能够绑定的一组属性组成，例如：
ImageScreenViewModel.cs：
using System;
using System.ComponentModel;
using System.Windows.Media.Imaging;
namespace MyCompany.WPFUserControls
{
public class ImageScreenViewModel : NotifyPropertyChanged
{
public ushort[,] ImageData
{
get => imageData;
set => SetProperty(ref imageData, value);
}
(...)
private ushort[,] imageData;
(...)
public ImageScreenViewModel()
{
PropertyChanged += OnPropertyChanged;
}
protected void OnPropertyChanged(object sender, PropertyChangedEventArgs eventArgs)
{
switch (eventArgs.PropertyName)
{
(...) // additional property changed event logic
}
}
(...)
}
}
在特定项目中，此控件是主窗口“视图”的一部分，该视图又具有自己的ViewModel。由于ImageScreen应该基于在其自己的视图中的选择来处理和显示数据，因此仅应公开一个属性，即图像数据（这是一个二维ushort数组btw），其余应由其处理。视图模型。但是，使用控件的主窗口ViewModel不直接了解ImageScreen ViewModel，因此我不能简单地访问它并直接传递数据。因此，我已经在后面的ImageScreen代码中将ImageData定义为依赖项属性（我尽量避免了后面的代码，但我认为我不能仅在XAML中定义依赖项属性），并带有转发的PropertyChanged回调数据发送到ViewModel。然后，打算通过MainWindowView中的XAML数据绑定将ImageData依赖项属性绑定到MainWindowViewModel。因此，后面的ImageScreenView代码如下所示：
ImageScreenView.cs：
using System.Windows;
using System.Windows.Controls;
namespace MyCompany.WPFUserControls
{
public partial class ImageScreenView : UserControl
{
public ushort[,] ImageData
{
get => (ushort[,])GetValue(ImageDataProperty);
set => SetValue(ImageDataProperty, value);
}
public static readonly DependencyProperty ImageDataProperty = DependencyProperty.Register("ImageData", typeof(ushort[,]), typeof(ImageScreenV),
new PropertyMetadata(new PropertyChangedCallback(OnImageDataChanged)));
public ImageScreenView()
{
InitializeComponent();
}
private static void OnImageDataChanged(DependencyObject dependencyObject, DependencyPropertyChangedEventArgs eventArgs)
{
ImageScreenViewModel imageScreenViewModel = (dependencyObject as ImageScreenView).DataContext as ImageScreenViewModel;
if (imageScreenViewModel != null)
imageScreenViewModel.ImageData = (ushort[,])eventArgs.NewValue;
}
}
}
MainWindow XAML看起来像这样：
MainWindowView XAML：
<Window (...)
xmlns:local="clr-namespace:MyCompany.MyProject" x:Class="MyCompany.MyProject.MainWindowView"
xmlns:uc="clr-namespace:MyCompany.WPFUserControls;assembly=WPFUserControls"
(...) >
<Window.DataContext>
<local:MainWindowViewModel/>
</Window.DataContext>
<Grid Width="Auto" Height="Auto">
<uc:ImageScreenView (...) ImageData="{Binding LiveFrame}"/>
(...)
<uc:ImageScreenView (...) ImageData="{Binding SavedFrame}"/>
(...)
</Grid>
</Window>
然后，在主窗口ViewModel中，绑定属性LiveFrame和SavedFrame将被更新为其适当的值。 ViewModel的相关部分如下所示：
MainWindowViewModel.cs：
using System;
using System.ComponentModel;
using System.Threading.Tasks;
using System.Windows.Input;
namespace MyCompany.MyProject
{
public class MainWindowViewModel : NotifyPropertyChanged
{
(...)
public ushort[,] LiveFrame
{
get => liveFrame;
set => SetProperty(ref liveFrame, value);
}
public ushort[,] ResultFrame
{
get => resultFrame;
set => SetProperty(ref resultFrame, value);
}
(...)
private ushort[,] liveFrame;
private ushort[,] resultFrame;
(...)
public MainWindowViewModel()
{
PropertyChanged += OnPropertyChanged;
InitCamera();
}
#region methods
protected void OnPropertyChanged(object sender, PropertyChangedEventArgs eventArgs)
{
switch (eventArgs.PropertyName)
{
(...) // additional property changed event logic
}
}
private bool InitCamera()
{
(...) // camera device initialization, turn streaming on
}
(...)
private void OnNewFrame(ushort[,] thermalImg, ushort width, ushort height, ...)
{
LiveFrame = thermalImg; // arrival of new frame data
}
private void Stream()
{
while (streaming)
{
(...) // query new frame data
}
}
(...)
}
}
每当新的框架数据到达时，MainWindowViewModel的LiveFrame属性就会更新。我不质疑摄像机代码，因为我在其他地方使用了它没有问题，并且在调试模式下，我可以看到数据正确到达。但是，由于某些原因，设置LiveFrame属性时，即使它绑定到LiveFrame属性，也不会触发ImageScreen的ImageData依赖项属性的更新。我在依赖项属性的设置器和PropertyChanged回调中设置了断点，但它们并未执行。尽管我已经在MainWindowView XAML中进行了显式设置，但是绑定不存在，并且使用了我用于ViewModels属性更改的NotifyPropertyChanged基类，应该（而且实际上在其他所有地方）都引发了刷新数据绑定的PropertyChanged事件。我尝试进行双向绑定，并将UpdateSourceTrigger设置为OnPropertyChanged，但均无效。最让我困惑的是，MainWindowView中与其ViewModel内的属性进行的其他数据绑定工作正常，其中之一还具有我定义的自定义依赖项属性，尽管在这种情况下，它是一个自定义控件，而不是用户控件。
有人知道我在哪里搞砸了数据绑定吗？
编辑：，应Ed的要求，我重新发布了完整的ImageScreenView.xaml和ImageScreenViewModel.cs：
ImageScreenV.xaml：
<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:MyCompany.WPFUserControls" x:Class="MyCompany.WPFUserControls.ImageScreenV"
xmlns:cc="clr-namespace:MyCompany.WPFCustomControls;assembly=WPFCustomControls"
mc:Ignorable="d" d:DesignWidth="401" d:DesignHeight="300">
<Border BorderBrush="{Binding BorderBrush, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:ImageScreenV}}}"
Background="{Binding Background, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:ImageScreenV}}}"
BorderThickness="{Binding BorderThickness, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type local:ImageScreenV}}}">
<Border.DataContext>
<local:ImageScreenVM x:Name="viewModel"/>
</Border.DataContext>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition MinWidth="{Binding ImageWidth}"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition MinHeight="{Binding ImageHeight}"/>
</Grid.RowDefinitions>
<Image MinWidth="{Binding ImageWidth}" MinHeight="{Binding ImageHeight}"
Source="{Binding ScreenImageSource}"/>
<StackPanel Grid.Column="1" Margin="3">
<Label Content="Scaling Method"/>
<ComboBox MinWidth="95" SelectedIndex="{Binding ScalingMethodIndex}">
<ComboBoxItem Content="Manual"/>
<ComboBoxItem Content="MinMax"/>
<ComboBoxItem Content="Sigma 1"/>
<ComboBoxItem Content="Sigma 3"/>
</ComboBox>
<Label Content="Minimum" Margin="0,5,0,0"/>
<cc:DoubleSpinBox DecimalPlaces="2" Prefix="T = " Suffix=" °C" Maximum="65535" Minimum="0" MinHeight="22"
Value="{Binding ScalingMinimum, Mode=TwoWay}" VerticalContentAlignment="Center"
IsEnabled="{Binding ScalingManually}"/>
<Label Content="Maximum"/>
<cc:DoubleSpinBox DecimalPlaces="2" Prefix="T = " Suffix=" °C" Maximum="65535" Minimum="0" MinHeight="22"
Value="{Binding ScalingMaximum, Mode=TwoWay}" VerticalContentAlignment="Center"
IsEnabled="{Binding ScalingManually}"/>
<Label Content="Color Palette" Margin="0,5,0,0"/>
<ComboBox MinWidth="95" SelectedIndex="{Binding ColorPaletteIndex}">
<ComboBoxItem Content="Alarm Blue"/>
<ComboBoxItem Content="Alarm Blue Hi"/>
<ComboBoxItem Content="Alarm Green"/>
<ComboBoxItem Content="Alarm Red"/>
<ComboBoxItem Content="Fire"/>
<ComboBoxItem Content="Gray BW"/>
<ComboBoxItem Content="Gray WB"/>
<ComboBoxItem Content="Ice32"/>
<ComboBoxItem Content="Iron"/>
<ComboBoxItem Content="Iron Hi"/>
<ComboBoxItem Content="Medical 10"/>
<ComboBoxItem Content="Rainbow"/>
<ComboBoxItem Content="Rainbow Hi"/>
<ComboBoxItem Content="Temperature"/>
</ComboBox>
</StackPanel>
</Grid>
</Border>
</UserControl>
ImageScreenVM.cs：
using MyCompany.Vision;
using System;
using System.ComponentModel;
using System.Windows.Media.Imaging;
namespace MyCompany.WPFUserControls
{
public class ImageScreenVM : NotifyPropertyChanged
{
#region properties
public BitmapSource ScreenImageSource
{
get => screenImageSource;
set => SetProperty(ref screenImageSource, value);
}
public int ScalingMethodIndex
{
get => scalingMethodIndex;
set => SetProperty(ref scalingMethodIndex, value);
}
public int ColorPaletteIndex
{
get => colorPaletteIndex;
set => SetProperty(ref colorPaletteIndex, value);
}
public double ScalingMinimum
{
get => scalingMinimum;
set => SetProperty(ref scalingMinimum, value);
}
public double ScalingMaximum
{
get => scalingMaximum;
set => SetProperty(ref scalingMaximum, value);
}
public bool ScalingManually
{
get => scalingManually;
set => SetProperty(ref scalingManually, value);
}
public uint ImageWidth
{
get => imageWidth;
set => SetProperty(ref imageWidth, value);
}
public uint ImageHeight
{
get => imageHeight;
set => SetProperty(ref imageHeight, value);
}
public MyCompany.Vision.Resolution Resolution
{
get => resolution;
set => SetProperty(ref resolution, value);
}
public ushort[,] ImageData
{
get => imageData;
set => SetProperty(ref imageData, value);
}
public Action<ushort[,], byte[,], (double, double), MyCompany.Vision.Processing.Scaling> ScalingAction
{
get => scalingAction;
set => SetProperty(ref scalingAction, value);
}
public Action<byte[,], byte[], MyCompany.Vision.Processing.ColorPalette> ColoringAction
{
get => coloringAction;
set => SetProperty(ref coloringAction, value);
}
#endregion
#region fields
private BitmapSource screenImageSource;
private int scalingMethodIndex;
private int colorPaletteIndex;
private double scalingMinimum;
private double scalingMaximum;
private bool scalingManually;
private uint imageWidth;
private uint imageHeight;
private MyCompany.Vision.Resolution resolution;
private ushort[,] imageData;
private byte[,] scaledImage;
private byte[] coloredImage;
private Action<ushort[,], byte[,], (double, double), MyCompany.Vision.Processing.Scaling> scalingAction;
private Action<byte[,], byte[], MyCompany.Vision.Processing.ColorPalette> coloringAction;
#endregion
public ImageScreenVM()
{
PropertyChanged += OnPropertyChanged;
}
#region methods
protected void OnPropertyChanged(object sender, PropertyChangedEventArgs eventArgs)
{
switch (eventArgs.PropertyName)
{
case nameof(ImageData):
if (imageData.GetLength(0) != resolution.Height || imageData.GetLength(1) != resolution.Width)
Resolution = new MyCompany.Vision.Resolution(checked((uint)imageData.GetLength(1)), checked((uint)imageData.GetLength(0)));
goto case nameof(ScalingMaximum);
case nameof(ScalingMethodIndex):
ScalingManually = scalingMethodIndex == (int)MyCompany.Vision.Processing.Scaling.Manual;
goto case nameof(ScalingMaximum);
case nameof(ColorPaletteIndex):
case nameof(ScalingMinimum):
case nameof(ScalingMaximum):
ProcessImage();
break;
case nameof(Resolution):
scaledImage = new byte[resolution.Height, resolution.Width];
coloredImage = new byte[resolution.Pixels() * 3];
ImageWidth = resolution.Width;
ImageHeight = resolution.Height;
break;
}
}
private void ProcessImage()
{
// not sure yet if I stick to this approach
if (scalingAction != null && coloringAction != null)
{
scalingAction(imageData, scaledImage, (scalingMinimum, scalingMaximum), (Processing.Scaling)scalingMethodIndex);
coloringAction(scaledImage, coloredImage, (Processing.ColorPalette)colorPaletteIndex);
}
}
#endregion
}
}
答案 0 :(得分：1)
这会中断对LiveFrame的{{1}}和SavedFrame属性的绑定，因为它将DataContext设置为不具有以下属性的MainWindowViewModel：
ImageScreenViewModel我不知道<UserControl.DataContext>
<local:ImageScreenViewModel/>
</UserControl.DataContext>
的用途，但您可能应该用ImageScreenViewModel类本身的依赖项属性替换它，并在UserControl的XAML标记中绑定到这些属性使用UserControl：
RelativeSource