WPF+Halcon 培训项目实战(8):WPF+Halcon初次开发

前言

为了更好地去学习WPF+Halcon，我决定去报个班学一下。原因无非是想换个工作。相关的教学视频来源于下方的Up主的提供的教程。这里只做笔记分享，想要源码或者教学视频可以和他联系一下。

相关链接

微软系列技术教程 WPF 年度公益课程

Halcon开发 CSDN博客专栏

个人学习的Gitee 项目地址仓库

项目专栏

WPF+Halcon实战项目

运行环境

• .net core 8.0
• visual studio 2022
• halcon HDevelop 20.11
• windows 11

匹配图片

WPF Halcon组件

WPF的 Halcon组件我之前使用过，有兴趣的可以去看我的专栏里面找Halcon WPF 开发学习笔记。

Halcon开发 CSDN博客专栏

HSmartWindowControlWPF绑定

我们这里基于ViewModel的形式开发。所以我们需要将HSmartWindowControlWPF(后面简称HS组件) 绑定到我们的DataContext中。

读取图片

我们在Resources文件夹中添加一张图片

确保自己已经完成了Resources文件夹的设置，不清楚的可以看上一章的WPF项目初始化

WPF+Halcon 培训项目实战(7):目标匹配助手

运行代码

            ReadImgBtn = new RelayCommand(() =>
            {
   
                try
                {
   
                    MsgHelper.Info("读取图片");
                    var Image = new HImage();
                    Image.ReadImage("Resources/1.png");
                    HalconWindow.HalconWindow.DispObj(Image);
                }
                catch(Exception ex) {
   

                    MsgHelper.Error("HS组件加载图片失败!:" +ex.Message);
                }
                
            });

运行结果

抖动问题解决

Halcon WPF 开发学习笔记：HSmartWindowControlWPF正常加载

代码修改为

            ReadImgBtn = new RelayCommand(() =>
            {
   
                try
                {
   
                    MsgHelper.Info("读取图片");
                    var Image = new HImage();
                    Image.ReadImage("Resources/1.png");

                    HalconWindow.HalconWindow.DispObj(Image);
                    //读取后将图片居中
                    HalconWindow.SetFullImagePart();
                    //读取后将图片完全拉伸充满整个屏幕
                    //HalconWindow.SetFullImagePart(Image);

                }
                catch (Exception ex) {
   

                    MsgHelper.Error("HS组件加载图片失败!:" +ex.Message);
                }
                
            });

运行结果

绘制矩形

这个图片读取成功之后，说明我们的Halcon组件已经加载成功了。现在我们代码添加以下别的功能。

InitRectangleBtn = new RelayCommand(() =>
{
   
    MsgHelper.Info("生成矩形");
    var drawObj = HDrawingObject.CreateDrawingObject(HDrawingObject.HDrawingObjectType.RECTANGLE1, 100,200,300,400);
    HalconWindow.HalconWindow.AttachDrawingObjectToWindow(drawObj);
});

绘制图像会消失

因为我们没有声明一个公有变量，所以每次运行完代码他就默认把矩形窗口释放掉了。所以我们需要重新生成矩形窗口。

InitRectangleBtn = new RelayCommand(() =>
{
   
    MsgHelper.Info("生成矩形");
    rect = HDrawingObject.CreateDrawingObject(HDrawingObject.HDrawingObjectType.RECTANGLE1, 100,200,300,400);
    HalconWindow.HalconWindow.AttachDrawingObjectToWindow(rect);
});

绘制对象绑定事件

一共有5种事件：

• OnAttach:附加
• OnDetach:分离
• OnDrag:拖动
• OnResize:缩放
• OnSelect：选中

我们添加以下打印函数看看结果：

 InitRectangleBtn = new RelayCommand(() =>
 {
   
     MsgHelper.Info("生成矩形");
     rect = HDrawingObject.CreateDrawingObject(HDrawingObject.HDrawingObjectType.RECTANGLE1, 100,200,300,400);
     HalconWindow.HalconWindow.AttachDrawingObjectToWindow(rect);
     rect.OnAttach(new HDrawingObject.HDrawingObjectCallback((id, window, type) =>
     {
   
         NLogHelper.Debug("附加事件");
     }));
     rect.OnDrag(new HDrawingObject.HDrawingObjectCallback((id, window, type) =>
     {
   
         NLogHelper.Debug("拖动事件");
     }));
     rect.OnResize(new HDrawingObject.HDrawingObjectCallback((id, window, type) =>
     {
   
         NLogHelper.Debug("缩放事件");
     }));
     rect.OnSelect(new HDrawingObject.HDrawingObjectCallback((id, window, type) =>
     {
   
         NLogHelper.Debug("选中事件");
     }));
     rect.OnDetach(new HDrawingObject.HDrawingObjectCallback((id, window, type) =>
     {
   
         NLogHelper.Debug("分离事件");
     }));

 });

根据我的测试，主要是拖动和缩放事件。选中很难触发。附加和分离应该是有个触发的方式，现在不了解。

拖动事件

InitRectangleBtn = new RelayCommand(() =>
{
   
    MsgHelper.Info("生成矩形");
    rect = HDrawingObject.CreateDrawingObject(HDrawingObject.HDrawingObjectType.RECTANGLE1, 100,200,300,400);
    HalconWindow.HalconWindow.AttachDrawingObjectToWindow(rect);
    rect.OnDrag(new HDrawingObject.HDrawingObjectCallbackClass((id, window, type) =>
    {
   
        var hv_type = id.GetDrawingObjectParams("type");
        var row1 = id.GetDrawingObjectParams("row1");
        var row2 = id.GetDrawingObjectParams("row2");
        var column1 = id.GetDrawingObjectParams("column1");
        var column2 = id.GetDrawingObjectParams("column2");
        //打印坐标
        NLogHelper.Debug($"拖动事件: {
     hv_type}:{
     row1} {
     column1} {
     row2} {
     column2} ");
        
    }));
});