c# - 限制平移量以防止图像偏离窗口

Question

简介:

我已将 SVG 导出为 XAML，它变成了具有大量路径的 Canvas。

在使 Canvas 成为简单的自动生成窗口的主要内容后，图像被裁剪了，因为它比主窗口的客户端矩形大。

我已经通过实现平移解决了这个问题。

因为我计划稍后摆弄缩放，所以我在 Canvas 的 XAML 中添加了虚拟 ScaleTransform 并将其 RenderTransformOrigin 更改为 0.5 , 0.5 (这样我就可以围绕其中心缩放图像)。

我希望图像在加载窗口时居中，所以我将 Canvas 放在 Viewbox 中，在调整了几个属性后，这似乎工作得很好。

问题:

由于我更改了 Canvas 的 RenderTransformOrigin，我无法计算出可以限制平移量的数学方法。

即使 Viewbox 是主窗口的内容，我也无法获取主窗口客户区的尺寸(Viewbox 会调整大小以适合其内容)。这使我的任务更加困难。

我为解决这个问题所做的努力:

除了使用 P/Invoke 和 GetClientRect WinAPI 调用外，似乎没有其他方法可以获取主窗口的客户端矩形。

在查询 SystemParametersInfo 以获取非客户端指标(例如边框和标题栏)时，还有另一个黑客攻击，但这是估计，可能会因应用的主题和类似问题而失败。

我还没有尝试使用 P/Invoke 因为我现在只是拒绝这样做。必须有比这更好的解决方案!这条路应该是我最后的选择，也是我出于纯粹的绝望而做出的选择。

我试图自己寻找替代方法但失败了。

我曾尝试使用 TransformToAncestor(...).Transformtobounds(..) 进行计算，但也失败了。

问题:

如何限制平移，以便在用户拖动过多时图像不会从主窗口消失？

我会接受替代解决方案。提交的代码是一个没有经验的自学初学者的尝试，所以我接受建设性的批评和建议。

相关信息:

为了使这篇文章尽可能简短，我在下面仅提供相关的 XAML 和“代码隐藏”片段。

完整代码粘贴在 Pastebin 上，可以在本文的最底部找到。

相关 XAML 片段:

<Window  x:Class="TestZaMapu.MainWindow" 
        Name="GlavniProzor" 
        WindowStartupLocation="CenterScreen"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" 
        Height="350" 
        Width="525" 
        MouseLeftButtonDown="GlavniProzor_MouseLeftButtonDown" 
        MouseLeftButtonUp="GlavniProzor_MouseLeftButtonUp" 
        MouseMove="GlavniProzor_MouseMove" 
        LostMouseCapture="GlavniProzor_LostMouseCapture">
    <Viewbox 
        Name="surface"
        Stretch="UniformToFill" 
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
                Background="Blue" 
                x:Name="svg4306" 
                Width="494.44705" 
                Height="510.55356"
                <!-- needed in the future, for zooming around center-->
                RenderTransformOrigin="0.5, 0.5">
            <!--Unknown tag: metadata-->
            <Canvas.RenderTransform>
                <TransformGroup>
                    <!-- I intend to experiment with scaling in the future, so I added the below part -->
                    <ScaleTransform ScaleX="1" ScaleY="1"/>
                    <!-- I have used dependency properties for translation -->
                    <TranslateTransform X="{Binding TranslationFactorX, ElementName=GlavniProzor, Mode=TwoWay}" Y="{Binding TranslationFactorY, ElementName=GlavniProzor, Mode=TwoWay}"/>
                </TransformGroup>
            </Canvas.RenderTransform>
        <!-- Bunch of Path objects, omitted for brevity-->
        </Canvas>
    </Viewbox>
</Window>

片段背后的相关代码:

namespace TestZaMapu
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            TranslationFactorX = 0;
            TranslationFactorY = 0;
            isPanning = false;

        }

        // panning variables
        private Point ptOldPosition;
        private bool isPanning ;

        // dependency properties for translation along X and Y axes

        public static readonly DependencyProperty TranslateX =
            DependencyProperty.Register("TranslationFactorX", typeof(double), typeof(MainWindow));

        public static readonly DependencyProperty TranslateY =
            DependencyProperty.Register("TranslationFactorY", typeof(double), typeof(MainWindow));

        public double TranslationFactorX
        {
            get { return (double)GetValue(TranslateX); }
            set { SetValue(TranslateX, value); }
        }

        public double TranslationFactorY
        {
            get { return (double)GetValue(TranslateY); }
            set { SetValue(TranslateY, value); }
        }

        // mouse event handlers for panning

        private void GlavniProzor_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            base.OnMouseLeftButtonDown(e);
            if (isPanning )
                return;
            isPanning = this.CaptureMouse(); 
            ptOldPosition = e.GetPosition(this);
        }

        private void GlavniProzor_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            base.OnMouseLeftButtonUp(e);

            if (this.IsMouseCaptured)
            {
                this.ReleaseMouseCapture();
                isPanning = false;
            }
        }

        private void GlavniProzor_MouseMove(object sender, MouseEventArgs e)
        {
            base.OnMouseMove(e);

            if (isPanning )
            {
                Point ptNewPosition = e.GetPosition(this);

                if (ptNewPosition != ptOldPosition)
                {
                    Vector direction = ptOldPosition - ptNewPosition;

                    direction.X = TranslationFactorX - direction.X;
                    direction.Y = TranslationFactorY - direction.Y;

                    TranslationFactorX = direction.X;
                    TranslationFactorY = direction.Y;

                    ptOldPosition = ptNewPosition;
                }
            }
        }

        private void GlavniProzor_LostMouseCapture(object sender, MouseEventArgs e)
        {
            isPanning = false;
            this.OnLostMouseCapture(e);
        }
    }
}

Here是完整的 XAML，here是完整的“代码隐藏”。

Answer 1

我真的没有阅读完整的问题(我想没有人会)，但这是我在图表库中用来限制平移的代码。这就是数学。现在将其添加到您的案例中。 提示:下次只需输入相关代码，以便我们提供更好的答案。

我在平移结束时调用此方法(在我的例子中是鼠标松开事件)

如果这就是库 (https://github.com/beto-rodriguez/Live-Charts) 对您有帮助，也许它也可以帮助您查看源代码。放松点，我认为你让它变得比实际情况要难得多。

    private void PreventGraphToBeVisible()
    {
        var tt = Canvas.RenderTransform as TranslateTransform;
        if (tt == null) return;
        var eX = tt.X;
        var eY = tt.Y;
        var xOverflow = -tt.X + ActualWidth - Canvas.Width;
        var yOverflow = -tt.Y + ActualHeight - Canvas.Height;

        if (eX > 0)
        {
            tt.X = 0;
        }

        if (eY > 0)
        {
            tt.Y = 0;
        }

        if (xOverflow > 0)
        {
            tt.X = tt.X + xOverflow;
        }

        if (yOverflow > 0)
        {
            tt.Y = tt.Y + yOverflow;
        }
    }