在设计时修改属性不会更新 Expression Blend 4 中的 XAML

Question

我一直在开发 WPF 的自定义面板，并且遇到了一些设计时代码的问题。归结起来，如果我在设计时运行一些代码，并且该代码修改了某个对象（面板或面板的子级）上的属性，那么在设计器中，我会看到适当的更改，但是 XAML组成了窗口，没有任何更新。

示例：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows.Controls;
using System.Windows;

namespace StackOverflowExample
{
    class MyPanel : Canvas
    {
        public MyPanel()
        {
            this.SizeChanged += new System.Windows.SizeChangedEventHandler(MyPanel_SizeChanged);
        }

        void MyPanel_SizeChanged(object sender, System.Windows.SizeChangedEventArgs e)
        {
            foreach (FrameworkElement child in this.Children)
            {
                if (child != null)
                {
                    double widthDelta = e.NewSize.Width - e.PreviousSize.Width;
                    double newWidth = Math.Max(0.0, child.Width + widthDelta);
                    child.Width = newWidth;
                }
            }
        }
    }
}

如果您创建一个新的 WPF 应用程序并放入该类，然后使用以下 XAML 创建一个窗口：

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:StackOverflowExample" x:Class="StackOverflowExample.MainWindow"
        Title="MainWindow" Height="350" Width="525">
    <Canvas>

        <local:MyPanel Height="153" Canvas.Left="108" Canvas.Top="43" Width="278">
            <Rectangle Fill="#FFF4F4F5" Height="77" Canvas.Left="43" Stroke="Black" Canvas.Top="37" Width="87"/>
        </local:MyPanel>

    </Canvas>
</Window>

如果您随后更改面板的宽度（通过拖动设计器中的宽度手柄，或者更改设计器中的宽度属性）属性编辑器），内部的矩形将在设计图面中正确更新。但是，如果查看 XAML，只会更新面板的宽度，而矩形的宽度保持不变。如果您在更改面板宽度后构建项目，则矩形将返回到 XAML 中定义的值:(

因此，我花了很多时间在互联网上搜索解决方案，根据我收集的信息，这是因为设计人员具有源 (XAML)、视图（您正在使用的设计器上的实际内容）和 Instance（对象的内存实例化，由 ModelItem 类定义）。需要修改该实例才能从我收集的内容中更新 XAML。 然而

这篇文章引导我尝试这样的事情：

...
if (child != null)
{
    double widthDelta = e.NewSize.Width - e.PreviousSize.Width;
    double newWidth = Math.Max(0.0, child.Width + widthDelta);

    EditingContext ec = new EditingContext();
    ModelTreeManager mtm = new ModelTreeManager(ec);
    System.Activities.Presentation.Model.ModelItem model = mtm.CreateModelItem(null, child);
    model.Properties["Width"].SetValue(newWidth);
}

，这只是管理使 Blend 崩溃...我在调试器中单步执行了这段代码，它告诉我崩溃是 nullReferenceException，但不清楚什么是 null，我相信它是 modelTreeManager 的根属性，但如果是这样，我不知道如何。正确设置。

所以我想要完成的事情看起来很简单。在设计时更改某些内容的属性并将更改序列化为 XAML...据说这是通过修改设计器上项目的 ModelItem 支持者来处理的，但是，我找不到任何有关如何完成此操作的文档。

进一步阅读
我意识到我的示例正在更改布局，并且还有其他方法可以实现此目的（例如使用布局系统（arrangeOverride 和measureOverride），但是这种方法没有给我所需的控制类型。

此外，我还大声喊出了装饰器树，创建一个没有 UI 的自定义装饰器，但挂钩了面板的 onPropertyChanged 事件并修改了子项的宽度，这实际上是有效的，因为装饰器可以获取 ModelItem，但它仅适用于装饰器路线。该方法在 Cider (Visual Studio 2010) 中完美运行，但在 Blend 中只能运行一半。在 Blend 中，如果在属性编辑器中更改面板的宽度，则子级会更新。设计表面在混合中拖动，子项不会更新（在 Visual Studio 中，当使用设计表面句柄时，子项会更新）。

装饰器的代码要复杂得多，但遵循演练：创建一个设计时装饰器（搜索MSDN，我只能发布一个链接）修改为适用于两个设计器（使用MyAssembly.Design.dll而不是MyAssembly.VisualStuido.Design.dll）。可能值得注意的是，此中的不透明度滑块在 Cider 中实时更新（拖动时），但仅在 Blend 中释放鼠标时更新。如果有人感兴趣的话，这是我的装饰器的代码。

class MyPanelAdornerProvider : PrimarySelectionAdornerProvider
{
    private ModelItem adornedControlModel;
    private double previousWidth;

    protected override void Activate(Microsoft.Windows.Design.Model.ModelItem item)
    {
        adornedControlModel = item;
        adornedControlModel.PropertyChanged += new System.ComponentModel.PropertyChangedEventHandler(AdornedControlModel_PropertyChanged);
        previousWidth = (double)adornedControlModel.Properties["Width"].ComputedValue;

        base.Activate(item);
    }

    protected override void Deactivate()
    {
        adornedControlModel.PropertyChanged -= new System.ComponentModel.PropertyChangedEventHandler(AdornedControlModel_PropertyChanged);

        base.Deactivate();
    }

    void AdornedControlModel_PropertyChanged( object sender, System.ComponentModel.PropertyChangedEventArgs e)
    {
        if (e.PropertyName == "Width")
        {
            double widthDelta = ((double)adornedControlModel.Properties["Width"].ComputedValue) - previousWidth;
            ModelItemCollection children = adornedControlModel.Properties["Children"].Collection;

            foreach (ModelItem item in children)
            {
                item.Properties["Width"].SetValue(Math.Max(0.0, ((double)item.Properties["Width"].ComputedValue) + widthDelta));
            }

            previousWidth = (double)adornedControlModel.Properties["Width"].ComputedValue;
        }
    }
}