31. QML仿制思维导图系列02 -- 绘制初始三角形

1. 说明

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

思维导图第一版最终效果


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

2. 基本步骤

大致思路就是在产生节点时,要首先在节点的右侧绘制一个三角形,此三角形为起初的三角形,当节点本身被鼠标拖拽移动后,要实时的对画布绘图区域进行更新,同时更改三角形的绘制起始点,以使三角形跟随节点移动。

2.1 步骤一:绘制原始三角形

首先在节点文件NodeItem.qml的根节点canvasRoot下新增一个绘制函数,用于最初的右侧三角形,代码如下:

//绘制自身右侧原始小箭头
function arr

猜你喜欢

转载自blog.csdn.net/FY_13781298928/article/details/130623713
今日推荐