测量 WPF 运行时创建的控件

Question

我知道这是一个很受欢迎的问题，但我找不到任何可以准确回答的问题，但如果我在搜索中遗漏了某些内容，我深表歉意。

我正在尝试使用以下代码创建并在运行时测量控件（测量结果将用于选取框样式滚动控件 - 每个控件的大小不同）：

Label lb = new Label();
lb.DataContext= task;
Style style = (Style)FindResource("taskStyle");
lb.Style = style;

cnvMain.Children.Insert(0,lb);

width = lb.RenderSize.Width;
width = lb.ActualWidth;
width = lb.Width;

该代码创建一个 Label 控件并应用样式到它。该样式包含我的控件模板，它绑定到对象“任务”。当我创建项目时，它看起来很完美，但是当我尝试使用上面的任何属性来测量控件时，我得到以下结果（我依次逐步检查每个属性）：

lb.Width = NaN
lb.RenderSize.Width = 0
lb.ActualWidth = 0

有没有办法获得渲染的高度和您在运行时创建的控件的宽度？

更新：

很抱歉取消选择您的解决方案作为答案。他们在我设置的基本示例系统上工作，但似乎不是我的完整解决方案。

我认为这可能与风格有关，很抱歉弄乱了，但我将整个内容粘贴在这里。

一、资源：

    <Storyboard x:Key="mouseOverGlowLeave">
        <DoubleAnimation From="8" To="0" Duration="0:0:1" BeginTime="0:0:2" Storyboard.TargetProperty="GlowSize" Storyboard.TargetName="Glow"/>
    </Storyboard>

    <Storyboard x:Key="mouseOverTextLeave">
        <ColorAnimation From="{StaticResource buttonLitColour}" To="Gray" Duration="0:0:3" Storyboard.TargetProperty="Color" Storyboard.TargetName="ForeColour"/>
    </Storyboard>

    <Color x:Key="buttonLitColour" R="30" G="144" B="255" A="255" />

    <Storyboard x:Key="mouseOverText">
        <ColorAnimation From="Gray" To="{StaticResource buttonLitColour}" Duration="0:0:1" Storyboard.TargetProperty="Color" Storyboard.TargetName="ForeColour"/>
    </Storyboard>

还有样式本身：

    <Style x:Key="taskStyle" TargetType="Label">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate>
                    <Canvas x:Name="cnvCanvas">
                        <Border  Margin="4" BorderBrush="Black" BorderThickness="3" CornerRadius="16">
                            <Border.Background>
                                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                    <GradientStop Offset="1" Color="SteelBlue"/>
                                    <GradientStop Offset="0" Color="dodgerBlue"/>
                                </LinearGradientBrush>
                            </Border.Background>
                            <DockPanel Margin="8">
                                <DockPanel.Resources>
                                    <Style TargetType="TextBlock">
                                        <Setter Property="FontFamily" Value="corbel"/>
                                        <Setter Property="FontSize" Value="40"/>
                                    </Style>
                                </DockPanel.Resources>
                                <TextBlock VerticalAlignment="Center" Margin="4" Text="{Binding Path=Priority}"/>
                                <DockPanel DockPanel.Dock="Bottom">
                                    <Border Margin="4" BorderBrush="SteelBlue" BorderThickness="1" CornerRadius="4">
                                        <TextBlock Margin="4" DockPanel.Dock="Right" Text="{Binding Path=Estimate}"/>
                                    </Border>
                                    <Border Margin="4" BorderBrush="SteelBlue" BorderThickness="1" CornerRadius="4">
                                        <TextBlock Margin="4" DockPanel.Dock="Left" Text="{Binding Path=Due}"/>
                                    </Border>
                                </DockPanel>
                                <DockPanel DockPanel.Dock="Top">
                                    <Border Margin="4" BorderBrush="SteelBlue" BorderThickness="1" CornerRadius="4">
                                        <TextBlock  Margin="4" Foreground="LightGray" DockPanel.Dock="Left" Text="{Binding Path=List}"/>
                                    </Border>
                                    <Border Margin="4" BorderBrush="SteelBlue" BorderThickness="1" CornerRadius="4">
                                        <TextBlock Margin="4" Foreground="White" DockPanel.Dock="Left" Text="{Binding Path=Name}"/>
                                    </Border>
                                </DockPanel>
                            </DockPanel>
                        </Border>
                    </Canvas>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

另外，我正在使用的代码：

Label lb = new Label(); //the element I'm styling and adding
  lb.DataContext= task; //set the data context to a custom class
  Style style = (Style)FindResource("taskStyle"); //find the above style
  lb.Style = style;

  cnvMain.Children.Insert(0,lb); //add the style to my canvas at the top, so other overlays work
  lb.UpdateLayout(); //attempt a full layout update - didn't work
  Dispatcher.Invoke(DispatcherPriority.Render, new Action(() =>
  {
      //Synchronize on control rendering
      double width = lb.RenderSize.Width;
      width = lb.ActualWidth;
      width = lb.Width;
  })); //this didn't work either
  lb.Measure(new Size(double.PositiveInfinity, double.PositiveInfinity)); //nor did this
  double testHeight = lb.DesiredSize.Height;
  double testWidth = lb.RenderSize.Width; //nor did this
  width2 = lb.ActualWidth; //or this
  width2 = lb.Width; //or this

//positioning for my marquee code - position off-screen to start with
  Canvas.SetTop(lb, 20);
  Canvas.SetTop(lb, -999);

//tried it here too, still didn't work
  lb.Measure(new Size(double.PositiveInfinity, double.PositiveInfinity));
  testHeight = lb.DesiredSize.Height;
//add my newly-created label to a list which I access later to operate the marquee
  taskElements.AddLast(lb);
//still didn't work
  lb.Measure(new Size(double.PositiveInfinity, double.PositiveInfinity));
  testHeight = lb.DesiredSize.Height;
//tried a mass-measure to see if that would work - it didn't
  foreach (UIElement element in taskElements)
  {
      element.Measure(new Size(double.PositiveInfinity, double.PositiveInfinity));
  }

每次调用其中任何一个时，值都会返回为 0 或不是数字，但是当渲染标签时，它显然具有可见的大小。我尝试过当标签在屏幕上可见时按下按钮来运行此代码，但这会产生相同的结果。

是因为我使用的风格吗？也许是数据绑定？我做错的事情是显而易见的，还是 WPF Gremlins 真的讨厌我？

第二次更新：

经过进一步搜索，我发现 Measure() 仅适用于原始元素大小。如果控件模板通过实际添加控件来修改这一点，那么最好的方法可能是测量每个控件，但我承认这有点混乱。

编译器必须有某种方法来测量控件的所有内容，因为它必须使用它来将项目放置在堆栈面板等中。一定有某种方法可以访问它，但现在我完全没有想法。

Answer 1

在 WPF 进行布局传递之前，控件不会有大小。我认为这是异步发生的。如果您在构造函数中执行此操作，则可以挂钩 Loaded 事件 - 那时布局将发生，并且您在构造函数中添加的任何控件都将调整大小。

然而，另一种方法是要求控件计算它想要的大小。为此，您可以调用 Measure，然后传递一个建议的尺寸。在这种情况下，您想要传递无限大小（意味着控件可以任意大），因为这就是 Canvas 在布局传递中要做的事情：

lb.Measure(new Size(double.PositiveInfinity, double.PositiveInfinity));
Debug.WriteLine(lb.DesiredSize.Width);

对 Measure 的调用实际上不会更改控件的宽度，渲染大小或实际宽度。它只是告诉 Label 计算它想要的大小，并将该值放入其 DesiredSize （该属性的唯一目的是保存最后一次 Measure 调用的结果）。

Answer 2

我对 WPF 还很陌生，但这是我的理解。

当您以编程方式更新或创建控件时，有一个不明显的机制也会被触发（无论如何对于像我这样的初学者来说 - 尽管我之前已经完成了 Windows 消息处理，但这让我感到困惑......）。控件的更新和创建将关联的消息排队到 UI 调度队列中，其中重要的一点是这些消息将在将来的某个时刻得到处理。某些属性取决于正在处理的这些消息，例如 ActualWidth。在这种情况下，消息会导致呈现控件，然后更新与呈现的控件关联的属性。

以编程方式创建控件时，发生异步消息处理并且您必须等待这些消息处理完毕才能更新某些属性（例如 ActualWidth），这一点并不明显。

如果您在访问 ActualWidth 之前等待处理现有消息，那么它将已更新：

    //These operations will queue messages on dispatch queue
    Label lb = new Label();
    canvas.Children.Insert(0, lb);

    //Queue this operation on dispatch queue
    Dispatcher.Invoke(DispatcherPriority.Render, new Action(() =>
    {
        //Previous messages associated with creating and adding the control
        //have been processed, so now this happens after instead of before...
        double width = lb.RenderSize.Width;
        width = lb.ActualWidth;
        width = lb.Width;    
    }));

更新

以响应您的评论。如果您想添加其他代码，可以按如下方式组织代码。重要的一点是，调度程序调用可确保您等到控件被渲染后，再执行依赖于它们的代码：

    Label lb = new Label();
    canvas.Children.Insert(0, lb);

    Dispatcher.Invoke(DispatcherPriority.Render, new Action(() =>
    {
        //Synchronize on control rendering
    }));

    double width = lb.RenderSize.Width;
    width = lb.ActualWidth;
    width = lb.Width;

    //Other code...

Answer 3

解决了！

问题出在我的 XAML 中。在我的标签模板的最高级别，有一个没有高度或宽度字段的父画布。由于它不必为其子级修改其大小，因此它始终设置为 0,0。通过删除它并用边框替换根节点（边框必须调整大小以适合其子节点），高度和宽度字段将被更新并传播回 Measure() 调用时的代码。