我在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;
}
  • 该逻辑与 View 和 View 模型(以及控件的 View 模型)交互的合适位置在哪里?
  • 此代码是否位于适当的位置?
  • 我应该使用定义鼠标事件的事件模型还是将其转换为ICommands?
  • 对于这样的应用程序,可以使用更好/更干净的模式吗?
  • 最佳答案

    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>
    

    08-26 14:19
    查看更多