2018-11-19-WPF-在image控件用鼠标拖拽出矩形
WPF 控件 11 2018 鼠标 19 Image 矩形
2023-09-27 14:28:49 时间
title | author | date | CreateTime | categories |
---|---|---|---|---|
WPF 在image控件用鼠标拖拽出矩形 |
lindexi |
2018-11-19 15:35:13 +0800 |
2018-08-11 15:22:29 +0800 |
WPF |
今天有小伙伴问我一个问题,在image控件用鼠标拖拽出矩形,本文告诉大家如何使用鼠标画出矩形
做出来的效果先请大家看一下
最简单的方法是在 Down 的时候记录按下的点,在 移动的时候重新计算所在的宽度
先在界面使用一个图片和一个矩形
<Grid x:Name="Grid">
<Image Source="TIM截图20180811150831.png"></Image>
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center">欢迎访问我博客 http://lindexi.oschina.io </TextBlock>
<Rectangle x:Name="Rectangle" StrokeThickness="2" Stroke="Black" HorizontalAlignment="Left" VerticalAlignment="Top"></Rectangle>
</Grid>
需要注意,图片的位置需要修改为自己需要的图片
这里的 Rectangle
需要做一些设置,主要 HorizontalAlignment
和 VerticalAlignment
必须设置为左上角
现在打开 cs 代码,在按下和移动修改矩形
MouseDown += MainWindow_MouseDown;
MouseMove += MainWindow_MouseMove;
MouseUp += MainWindow_MouseUp;
需要两个字段来记录当前是否按下和第一次按下所在的坐标
刚才给 Grid
的命名就是为了拿到相对 Grid 的坐标
private void MainWindow_MouseDown(object sender, MouseButtonEventArgs e)
{
_started = true;
_downPoint = e.GetPosition(Grid);
}
private bool _started;
private Point _downPoint;
在鼠标按下时拿到按下的坐标,通过这个坐标就可以计算出矩形所在的位置
private void MainWindow_MouseUp(object sender, MouseButtonEventArgs e)
{
_started = false;
}
private void MainWindow_MouseMove(object sender, MouseEventArgs e)
{
if (_started)
{
var point = e.GetPosition(Grid);
var rect = new Rect(_downPoint, point);
Rectangle.Margin = new Thickness(rect.Left, rect.Top, 0, 0);
Rectangle.Width = rect.Width;
Rectangle.Height = rect.Height;
}
}
代码就是这么简单,通过修改 Margin
的方法修改矩形
如果对于高手,我建议使用 RenderTransform
的方式而不是使用 Margin
这里使用这个方法只是看起来简单
因为性能最差 Canvas.SetLeft Canvas.SetTop,性能中等 Margin,性能最好 RenderTransform 当然使用 RenderTransform 的方法没有使用 Margin 那样容易了解
相关文章
- 如何在WPF中调用Winform控件
- 使用各种 WPF Chart图表控件、插件的经历回顾与总结
- 整理:WPF中Binding的几种写法
- wpfのuri(让你完全明白wpf的图片加载方式以及URI写法)
- wpf中遍历界面控件的方法
- WPF 寻找控件模板中的元素
- WPF GroupBox样式
- WPF附加事件定义
- WPF 语言格式化文本控件
- WPF DevExpress 设置雷达图Radar样式
- DlhSoft Kanban Library for WPF
- yFiles WPF Crack,yFiles WPF出色 UI 控件
- Actipro Software WPF零售,一百个 WPF 控件以及组件
- WPF 如何获取有哪些 VisualBrush 用了某个控件
- WPF 引用 UWP 控件 不打包为 MSIX 分发的方法
- 2019-5-13-WPF-从触摸消息转触摸事件
- 2018-2-13-wpf-PreviewTextInput-在鼠标输入获得-_u0003
- 2018-7-15-WPF-在-DrawingContext-的-push-如何使用
- 2018-9-28-WPF-自定义-TextBoxView-的-Margin-大小
- 2019-6-5-WPF-使用封装的-SharpDx-控件
- 2018-8-10-WPF-判断调用方法堆栈
- 2018-11-8-WPF-获取下载内容长度
- WPF 获得当前输入法语言区域
- WPF DataGridHyperlinkColumn