我在WPF中还是有点绿。我正在重构一个相当大的应用程序,其中所有工作都在后面的代码中完成。我正在重构使用MVVM。
关于应用程序的一些信息:
此应用程序包含一个窗口,该窗口和XAML的相关部分如下:
<Grid>
<Border Style="{StaticResource ClipBorderStyle}" Name="ImageBorder">
<Grid Style="{StaticResource ClipGridStyle}" Name="ImageGrid">
<Image Name="KeyImage" Style="{StaticResource MainImageStyle}" Source="{Binding ImageSource}" Cursor="{Binding ImageCursor}"></Image>
<Canvas Name="KeyCanvas" Height="{Binding Source=KeyImage, Path=Height}" common:CanvasAssistant.BoundChildren="{Binding CanvasControls}"></Canvas>
</Grid>
</Border>
</Grid>
当用户单击图像时,我将控件放到用户单击位置的Canvas上。可以有许多对象和多种控件类型。当前,我为每种不同的控件类型定义了一个 View 模型,并且在主 View 模型中保留了可观察的集合。我大约要进行一半的重构,并且意识到我仍然需要在背后的代码中做大量的工作,并且要大量修改DataContext中的对象。我很好奇我如何将其中的大部分代码从代码中移出,使其结构化(也许是 View 模型,或者是另一种模式)。如果只是修改数据,这将不是问题,但是在许多情况下,我需要进行转换并跟踪图像上的位置。用户可以使用鼠标和键盘与应用程序进行交互(单击以选择一个对象,向左箭头移动该对象,等等)。
核心问题
当我必须执行以下任何操作时:
private Point TranslateImageCoordinatesToParentGrid(Point pointOnImage)
{
return KeyImage.TransformToVisual(ImageGrid).Transform(pointOnImage);
}
或者
private void Marker_OnMouseLeftButtonUp(object sender, MouseButtonEventArgs mouseButtonEventArgs)
{
var Marker = (Marker)sender;
if (Marker.IsMouseCaptured)
Marker.ReleaseMouseCapture();
}
或者
private void Marker_OnMouseLeftButtonDown(object sender, MouseButtonEventArgs mouseButtonEventArgs)
{
var Marker = (Marker)sender;
Marker.CaptureMouse();
_dataContext.SelectedObject = Marker;
Marker.Focus();
}
或者
private void controlMarker_OnMouseMove(object sender, MouseEventArgs e)
{
var controlMarker = (controlMarker)sender;
var controlDataContext = ((controlMarkerObject)controlMarker.DataContext);
if (!controlMarker.IsMouseCaptured) return;
var tt =
(TranslateTransform)
((TransformGroup)controlMarker.RenderTransform).Children.First(tr => tr is TranslateTransform);
var currentMousePos = e.GetPosition(ImageGrid);
// center mouse on controlMarker
currentMousePos -= controlDataContext.CenterOffsetFromTopLeft;
var v = _dataContext.Start - currentMousePos;
tt.X = _dataContext.Origin.X - v.X;
tt.Y = _dataContext.Origin.Y - v.Y;
var currentImagePos = TranslateImageGridCoordinatesToChildImage(currentMousePos + controlDataContext.TopLeftOffset);
controlDataContext.ImagePosition = currentImagePos;
}
最佳答案
WPF使MVVM成为一种绝佳模式的WPF的最重要方面是数据绑定(bind)基础结构。通过将 View 的属性绑定(bind)到ViewModel,您可以在VM和 View 之间实现松散耦合,并且完全不需要在直接更新 View 的ViewModel中编写代码。数据绑定(bind)系统还支持输入验证,这提供了将验证错误传输到 View 的标准化方法。
我并不是说您必须遵守模式,而是说如果您在 View 背后的代码中处理单击,则确实违反了MVVM模式。这是事实。
如果要从后面的代码中删除所有这些代码,建议使用Caliburn,或者
WPF的System.Windows.Interactivity v4.0:
在代码上具有交互性的示例:
<Button Content="Submit">
<i:Interaction.Triggers>
<i:EventTrigger EventName="MouseLeftButtonUp">
<i:InvokeCommandAction Command="{Binding SubmitCommand}"/>
</i:EventTrigger>
</i:Interaction.Triggers>
</Button>