如何调整从画布到另一个画布的矩形范围？

Question

我在XAML中具有以下结构：

<Grid>
  <ItemsControl x:Name="Items" ItemsSource="{Binding Path=Pages}" Grid.Row="0" Grid.Column="0">
    <ItemsControl.ItemsPanel>
      <ItemsPanelTemplate>
        <StackPanel Orientation="Vertical" />
      </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>

    <ItemsControl.ItemTemplate>
      <DataTemplate>
        <!-- Display a white page for each page item -->
        <local:PageView Margin="0, 25, 0, 0" />
      </DataTemplate>
    </ItemsControl.ItemTemplate>
  </ItemsControl>

  <!-- Layer used for displaying preview of drawn shape -->
  <local:PreviewLayer x:Name="PreviewLayer" Grid.Row="0" Grid.Column="0"/>
</Grid>

客户将在预览层上绘制一个形状，假设是一个矩形。 绘制完成后，形状将添加到形状下方的页面。

我的问题是所得矩形的X，Y在PreviewLayer的坐标系中。 如何将矩形的边界从PreviewLayer转换为PageView？

我当前正在通过使用获取所需的pageView（ page变量在其他位置获得）

UIElement pageView = (UIElement)this.Items.ItemContainerGenerator.ContainerFromItem(page);

但是我不知道如何获取pageView的坐标。 使用Canvas.GetLeft(pageView)返回NaN 。

如何获取pageView边界？

Answer 1

我可以通过使用TranslateToPoint弄清楚。 起初它没有用，直到我发现ContainerFromItem返回该项目的容器（如果您读了函数的名称，这是合乎逻辑的，但是我想这已经超出了我的脑海）。

获取容器的第一个子元素将返回TranslateToPoint所需的元素。