在WPF中进行选择性缩放和平移

Question

我需要在以C＃/ WPF编写的公交时刻表图形查看器（可能还有编辑器）中实现围绕X轴的缩放和平移。 我可以使用简单的变换，但是请注意，当点之间的距离变大时，点的大小将保持不变。 此外，无论我如何平移图表，公交车站的名称都应保留在左侧的固定位置：

使用当前方法，所有视觉效果都呈现在单个ItemsControl上，其中Canvas作为ItemsPanel和几个DataTemplates呈现，每种形状对应一种形状（点，线段，时间分割线，桩号线）。 因此，每个形状都根据提供给Canvas的具有PosX和PosY属性的ViewModel进行绑定：

<ItemsControl.ItemContainerStyle>
     <Style>
          <Setter Property="Canvas.Left"
                  Value="{Binding Path=PosX, UpdateSourceTrigger=PropertyChanged}" />
          <Setter Property="Canvas.Top"
                  Value="{Binding Path=PosY, UpdateSourceTrigger=PropertyChanged}" />
     </Style>
</ItemsControl.ItemContainerStyle>

当我需要平移或缩放时，可以为每种形状的viewmodel调用OnPropertyChanged（“ PosX”）。 然后，使用整个图形的PanX和ZoomX属性的新值重新计算该属性：

public double PosX
    {
        get
        {
            return _scheduleGraphViewModel.ZoomX * _shedulePointModel.PlanTime + _scheduleGraphViewModel.PanX;
        }
    }

问题是，这比我希望的要慢得多。 在1000+点上几乎是不可用的。 Profiler告诉我瓶颈在OnPropertyChanged方法内部。

我认为整个方法是错误的，但是我找不到或想出更好的解决方案。

Answer 1

将您的图形分离成这样的结构：

ParentGrid1
    StationNames
    ParentGrid2        // Apply transformation on this
        LinesInGraph
        PointsInGraph
            Point1     // Apply inverse transformation on each of these
            Point2
            Point3
            ...