c# - WPF MVVM 如何从 ViewModel 中的 View 访问矩形集合？

Question

关闭。这个问题需要debugging details .它目前不接受答案。












想改进这个问题？将问题更新为 on-topic对于堆栈溢出。

2年前关闭。




Improve this question




我在 ViewModel 中有一个带有 RaisePropertyChanged 的​​按钮，它将形状中的矩形添加到界面和 ObservableCollection。

在 View 中，我可以通过单击它们来移动或调整选定矩形的大小。它必须在 View 中，因为使用 Canvas，例如在 Window_Loaded 方法中。

private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            Rectangles = new List<Rectangle>();
            foreach (UIElement child in canvas1.Children)
            {
                if (child is Rectangle)
                    Rectangles.Add(child as Rectangle);
            }

            // Reverse the list so the Rectangles on top come first.
            Rectangles.Reverse();
        }

或 canvas1_MouseDown

        private void canvas1_MouseDown(object sender, MouseButtonEventArgs e)
        {

            FindHit(Mouse.GetPosition(canvas1));
            SetMouseCursor();
            if (MouseHitType == HitType.None) return;

            LastPoint = Mouse.GetPosition(canvas1);
            DragInProgress = true;
        }

不幸的是，List Rectangles 仅包含 UI 中的“静态”元素，而不是我通过单击按钮添加的元素。我要做的是用我在 ViewModel 中添加的矩形填充这个列表。任何建议都热烈欢迎。

我试图做的是计算添加的矩形并使用相同数量的新对象填充矩形，但看起来它应该在界面上具有对象的属性以允许交互。

Answer 1

这假设您有一个 ObservableCollection调用Shapes在你的虚拟机中的某种 ShapeVM具有适当属性的对象(例如 RectVM 具有宽度和高度等)
ItemsControl当基础集合更改时，将自动将它们添加到 View 中。

<ItemsControl ItemsSource="{Binding Shapes}">

    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <Canvas />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>

    <ItemsControl.Resources>
        <DataTemplate DataType="{x:Type vm:RectVM}">

            <Rectangle Canvas.Left="{Binding X}" 
                       Canvas.Top="{Binding Y}" 
                       Width="{Binding Width}"
                       Height="{Binding Height}" />

        </DataTemplate>
    </ItemsControl.Resources>

</ItemsControl>

请注意，如果您将拥有数千个形状，则这种绑定(bind)是不合适的，因为性能将是一个问题。