30. QML仿制思维导图系列01 -- 搭建基本框架

1. 说明

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

思维导图第一版最终效果

2. 基本步骤

大致思路就是通过点击按钮，创建一个节点，放置在对应窗口内。创建新节点使用QML中的动态创建自定义控件的方式来实现，不了解此方式的读者可查看博主的这篇文章 ：使用createComponent和createObject动态加载组件

2.1 第一步：

首先在 main.qml 文件中设计一个显示节点的区域，可以使用 Rectangle 控件容纳产生的所有节点，然后添加一个 Button ，用于点击后动态生成节点控件，对应代码如下：
main.qml:

import QtQuick 2.15