WPF 实现控件自定义摆放

最新推荐文章于 2020-09-09 22:18:55 发布

低端程序猿的头秃日志

最新推荐文章于 2020-09-09 22:18:55 发布

阅读量351

点赞数

分类专栏： WPF

本文链接：https://blog.csdn.net/lovezhong1993/article/details/105110463

版权

本文介绍了如何使用WPF的Grid和GridSplitter实现控件的自定义摆放和缩放功能。通过3x3的Grid布局，结合控件的宽高比例，确保窗口尺寸变化时控件能相应调整。利用GridSplitter处理放大缩小操作，并通过LostMouseCapture事件更新比例。同时，文章提到了两种实现拖拉效果的方法：一是监听Mouse事件，二是继承Thumb并使用DragDelta和DragCompleted事件。最终，数据绑定在ViewModel中进行，命令机制用于传递和关联拖放操作所需的属性。

摘要由CSDN通过智能技术生成

做这个的时候，我主要考虑窗口放大缩小，控件也要放大缩小，所以要用到比例来分配宽高。

后面就想到了用Grid来制作，3x3的规格，控件放在中间，而放大缩小就GridSplitter来实现，总而言之，拖拉和放大缩小都是通过修改ColumnDefinition的宽度和RowDefinition的高度。

ColumnDefinition columnDefinition = new ColumnDefinition();
columnDefinition.Width = new GridLength(xxx, GridUnitType.Star); // xxx设置你值，这里我们可以根据我们保存的数据来设置。

RowDefinition rowDefinition = new RowDefinition();
rowDefinition.Height = new GridLength(xxx, GridUnitType.Star); //同上

我是每个拖动出来的控件，绑定的Model里都会带有三行三列的宽高，初始可以都是1，然后我们要根据界面的ActualWidth

和ActualHeight，计算出实际占的像素宽高。

通过GridSplitter的LostMouseCapture事件,可以更新放大缩小后的比列

Private void GridSplitter_LostMouseCapture(object sender, MouseEventArgs e)
{
    Grid grid = (sender as GridSplitter).Parent as Grid;
    //这里可以保存你的宽高。（因为行列我没有通过双向绑定ÿ