服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - C# - WPF 在image控件用鼠标拖拽出矩形的实现方法

WPF 在image控件用鼠标拖拽出矩形的实现方法

2022-02-27 15:54lindexi C#

这篇文章主要介绍了WPF 在image控件用鼠标拖拽出矩形的实现方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

今天有小伙伴问我一个问题,在image控件用鼠标拖拽出矩形,本文告诉大家如何使用鼠标画出矩形

做出来的效果先请大家看一下

WPF 在image控件用鼠标拖拽出矩形的实现方法

最简单的方法是在 down 的时候记录按下的点,在 移动的时候重新计算所在的宽度

WPF 在image控件用鼠标拖拽出矩形的实现方法

先在界面使用一个图片和一个矩形

?
1
2
3
4
5
<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 需要做一些设置,主要 horizontalalignmentverticalalignment 必须设置为左上角

现在打开 cs 代码,在按下和移动修改矩形

?
1
2
3
mousedown += mainwindow_mousedown;
      mousemove += mainwindow_mousemove;
      mouseup += mainwindow_mouseup;

需要两个字段来记录当前是否按下和第一次按下所在的坐标

刚才给 grid 的命名就是为了拿到相对 grid 的坐标

?
1
2
3
4
5
6
7
8
9
10
private void mainwindow_mousedown(object sender, mousebuttoneventargs e)
    {
      _started = true;
 
      _downpoint = e.getposition(grid);
    }
 
    private bool _started;
 
    private point _downpoint;

在鼠标按下时拿到按下的坐标,通过这个坐标就可以计算出矩形所在的位置

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
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 这里使用这个方法只是看起来简单

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:https://lindexi.gitee.io/lindexi/post/WPF-在image控件用鼠标拖拽出矩形.html

延伸 · 阅读

精彩推荐
  • C#C#微信公众号与订阅号接口开发示例代码

    C#微信公众号与订阅号接口开发示例代码

    这篇文章主要介绍了C#微信公众号与订阅号接口开发示例代码,结合实例形式简单分析了C#针对微信接口的调用与处理技巧,需要的朋友可以参考下...

    smartsmile20127762021-11-25
  • C#深入理解C#的数组

    深入理解C#的数组

    本篇文章主要介绍了C#的数组,数组是一种数据结构,详细的介绍了数组的声明和访问等,有兴趣的可以了解一下。...

    佳园9492021-12-10
  • C#SQLite在C#中的安装与操作技巧

    SQLite在C#中的安装与操作技巧

    SQLite,是一款轻型的数据库,用于本地的数据储存。其优点有很多,下面通过本文给大家介绍SQLite在C#中的安装与操作技巧,感兴趣的的朋友参考下吧...

    蓝曈魅11162022-01-20
  • C#利用C#实现网络爬虫

    利用C#实现网络爬虫

    这篇文章主要介绍了利用C#实现网络爬虫,完整的介绍了C#实现网络爬虫详细过程,感兴趣的小伙伴们可以参考一下...

    C#教程网11852021-11-16
  • C#如何使用C#将Tensorflow训练的.pb文件用在生产环境详解

    如何使用C#将Tensorflow训练的.pb文件用在生产环境详解

    这篇文章主要给大家介绍了关于如何使用C#将Tensorflow训练的.pb文件用在生产环境的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴...

    bbird201811792022-03-05
  • C#VS2012 程序打包部署图文详解

    VS2012 程序打包部署图文详解

    VS2012虽然没有集成打包工具,但它为我们提供了下载的端口,需要我们手动安装一个插件InstallShield。网上有很多第三方的打包工具,但为什么偏要使用微软...

    张信秀7712021-12-15
  • C#C#设计模式之Strategy策略模式解决007大破密码危机问题示例

    C#设计模式之Strategy策略模式解决007大破密码危机问题示例

    这篇文章主要介绍了C#设计模式之Strategy策略模式解决007大破密码危机问题,简单描述了策略模式的定义并结合加密解密算法实例分析了C#策略模式的具体使用...

    GhostRider10972022-01-21
  • C#三十分钟快速掌握C# 6.0知识点

    三十分钟快速掌握C# 6.0知识点

    这篇文章主要介绍了C# 6.0的相关知识点,文中介绍的非常详细,通过这篇文字可以让大家在三十分钟内快速的掌握C# 6.0,需要的朋友可以参考借鉴,下面来...

    雨夜潇湘8272021-12-28