自定义控件模板绑定问题

Question

想象一下，表单设计器具有表示平面上坐标的网格覆盖层。我正在尝试将网格覆盖层的属性绑定到自定义 ItemsControl 内的 Canvas。

网格是使用 VisualBrush 创建的。 VisualBrush 的 Viewbox 和 Viewport 绑定到代码中的 Rect，以及 用于显示网格图块的矩形的>高度和宽度。然而，当控件显示时，网格图块似乎“无限小”（网格只是灰色），因为如果我放大网格，程序最终将卡住，无法渲染它。显然，这不是我想要的效果。

<Style TargetType="{x:Type Controls:FormControl}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Controls:FormControl}">
                <Border Background="White"
                        BorderBrush="Black"
                        BorderThickness="1"
                        Padding="49">
                    <Grid Height="{TemplateBinding CanvasHeight}"
                          Width="{TemplateBinding CanvasWidth}">
                        <Grid.Background>
                            <!--"0,0,6,11.3266666666667"-->
                            <VisualBrush TileMode="Tile"
                                         Viewbox="{TemplateBinding GridUnitViewbox}"
                                         ViewboxUnits="Absolute"
                                         Viewport="{TemplateBinding GridUnitViewbox}"
                                         ViewportUnits="Absolute">
                                <VisualBrush.Visual>
                                    <Rectangle Height="{Binding RelativeSource={RelativeSource TemplatedParent},Path=GridUnitViewbox.Height}"
                                               HorizontalAlignment="Left"
                                               Opacity="{TemplateBinding GridOpacity}"
                                               Stroke="Black"
                                               StrokeThickness=".1"
                                               VerticalAlignment="Top"
                                               Width="{Binding RelativeSource={RelativeSource TemplatedParent},Path=GridUnitViewbox.Width}" />
                                </VisualBrush.Visual>
                            </VisualBrush>
                        </Grid.Background>
                        <ItemsPresenter />
                    </Grid>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="ItemsPanel">
        <Setter.Value>
            <ItemsPanelTemplate>
                <Canvas />
            </ItemsPanelTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="ItemContainerStyle">
        <Setter.Value>
            <Style TargetType="Controls:FormControlItem">
                <Setter Property="Canvas.Left"
                        Value="{Binding Path=X}" />
                <Setter Property="Canvas.Top"
                        Value="{Binding Path=Y}" />
            </Style>
        </Setter.Value>
    </Setter>
</Style>

知道我在这里做错了什么吗？谢谢。

编辑： 也许更多了解我正在做的事情的背景可能会更好。我在一家税务准备软件公司工作，目前，我们的表单部门使用一百万年前为我们的产品编写的标记创建替代表单。以这种方式创建表单有点麻烦，所以我正在为他们开发一个可视化的“表单设计器”，它将更像是所见即所得，并将设计器的内容转换为标记。嗯，国税局对表格上的所有内容都严格要求与原始表格上的内容完全相同，因此有一个非常宽松的标准，可以在表格上放置“网格覆盖”来确定需要处理的内容；基本上是一个坐标平面。

FormControl 本质上是表单设计者之一将创建的这些替代表单之一的视觉表示。

CanvasWidth 和 CanvasHeight 是依赖属性的 CLR 包装器。它们在 OnApplyTemplate() 中通过将 GridUnitViewbox 的尺寸乘以网格覆盖层中需要的网格图块数量来分配值，即。大多数情况下为 78x63 网格。

我认为名称 CanvasWidth 和 CanvasHeight 可能有点误导，因为它们不是指 Canvas 控件，而是指 容纳 Canvas 的网格（可能需要更改命名约定）。也就是说，CanvasHeight、CanvasWidth 和 GridUnitViewbox 不依赖于任何控件的属性，而是依赖于 OnApplyTemplate() 中完成的计算。

    public static readonly DependencyProperty GridUnitViewboxProperty =
        DependencyProperty.Register("GridUnitViewbox", typeof(Rect), typeof(FormControl),
        new FrameworkPropertyMetadata(new Rect(0, 0, 6, 11.3266666666667),
            FrameworkPropertyMetadataOptions.AffectsMeasure |
            FrameworkPropertyMetadataOptions.AffectsParentMeasure));

    public override void OnApplyTemplate()
    {
        base.OnApplyTemplate();

        FormattedText formattedText = new FormattedText(
            "X",
            CultureInfo.GetCultureInfo("en-us"),
            FlowDirection.LeftToRight,
            new Typeface("Courier New"),
            10,
            Brushes.Black);

        this.GridUnitViewbox = new Rect(0, 0, formattedText.WidthIncludingTrailingWhitespace, formattedText.Height);

        if (this.PageLayout == PageLayoutType.Landscape)
        {
            this.CanvasHeight = this.GridUnitViewbox.Height * 48.0;
            this.CanvasWidth = this.GridUnitViewbox.Width * 109.0;
        }
        if (this.PageLayout == PageLayoutType.Portrait)
        {
            this.CanvasHeight = this.GridUnitViewbox.Height * 63.0;
            this.CanvasWidth = this.GridUnitViewbox.Width * 78.0;
        }
    }

Grid 控件实际上正在做我想要它做的事情。这是其中的 VisualBrush 和 Rectangle 未正确绑定或未正确更新。 下面的注释是我用于 VisualBrush 的 Viewbox 和 的硬编码测试值>Viewport 以及 Rectangle 的尺寸，然后我开始绑定值，它在视觉上产生了我想要的结果。我还确认 6 和 11.32666666666667 实际上是运行时 GridUnitViewbox 尺寸的值。

然而，我有一种感觉，绑定正在生成“0,0,0,0”，因为网格覆盖只是一个灰色阴影，正在消耗大量资源；事实上，如果你放大它，就会锁定程序。正如您所看到的，在代码中，我尝试将 AffectsMeasure 和 AffectsParentMeasure 添加到依赖项属性的元数据选项中，希望 UI 在 之后可能无法正确更新GridUnitViewbox 的尺寸已更新，但我错了。我不确定还可能是什么。

Answer 1

好吧，以防万一其他人遇到类似的问题，我找到了解决方法。显然，VisualBrush 对 TemplateBinding 有点挑剔。我因此调整了 XAML，它解决了问题：

<VisualBrush TileMode="Tile"
             Viewbox="{Binding RelativeSource={RelativeSource TemplatedParent},Path=GridUnitViewbox}"
             ViewboxUnits="Absolute"
             Viewport="{Binding RelativeSource={RelativeSource TemplatedParent},Path=GridUnitViewbox}"
             ViewportUnits="Absolute">

这是 文章 我从中获取信息。

Answer 2

什么是 CanvasWidth 和 CanvasHeight？它们被定义了吗？

另外，我相信除非明确指定，否则画布没有大小。当您绑定到它时，宽度/高度可能为零。

尝试 ActualWidth 和 ActualHeight 或渲染过程后的画布，看看它们是否包含任何值，但据我所知，除非您提供一个值，否则它们不会包含任何值。