如何在缩放/翻译后获得区域的边界

时间:2014-02-15 12:16:02

标签: c# wpf xaml zoom

我有一个简单的 WPF 界面,有两个面板。在右边,我有两个滑块,我用它来缩放并在左侧面板上移动一个简单的形状。

我还有一个 MouseMove 事件,当我将光标移动到形状上时会运行该事件。

当我使用滑块来平移/缩放形状然后移动鼠标光标以获得鼠标位置时,我得到的结果在缩放/变换之前和之后都是不同的。 (如下图所示)。

我想要做的是如何在每次转换后获得该区域的边界(彩色天蓝色)。

enter image description here

enter image description here

<Window x:Class="GUI.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Zoom Slider" Height="300" Width="600">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="300"></ColumnDefinition>
            <ColumnDefinition Width="300"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid Background="Azure" x:Name="_window" MouseMove="_window_MouseMove">
        <Canvas x:Name="_c" Width="100" Height="100" 
                Background="Black" RenderTransformOrigin="0.5,0.5">
            <Canvas.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleX="{Binding ElementName=_zoomSlider, Path=Value}" 
                                    ScaleY="{Binding ElementName=_zoomSlider, Path=Value}"/>
                        <TranslateTransform X="{Binding ElementName=_panSlider, Path=Value}"/>
                    </TransformGroup>
            </Canvas.RenderTransform>
        </Canvas>
        </Grid>
        <StackPanel Background="Aquamarine" Grid.Column="1">
            <Slider x:Name="_zoomSlider" 
                    Maximum="2" Minimum="0.5" Value="1" 
                    Width="200"/>
            <Slider x:Name="_panSlider" 
                    Maximum="100" Minimum="-100" Value="0" 
                    Width="200"/>            
            <Label x:Name="_mousePosition">Mouse Position</Label>
            <Label x:Name="_boundaries">Boundaries</Label>
        </StackPanel>
    </Grid>
</Window>


using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Shapes;

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


        private void _window_MouseMove(object sender, MouseEventArgs e)
        {
            _mousePosition.Content = (Math.Round(Mouse.GetPosition(_c).X)).ToString()
                + ", "
                + (Math.Round(Mouse.GetPosition(_c).Y)).ToString();
        }
    }
}

1 个答案:

答案 0 :(得分:2)

你似乎要求这样做:

http://msdn.microsoft.com/en-us/library/system.windows.uielement.transformtovisual(v=vs.95).aspx

// Return the general transform for the specified visual object.
GeneralTransform generalTransform1 = myStackPanel.TransformToVisual(myTextBlock);

// Retrieve the point value relative to the child.
Point currentPoint = generalTransform1.Transform(new Point(0, 0));