在 WPF 中，可以通过监听
元素的
父元素的 `SizeChanged` 事件以及
元素自身的 `Loaded` 事件来实现
元素相对于
父元素位置改变事件。
当
元素的
父元素大小改变时，可以通过计算
元素相对于
父元素的
位置差来判断
元素的
位置是否发生了改变。具体步骤如下：
1. 在
元素的 `Loaded` 事件中注册
父元素的 `SizeChanged` 事件，同时记录
元素的初始
位置。
```csharp
private Point _elementPosition; //
元素初始
位置
private void OnElementLoaded(object sender, RoutedEventArgs e)
{
// 注册
父元素的 SizeChanged 事件
var parent = VisualTreeHelper.GetParent(this) as FrameworkElement;
parent.SizeChanged += OnParentSizeChanged;
// 记录
元素初始
位置
_elementPosition = new Point(Canvas.GetLeft(this), Canvas.GetTop(this));
}
```
2. 在
父元素的 `SizeChanged` 事件中计算
元素相对于
父元素的
位置差，如果
位置发生了改变，则触发
相对
位置改变事件。
```csharp
private void OnParentSizeChanged(object sender, SizeChangedEventArgs e)
{
var parent = sender as FrameworkElement;
// 计算
元素相对于
父元素的
位置差
var newPosition = new Point(Canvas.GetLeft(this), Canvas.GetTop(this));
var positionDelta = new Point(newPosition.X - _elementPosition.X, newPosition.Y - _elementPosition.Y);
// 如果
位置发生了改变，则触发
相对
位置改变事件
if (positionDelta.X != 0 || positionDelta.Y != 0)
{
ElementPositionChanged?.Invoke(this, positionDelta);
}
// 更新
元素位置记录
_elementPosition = newPosition;
}
```
3. 在
相对
位置改变事件中处理
元素位置改变的逻辑。
完整代码示例：
```csharp
public partial class MyElement : UserControl
{
public event EventHandler<Point> ElementPositionChanged;
private Point _elementPosition; //
元素初始
位置
public MyElement()
{
InitializeComponent();
Loaded += OnElementLoaded;
}
private void OnElementLoaded(object sender, RoutedEventArgs e)
{
// 注册
父元素的 SizeChanged 事件
var parent = VisualTreeHelper.GetParent(this) as FrameworkElement;
parent.SizeChanged += OnParentSizeChanged;
// 记录
元素初始
位置
_elementPosition = new Point(Canvas.GetLeft(this), Canvas.GetTop(this));
}
private void OnParentSizeChanged(object sender, SizeChangedEventArgs e)
{
var parent = sender as FrameworkElement;
// 计算
元素相对于
父元素的
位置差
var newPosition = new Point(Canvas.GetLeft(this), Canvas.GetTop(this));
var positionDelta = new Point(newPosition.X - _elementPosition.X, newPosition.Y - _elementPosition.Y);
// 如果
位置发生了改变，则触发
相对
位置改变事件
if (positionDelta.X != 0 || positionDelta.Y != 0)
{
ElementPositionChanged?.Invoke(this, positionDelta);
}
// 更新
元素位置记录
_elementPosition = newPosition;
}
}
```
使用示例：
```xml
<Window x:Class="ElementPositionChangedEvent.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:ElementPositionChangedEvent"
Title="MainWindow" Height="450" Width="800">
<Grid>
<Canvas>
<local:MyElement ElementPositionChanged="OnElementPositionChanged" />
</Canvas>
</Grid>
</Window>
```
```csharp
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}
private void OnElementPositionChanged(object sender, Point e)
{
var element = sender as MyElement;
var newPosition = new Point(Canvas.GetLeft(element) + e.X, Canvas.GetTop(element) + e.Y);
Canvas.SetLeft(element, newPosition.X);
Canvas.SetTop(element, newPosition.Y);
}
}
```
注意事项：
- 当
元素的
父元素使用 `Canvas`
布局时，可以使用 `Canvas.SetLeft` 和 `Canvas.SetTop` 方法来设置
元素的
位置；
- 当
元素的
父元素使用其他
布局方式时，需要根据实际情况进行处理；
- 当
元素的
父元素嵌套多层时，需要递归注册
父元素的 `SizeChanged` 事件。
271
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
