WPF Thumb 的绑定 改变rectangle大小
时间: 2023-08-12 13:33:49 浏览: 88
当Thumb控件被拖动时,可以使用Thumb的HorizontalChange和VerticalChange属性来获取Thumb的移动距离,然后将这些距离应用到需要调整大小的界面元素上。下面是一个示例代码,展示如何使用Thumb控件实现可调整大小的Rectangle:
```xml
<Window>
<Grid>
<Thumb Style="{StaticResource ResizeThumbStyle}"
DragDelta="Thumb_DragDelta"/>
<Rectangle Fill="LightBlue"
Width="{Binding ElementName=thumb, Path=HorizontalOffset}"
Height="{Binding ElementName=thumb, Path=VerticalOffset}"/>
</Grid>
</Window>
```
```csharp
private void Thumb_DragDelta(object sender, DragDeltaEventArgs e)
{
var thumb = (Thumb)sender;
var rectangle = (Rectangle)thumb.DataContext;
rectangle.Width += e.HorizontalChange;
rectangle.Height += e.VerticalChange;
}
```
在上面的代码中,我们使用了一个Thumb控件和一个Rectangle控件。当Thumb被拖动时,我们将Rectangle的Width和Height属性绑定到Thumb的HorizontalOffset和VerticalOffset属性,以实现Rectangle大小的调整。在Thumb的DragDelta事件处理程序中,我们获取Thumb所绑定的Rectangle控件,并将Thumb的移动距离应用到Rectangle的大小上,从而实现Rectangle的调整大小。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![txt](https://img-home.csdnimg.cn/images/20210720083642.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![whl](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![whl](https://img-home.csdnimg.cn/images/20210720083646.png)