Question

我用这种方式定义了一个简单的Grid：

<Grid>
  <Grid.RowDefinitions>
    <RowDefinition Height="24" />
    <RowDefinition Height="*" />
  </Grid.RowDefinitions>

  <Grid.ColumnDefinitions>
    <ColumnDefinition Width="24" />
    <ColumnDefinition Width="*" />
  </Grid.ColumnDefinitions>
</Grid>

在网格的每个单元格中（除了上左侧单元格），我添加了一个网格或画布。在这些容器中我添加了几个不同的对象。由于放大或缩小以及滚动，其中一些控件可以改变观看大小。

原始代码不是我自己的，但我做了一个小测试程序来模拟情况：

<Grid Grid.Column="1" Grid.Row="1">
  <Grid.RowDefinitions>
    <RowDefinition Height="*"/>
    <RowDefinition Height="20"/>
  </Grid.RowDefinitions>

<Grid x:Name="Frame" Grid.Row="0">
  <Canvas Width="200" Height="300" Background="Green" >
    <Canvas x:Name="Page" Width="200" Height="300" Background="Bisque" Margin="0 -20 0 0">
      <Canvas.RenderTransform>
        <ScaleTransform ScaleX="{Binding ElementName=Zoom, Path=Value}"
                        ScaleY="{Binding ElementName=Zoom, Path=Value}"
                        CenterX="100" CenterY="150" />
      </Canvas.RenderTransform>
    </Canvas>
  </Canvas>
</Grid>
<Slider x:Name="Zoom" Grid.Row="1" HorizontalAlignment="Right" Width="200"
        Minimum="0.1" Maximum="2" Value="1"
        TickPlacement="BottomRight" TickFrequency="0.1" IsSnapToTickEnabled="True" />

页面太大而超出范围，尤其是当我放大时。

我尝试添加一个Clip，但我不知道如何动态设置该值。

<Grid x:Name="Frame" Grid.Row="0">
  <Grid.Clip>
    <!-- I want to bind to the actual size of the cell -->
    <RectangleGeometry Rect="0 0 480 266" />
  </Grid.Clip>
  <Canvas Width="200" Height="300" Background="Green" >
  ....

此外，如何获得渲染画布的实际大小和位置。我插入了Zoom_ValueChanged来读取缩放后的值，但是Width＆amp;高度仍然是200或300，ActualWidth＆amp; ActualHeight都为零。

提前致谢。

Answer 1

Em1，确保在内容加载完成后（即在引发Loaded事件之后）检查画布的ActualWidth和ActualHeight。

另外，获取画布大小的一种方法是考虑到已经应用的所有缩放变换，就是沿着可视树向上走，并将所有缩放变换应用到控件的ActualWidth和ActualHeight： / p>

public static Size GetActualSize(FrameworkElement control)
{
    Size startSize = new Size(control.ActualWidth, control.ActualHeight);

    // go up parent tree until reaching root
    var parent = LogicalTreeHelper.GetParent(control);
    while(parent != null && parent as FrameworkElement != null && parent.GetType() != typeof(Window))
    {
        // try to find a scale transform
        FrameworkElement fp = parent as FrameworkElement;
        ScaleTransform scale = FindScaleTransform(fp.RenderTransform);
        if(scale != null)
        {
            startSize.Width *= scale.ScaleX;
            startSize.Height *= scale.ScaleY;
        }
        parent = LogicalTreeHelper.GetParent(parent);
    }
    // return new size
    return startSize;
}

public static ScaleTransform FindScaleTransform(Transform hayStack)
{
    if(hayStack is ScaleTransform)
    {
        return (ScaleTransform) hayStack;
    }
    if(hayStack is TransformGroup)
    {
        TransformGroup group = hayStack as TransformGroup;
        foreach (var child in group.Children)
        {
            if(child is ScaleTransform)
            {
                return (ScaleTransform) child;
            }
        }
    }
    return null;
}

要获取控件的位置，您需要找到相对于包含窗口的转换。以下是：

    public static Point TransformToWindow(Visual control)
    {
        var hwndSource = PresentationSource.FromVisual(control) as HwndSource;
        if (hwndSource == null)
            return new Point(-1, -1);
        Visual root = hwndSource.RootVisual; // Translate the point from the visual to the root.
        GeneralTransform transformToRoot = control.TransformToAncestor(root);
        return transformToRoot.Transform(new Point(0, 0));
    }

WPF / Silverlight：剪切到网格单元格大小＆amp;的RenderTransform

1 个答案: