32. QML仿制思维导图系列03 -- 添加连线功能

news/2025/2/19 15:21:54/

1. 说明

本系列文章最终目的是利用QML设计一个类似思维导图的小软件,可以基本实现节点之间的连线问题
第一版最终效果:

思维导图第一版最终效果


本篇文章在上篇文章的基础上继续开发,增加 连接线绘制 功能。上篇文章为: QML仿制思维导图系列02 – 绘制初始三角形

2. 基本步骤

大致思路就是在右侧三角形上面设置一个鼠标控制区域,当拖动这个区域时,让画布重新绘制,此时重新绘制的内容要包括根部的小三角形,连接线(三次曲线)和线顶端的小箭头。

2.1 步骤一:添加鼠标控制区域

NodeItem.qml文件的总根节点 canvasRoot 下添加一个新的控件,此控件使用一个 Rectangle 控件作为容器,把 MouseArea 填充整个容器,矩形容器定位在节点的右侧,与初始小三角形的位置接近,相关代码如下:

//图元右侧自身小箭头的鼠标控制

http://www.ppmy.cn/news/67810.html

相关文章

从零开始Vue3+Element Plus的后台管理系统(五)——尝试多种图标ICON方案iconify

iconfont是过去使用较多的图标方案,后来更倾向于使用SVG,因为SVG更灵活兼容性更好。在最近的几个Vue2项目中,因为强调功能弱化设计所以直接用Element UI自带的图标即可满足需求。 Element Plus的图标库相对Element UI更加丰富,然…

获取订单编号(以 CG年月日00001递增)

1:方法代码 public String getOrderCode(String companyId) { //当天第一单以 “00001” 开始 String orderCode = "00001"; //查询公司主题今日最大单据号 Map<String, Object> map = new HashMap<>(); map.put("companyId&q…

探索智能化:TOOM解析未来稿件校验系统的技术进展与应用展望

在信息时代&#xff0c;随着大数据、人工智能和自然语言处理等技术的快速发展&#xff0c;稿件校验系统正朝着智能化的方向迈进。智能化的稿件校验系统能够更准确、高效地检测虚假信息、抄袭行为以及提升文章质量。本文将探讨智能化稿件校验系统的技术进展与应用展望&#xff0…

Java的枚举类型

如果类的对象的数量只有有限个&#xff0c;并且可以确定对象的属性&#xff0c;那么考虑使用枚举类。例如&#xff1a; 性别&#xff1a;Man&#xff08;男&#xff09;、Woman&#xff08;女&#xff09;订单状态&#xff1a;Nonpayment&#xff08;未付款&#xff09;、Paid…

windows下升级nodejs

重新安装新版nodejs 重新安装nodejs然后设置环境变量 安装yarn npm install -g yarn --registryhttps://registry.npm.taobao.org yarn config set registry https://registry.npm.taobao.org -g yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sa…

MySQL数据库笔记-基础篇

文章目录 MySQL概述数据库相关概念小总结 MySQL数据库版本&#xff1a;启动与停止客户端连接关系型数据库数据模型小总结 SQLSQL通用语法SQL分类DDL数据库操作查询创建数据类型数据类型的使用练习 修改删除小总结 DML添加数据修改数据删除数据小总结 DQL基本查询条件查询 DCL M…

《Netty》从零开始学netty源码(五十七)之ServerBootstrap.bind()

目录 ServerBootstrap.bind()initAndRegister()init()register()doBind0() ServerBootstrap.bind() 在第一篇的HelloWorld中通过ServerBootstrap.bind()方法绑定端口号并最终启动Netty的服务&#xff0c;服务端的bind过程如下&#xff1a; 上面的代码主要分成两部分&#xff0…

5G干扰排查优化方案介绍!

干扰成因 干扰源的发射信号&#xff08;阻塞信号、加性噪声信号&#xff09;从天线口被放大发射出来后&#xff0c;经过了空间损耗L&#xff0c;最后进入被干扰接收机。如果空间隔离不够的话&#xff0c;进入被干扰接收机的干扰信号强度够大&#xff0c;将会使接收机信噪比恶化…