更改了按钮位置

ArchitectureColoredPainting/ArchitectureColoredPainting.vcxproj

@@ -104,8 +104,9 @@
     </Link>
   </ItemDefinitionGroup>
   <ItemGroup>
-    <ClCompile Include="src\CaptionButton.cpp" />
     <ClCompile Include="src\Editor\EditorWidget.cpp" />
+    <ClCompile Include="src\CaptionButton.cpp" />
+    <ClCompile Include="src\Editor\EditorWidgetItem.cpp" />
     <ClCompile Include="src\Editor\ElementManager.cpp" />
     <ClCompile Include="src\Editor\ElementPoolWidget.cpp" />
     <ClCompile Include="src\Editor\GraphicElement.cpp" />
@@ -151,6 +152,7 @@
     <ClCompile Include="src\SvgParser.cpp" />
     <ClCompile Include="src\TitleWidget.cpp" />
     <QtUic Include="EditorWidget.ui" />
+    <QtUic Include="EditorWidgetItem.ui" />
     <QtUic Include="MainWindow.ui" />
     <QtUic Include="RendererWidget.ui" />
   </ItemGroup>
@@ -187,6 +189,7 @@
     <QtMoc Include="src\Editor\RightBar\InfoDisplayWidget.h" />
     <QtMoc Include="src\MainWindow.h" />
     <ClInclude Include="resource.h" />
+    <QtMoc Include="src\Editor\EditorWidget.h" />
     <ClInclude Include="src\Editor\ElementManager.h" />
     <QtMoc Include="src\Editor\ElementPoolWidget.h" />
     <ClInclude Include="src\Editor\GraphicElement.h" />
@@ -217,7 +220,7 @@
     <QtMoc Include="src\CaptionButton.h" />
     <QtMoc Include="src\NavigationBarWidget.h" />
     <QtMoc Include="src\Renderer\RendererWidget.h" />
-    <QtMoc Include="src\Editor\EditorWidget.h" />
+    <QtMoc Include="src\Editor\EditorWidgetItem.h" />
     <ClInclude Include="src\Renderer\Painting\BvhTree.h" />
     <ClInclude Include="src\Renderer\Camera.h" />
     <ClInclude Include="src\Renderer\Painting\CubicBezier.h" />

ArchitectureColoredPainting/ArchitectureColoredPainting.vcxproj.filters

@@ -72,7 +72,7 @@
     </QtUic>
   </ItemGroup>
   <ItemGroup>
-    <ClCompile Include="src\Editor\EditorWidget.cpp">
+    <ClCompile Include="src\Editor\EditorWidgetItem.cpp">
       <Filter>Source Files\Editor</Filter>
     </ClCompile>
     <ClCompile Include="src\Renderer\Camera.cpp">
@@ -207,6 +207,9 @@
     <ClCompile Include="src\Editor\PixelPath.cpp">
       <Filter>Source Files\Editor</Filter>
     </ClCompile>
+    <ClCompile Include="src\Editor\EditorWidget.cpp">
+      <Filter>Source Files</Filter>
+    </ClCompile>
     <ClCompile Include="src\Editor\ElementPoolWidget.cpp">
       <Filter>Source Files\Editor</Filter>
     </ClCompile>
@@ -215,7 +218,7 @@
     <QtMoc Include="src\Renderer\RendererGLWidget.h">
       <Filter>Header Files\Renderer</Filter>
     </QtMoc>
-    <QtMoc Include="src\Editor\EditorWidget.h">
+    <QtMoc Include="src\Editor\EditorWidgetItem.h">
       <Filter>Header Files\Editor</Filter>
     </QtMoc>
     <QtMoc Include="src\Renderer\RendererWidget.h">
@@ -245,6 +248,9 @@
     <QtMoc Include="src\Editor\RightBar\InfoDisplayWidget.h">
       <Filter>Header Files</Filter>
     </QtMoc>
+    <QtMoc Include="src\Editor\EditorWidget.h">
+      <Filter>Header Files</Filter>
+    </QtMoc>
     <QtMoc Include="src\Editor\ElementPoolWidget.h">
       <Filter>Header Files\Editor</Filter>
     </QtMoc>
@@ -328,7 +334,7 @@
     </None>
   </ItemGroup>
   <ItemGroup>
-    <QtUic Include="EditorWidget.ui">
+    <QtUic Include="EditorWidgetItem.ui">
       <Filter>Form Files</Filter>
     </QtUic>
     <QtUic Include="RendererWidget.ui">

ArchitectureColoredPainting/EditorWidget.ui

@@ -1,19 +1,33 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <ui version="4.0">
- <class>EditorWidgetClass</class>
+ <class>EditorWidget</class>
- <widget class="QWidget" name="EditorWidgetClass">
+ <widget class="QWidget" name="EditorWidget">
   <property name="geometry">
    <rect>
     <x>0</x>
     <y>0</y>
-    <width>1124</width>
+    <width>1139</width>
-    <height>695</height>
+    <height>685</height>
    </rect>
   </property>
   <property name="windowTitle">
-   <string>RendererWidget</string>
+   <string>Form</string>
   </property>
-  <layout class="QVBoxLayout" name="verticalLayout">
+  <layout class="QVBoxLayout" name="verticalLayout_2">
+   <property name="topMargin">
+    <number>0</number>
+   </property>
+   <item>
+    <layout class="QVBoxLayout" name="verticalLayout" stretch="1,20">
+     <property name="topMargin">
+      <number>0</number>
+     </property>
+     <item>
+      <widget class="QWidget" name="widget" native="true">
+       <property name="autoFillBackground">
+        <bool>false</bool>
+       </property>
+       <layout class="QHBoxLayout" name="horizontalLayout_3">
         <property name="leftMargin">
          <number>0</number>
         </property>
@@ -27,87 +41,153 @@
          <number>0</number>
         </property>
         <item>
-    <widget class="QWidget" name="MainWindow" native="true">
+         <layout class="QHBoxLayout" name="horizontalLayout_2" stretch="1,1,1,1,1,0">
-     <layout class="QVBoxLayout" name="verticalLayout_2" stretch="1,30">
+          <property name="spacing">
-      <item>
+           <number>0</number>
-       <widget class="QLabel" name="Title">
-        <property name="text">
-         <string/>
           </property>
-        <property name="alignment">
+          <property name="topMargin">
-         <set>Qt::AlignCenter</set>
+           <number>0</number>
+          </property>
+          <item>
+           <widget class="QPushButton" name="createButton">
+            <property name="minimumSize">
+             <size>
+              <width>80</width>
+              <height>40</height>
+             </size>
+            </property>
+            <property name="maximumSize">
+             <size>
+              <width>80</width>
+              <height>16777215</height>
+             </size>
+            </property>
+            <property name="text">
+             <string>新建</string>
             </property>
            </widget>
           </item>
           <item>
-       <layout class="QHBoxLayout" name="horizontalLayout" stretch="1,18,5">
+           <widget class="QPushButton" name="openButton">
-        <item>
+            <property name="minimumSize">
-         <widget class="QWidget" name="LeftBar" native="true"/>
+             <size>
+              <width>80</width>
+              <height>40</height>
+             </size>
+            </property>
+            <property name="maximumSize">
+             <size>
+              <width>80</width>
+              <height>16777215</height>
+             </size>
+            </property>
+            <property name="text">
+             <string>打开</string>
+            </property>
+           </widget>
           </item>
           <item>
-         <widget class="PreviewWindow" name="Preview"/>
+           <widget class="QPushButton" name="saveButton">
+            <property name="minimumSize">
+             <size>
+              <width>80</width>
+              <height>40</height>
+             </size>
+            </property>
+            <property name="maximumSize">
+             <size>
+              <width>80</width>
+              <height>16777215</height>
+             </size>
+            </property>
+            <property name="text">
+             <string>保存</string>
+            </property>
+           </widget>
           </item>
           <item>
-         <widget class="QWidget" name="RightBar" native="true">
+           <widget class="QPushButton" name="saveAsButton">
-          <layout class="QVBoxLayout" name="verticalLayout_4" stretch="1,2">
+            <property name="minimumSize">
+             <size>
+              <width>80</width>
+              <height>40</height>
+             </size>
+            </property>
+            <property name="maximumSize">
+             <size>
+              <width>80</width>
+              <height>16777215</height>
+             </size>
+            </property>
+            <property name="text">
+             <string>另存为</string>
+            </property>
+           </widget>
+          </item>
           <item>
-            <widget class="QTabWidget" name="DisplayTab">
+           <widget class="QPushButton" name="closeButton">
+            <property name="sizePolicy">
+             <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+              <horstretch>0</horstretch>
+              <verstretch>0</verstretch>
+             </sizepolicy>
+            </property>
+            <property name="minimumSize">
+             <size>
+              <width>80</width>
+              <height>40</height>
+             </size>
+            </property>
+            <property name="maximumSize">
+             <size>
+              <width>80</width>
+              <height>16777215</height>
+             </size>
+            </property>
+            <property name="text">
+             <string>关闭</string>
+            </property>
+           </widget>
+          </item>
+          <item>
+           <spacer name="horizontalSpacer_2">
+            <property name="orientation">
+             <enum>Qt::Horizontal</enum>
+            </property>
+            <property name="sizeHint" stdset="0">
+             <size>
+              <width>40</width>
+              <height>20</height>
+             </size>
+            </property>
+           </spacer>
+          </item>
+         </layout>
+        </item>
+       </layout>
+      </widget>
+     </item>
+     <item>
+      <widget class="QTabWidget" name="tabWidget">
        <property name="currentIndex">
         <number>0</number>
        </property>
-             <widget class="InfoDisplayWidget" name="LayerDisplay">
+       <widget class="QWidget" name="tab">
         <attribute name="title">
-               <string>Layer</string>
+         <string>Tab 1</string>
         </attribute>
        </widget>
-             <widget class="QWidget" name="ElementDisplay">
+       <widget class="QWidget" name="tab_2">
         <attribute name="title">
-               <string>Element</string>
+         <string>Tab 2</string>
         </attribute>
        </widget>
       </widget>
      </item>
-           <item>
-            <widget class="LayerTreeWidget" name="LayerTree">
-             <property name="contextMenuPolicy">
-              <enum>Qt::CustomContextMenu</enum>
-             </property>
-             <column>
-              <property name="text">
-               <string notr="true">1</string>
-              </property>
-             </column>
-            </widget>
-           </item>
-          </layout>
-         </widget>
-        </item>
     </layout>
    </item>
   </layout>
  </widget>
-   </item>
-  </layout>
- </widget>
- <layoutdefault spacing="6" margin="11"/>
- <customwidgets>
-  <customwidget>
-   <class>PreviewWindow</class>
-   <extends>QOpenGLWidget</extends>
-   <header>PreviewWindow.h</header>
-  </customwidget>
-  <customwidget>
-   <class>LayerTreeWidget</class>
-   <extends>QTreeWidget</extends>
-   <header location="global">LayerTreeWidget.h</header>
-  </customwidget>
-  <customwidget>
-   <class>InfoDisplayWidget</class>
-   <extends>QWidget</extends>
-   <header location="global">InfoDisplayWidget.h</header>
-   <container>1</container>
-  </customwidget>
- </customwidgets>
  <resources/>
  <connections/>
 </ui>

ArchitectureColoredPainting/EditorWidgetItem.ui

@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>EditorWidgetItem</class>
+ <widget class="QWidget" name="EditorWidgetItem">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>1124</width>
+    <height>695</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>RendererWidget</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout">
+   <property name="leftMargin">
+    <number>0</number>
+   </property>
+   <property name="topMargin">
+    <number>0</number>
+   </property>
+   <property name="rightMargin">
+    <number>0</number>
+   </property>
+   <property name="bottomMargin">
+    <number>0</number>
+   </property>
+   <item>
+    <widget class="QWidget" name="MainWindow" native="true">
+     <layout class="QVBoxLayout" name="verticalLayout_2" stretch="1,30">
+      <item>
+       <widget class="QLabel" name="Title">
+        <property name="text">
+         <string/>
+        </property>
+        <property name="alignment">
+         <set>Qt::AlignCenter</set>
+        </property>
+       </widget>
+      </item>
+      <item>
+       <layout class="QHBoxLayout" name="horizontalLayout" stretch="1,18,5">
+        <item>
+         <widget class="QWidget" name="LeftBar" native="true"/>
+        </item>
+        <item>
+         <widget class="PreviewWindow" name="Preview"/>
+        </item>
+        <item>
+         <widget class="QWidget" name="RightBar" native="true">
+          <layout class="QVBoxLayout" name="verticalLayout_4" stretch="1,2">
+           <item>
+            <widget class="QTabWidget" name="DisplayTab">
+             <property name="currentIndex">
+              <number>0</number>
+             </property>
+             <widget class="InfoDisplayWidget" name="LayerDisplay">
+              <attribute name="title">
+               <string>Layer</string>
+              </attribute>
+             </widget>
+             <widget class="QWidget" name="ElementDisplay">
+              <attribute name="title">
+               <string>Element</string>
+              </attribute>
+             </widget>
+            </widget>
+           </item>
+           <item>
+            <widget class="LayerTreeWidget" name="LayerTree">
+             <property name="contextMenuPolicy">
+              <enum>Qt::CustomContextMenu</enum>
+             </property>
+             <column>
+              <property name="text">
+               <string notr="true">1</string>
+              </property>
+             </column>
+            </widget>
+           </item>
+          </layout>
+         </widget>
+        </item>
+       </layout>
+      </item>
+     </layout>
+    </widget>
+   </item>
+  </layout>
+ </widget>
+ <layoutdefault spacing="6" margin="11"/>
+ <customwidgets>
+  <customwidget>
+   <class>PreviewWindow</class>
+   <extends>QOpenGLWidget</extends>
+   <header>PreviewWindow.h</header>
+  </customwidget>
+  <customwidget>
+   <class>LayerTreeWidget</class>
+   <extends>QTreeWidget</extends>
+   <header location="global">LayerTreeWidget.h</header>
+  </customwidget>
+  <customwidget>
+   <class>InfoDisplayWidget</class>
+   <extends>QWidget</extends>
+   <header location="global">InfoDisplayWidget.h</header>
+   <container>1</container>
+  </customwidget>
+ </customwidgets>
+ <resources/>
+ <connections/>
+</ui>

ArchitectureColoredPainting/src/Editor/EditorWidget.cpp

@@ -1,62 +1,48 @@
 #include "EditorWidget.h"
+#include "EditorWidgetItem.h"
+#include <QMouseEvent>
+#include <QInputDialog>
+#include <QMenu>
+#include <QFileDialog>
 
 EditorWidget::EditorWidget(QWidget* parent) : QWidget(parent)
 {
-    QImage x;
-    displayLayer = nullptr;
-    displayElement = nullptr;
 	ui.setupUi(this);
-    previewWindow = ui.Preview;
+	this->createButton = ui.createButton;
-    treeWidget = ui.LayerTree;
+	this->closeButton = ui.closeButton; 
-    tabWidget = ui.DisplayTab;
+	this->saveButton = ui.saveButton;
-    layerInfoDisplayWidget = dynamic_cast<InfoDisplayWidget *>(tabWidget->widget(0));
+	this->saveAsButton = ui.saveAsButton;
-    elementInfoDisplayWidget = dynamic_cast<InfoDisplayWidget *>(tabWidget->widget(1));
+	this->openButton = ui.openButton;
-    connect(treeWidget, &LayerTreeWidget::displayLayerChange, this, &EditorWidget::onLayerChange);
+	this->tabWidget = ui.tabWidget;
-    connect(layerInfoDisplayWidget, &InfoDisplayWidget::requireRefreshPreview, this,
+	while (this->tabWidget->count() > 0)
-            &EditorWidget::triggerRefreshPreview);
-    connect(treeWidget, &LayerTreeWidget::requireRefreshPreview, this,
-        &EditorWidget::triggerRefreshPreview);
-	connect(layerInfoDisplayWidget, &InfoDisplayWidget::requireSelfRefresh, layerInfoDisplayWidget, &InfoDisplayWidget::triggerSelfRefresh);
-    // &EditorWidget::triggerRefreshPreview);
-    //  test
-    QFile settingFile;
-    settingFile.setFileName("../data.json");
-    settingFile.open(QFile::ReadOnly);
-    QByteArray setting = settingFile.readAll().trimmed();
-    QJsonParseError jError;
-    QJsonDocument jsonDoc(QJsonDocument::fromJson(setting, &jError));
-    qDebug() << jsonDoc.object().value("height").toDouble();
-    qDebug() << jError.errorString();
-    // end test
-    QJsonObject source = jsonDoc.object();
-    elementManager = new ElementManager(source,previewWindow->getRenderer());
-    layerManager = new LayerManager(source, elementManager);
-    previewWindow->initialize(layerManager,QSize(jsonDoc.object().value("width").toDouble(),jsonDoc.object().value("height").toDouble()));
-    if (layerManager->getRoot() != nullptr)
 	{
-        treeWidget->root = layerManager->getRoot();
+		this->tabWidget->removeTab(0);
-		treeWidget->refresh();
-		treeWidget->addTopLevelItem(treeWidget->root->getQTreeItem());
 	}
+	connect(this->createButton, &QPushButton::clicked, this, [this]() {
+			static int count = 0;
+			this->tabWidget->addTab(new EditorWidgetItem("../data.json",this), "untitled" + QString::number(count++));
+		});
+	connect(this->openButton, &QPushButton::clicked, this, [this]() {
+			QString fileName = QFileDialog::getOpenFileName(this->saveAsButton, QString::fromLocal8Bit("´ò¿ª"), "", QString::fromLocal8Bit("JSONÎļþ(*.json)"));
+			this->tabWidget->addTab(new EditorWidgetItem(fileName, this), fileName);
+		});
+	connect(this->closeButton, &QPushButton::clicked, this, [this]() {
+			this->tabWidget->removeTab(this->tabWidget->currentIndex());
+		});
+	connect(this->saveButton, &QPushButton::clicked, this, [this]() {
+			EditorWidgetItem* item = dynamic_cast<EditorWidgetItem*>(this->tabWidget->currentWidget());
+			if (item != nullptr)
+			{
+				//item->save();
+			}
+		});
+	connect(this->saveAsButton, &QPushButton::clicked, this, [this]() {
+			EditorWidgetItem* item = dynamic_cast<EditorWidgetItem*>(this->tabWidget->currentWidget());
+			if (item != nullptr)
+			{
+				QString fileName = QFileDialog::getSaveFileName(this->saveAsButton, QString::fromLocal8Bit("Áí´æΪ"), "", QString::fromLocal8Bit("JSONÎļþ(*.json)"));
+				item->saveAs(fileName);
+			}
+		});
 }
 
-EditorWidget::~EditorWidget()
-{
-}
-
-void EditorWidget::paintEvent(QPaintEvent *event)
-{
-}
-
-void EditorWidget::onLayerChange(LayerWrapper *layer)
-{
-    displayLayer = layer;
-    // TODO : notify InfoDisplayWidget and update
-    dynamic_cast<InfoDisplayWidget *>(tabWidget->widget(0))->setLayer(layer);
-    this->update();
-}
-
-void EditorWidget::triggerRefreshPreview()
-{
-    previewWindow->update();
-}

ArchitectureColoredPainting/src/Editor/EditorWidget.h

@@ -1,39 +1,23 @@
 #pragma once
-
+#include <qwidget.h>
-#include "ElementManager.h"
-#include "InfoDisplayWidget.h"
-#include "LayerManager.h"
-#include "LayerTreeWidget.h"
-#include "PreviewWindow.h"
 #include "ui_EditorWidget.h"
-#include <QPainter>
-#include <QTreeWidget>
-#include <QWidget>
 
-class EditorWidget : public QWidget
+class EditorWidget :
+    public QWidget
 {
     Q_OBJECT
-
 private:
-    // DATA PART
+    Ui::EditorWidget ui;
-    PreviewWindow *previewWindow;
-    ElementManager *elementManager;
-    LayerManager *layerManager;
-    // QT GUI PART
-    Ui::EditorWidgetClass ui;
-    LayerTreeWidget *treeWidget;
     QTabWidget* tabWidget;
-    InfoDisplayWidget *layerInfoDisplayWidget, *elementInfoDisplayWidget;
+    QPushButton* createButton;
-    // QT DATA PART
+    QPushButton* closeButton;
-    LayerWrapper *displayLayer;
+    QPushButton* saveButton;
-    GraphicElement *displayElement;
+    QPushButton* saveAsButton;
+    QPushButton* openButton;
         
 public:
 	EditorWidget(QWidget* parent = nullptr);
-    ~EditorWidget();
+	~EditorWidget()=default;
-    void paintEvent(QPaintEvent *event) override;
  
-  private slots:
-    void onLayerChange(LayerWrapper *layer);
-    void triggerRefreshPreview();
 };
+

ArchitectureColoredPainting/src/Editor/EditorWidgetItem.cpp

@@ -0,0 +1,91 @@
+#include "EditorWidgetItem.h"
+
+EditorWidgetItem::EditorWidgetItem(QString filePath,QWidget *parent) : QWidget(parent)
+{
+    QImage x;
+    displayLayer = nullptr;
+    displayElement = nullptr;
+    ui.setupUi(this);
+    previewWindow = ui.Preview;
+    treeWidget = ui.LayerTree;
+    tabWidget = ui.DisplayTab;
+    this->filePath = filePath;
+    layerInfoDisplayWidget = dynamic_cast<InfoDisplayWidget *>(tabWidget->widget(0));
+    elementInfoDisplayWidget = dynamic_cast<InfoDisplayWidget *>(tabWidget->widget(1));
+    connect(treeWidget, &LayerTreeWidget::displayLayerChange, this, &EditorWidgetItem::onLayerChange);
+    connect(layerInfoDisplayWidget, &InfoDisplayWidget::requireRefreshPreview, this,
+            &EditorWidgetItem::triggerRefreshPreview);
+    connect(treeWidget, &LayerTreeWidget::requireRefreshPreview, this,
+        &EditorWidgetItem::triggerRefreshPreview);
+	connect(layerInfoDisplayWidget, &InfoDisplayWidget::requireSelfRefresh, layerInfoDisplayWidget, &InfoDisplayWidget::triggerSelfRefresh);
+    // &EditorWidget::triggerRefreshPreview);
+    //  test
+    QFile settingFile;
+    //settingFile.setFileName("../data.json");
+	settingFile.setFileName(filePath);
+    settingFile.open(QFile::ReadOnly);
+    QByteArray setting = settingFile.readAll().trimmed();
+    QJsonParseError jError;
+    QJsonDocument jsonDoc(QJsonDocument::fromJson(setting, &jError));
+    qDebug() << jsonDoc.object().value("height").toDouble();
+    qDebug() << jError.errorString();
+    // end test
+    QJsonObject source = jsonDoc.object();
+    elementManager = new ElementManager(source,previewWindow->getRenderer());
+    layerManager = new LayerManager(source, elementManager);
+    qDebug() << layerManager->toJson();
+    previewWindow->initialize(layerManager,QSize(jsonDoc.object().value("width").toDouble(),jsonDoc.object().value("height").toDouble()));
+    if (layerManager->getRoot() != nullptr)
+    {
+        treeWidget->root = layerManager->getRoot();
+		treeWidget->refresh();
+		treeWidget->addTopLevelItem(treeWidget->root->getQTreeItem());
+    }
+}
+
+EditorWidgetItem::~EditorWidgetItem()
+{
+}
+
+void EditorWidgetItem::paintEvent(QPaintEvent *event)
+{
+}
+
+void EditorWidgetItem::onLayerChange(LayerWrapper *layer)
+{
+    displayLayer = layer;
+    // TODO : notify InfoDisplayWidget and update
+    dynamic_cast<InfoDisplayWidget *>(tabWidget->widget(0))->setLayer(layer);
+    this->update();
+}
+
+void EditorWidgetItem::triggerRefreshPreview()
+{
+    previewWindow->update();
+}
+
+void EditorWidgetItem::save() const
+{
+	saveImpl(this->filePath);
+}
+
+void EditorWidgetItem::saveAs(QString filePath) const
+{
+	saveImpl(filePath);
+}
+
+void EditorWidgetItem::saveImpl(QString filePath) const
+{
+	QJsonObject source1 = layerManager->toJson();
+	QJsonObject source2 = elementManager->toJson();
+    QJsonObject json;
+	json.insert("width", 1080);
+	json.insert("height", 1080);
+	json.insert("root-layer", source1.value("root-layer"));
+    json.insert("elements", source2.value("elements"));
+	QJsonDocument doc(json);
+	QFile file(filePath);
+	file.open(QIODevice::WriteOnly);
+	file.write(doc.toJson());
+	file.close();
+}

ArchitectureColoredPainting/src/Editor/EditorWidgetItem.h

@@ -0,0 +1,43 @@
+#pragma once
+
+#include "ElementManager.h"
+#include "InfoDisplayWidget.h"
+#include "LayerManager.h"
+#include "LayerTreeWidget.h"
+#include "PreviewWindow.h"
+#include "ui_EditorWidgetItem.h"
+#include <QPainter>
+#include <QTreeWidget>
+#include <QWidget>
+
+class EditorWidgetItem : public QWidget
+{
+    Q_OBJECT
+
+  private:
+    // DATA PART
+    PreviewWindow *previewWindow;
+    ElementManager *elementManager;
+    LayerManager *layerManager;
+    // QT GUI PART
+    Ui::EditorWidgetItem ui;
+    LayerTreeWidget *treeWidget;
+    QTabWidget *tabWidget;
+    InfoDisplayWidget *layerInfoDisplayWidget, *elementInfoDisplayWidget;
+    // QT DATA PART
+    LayerWrapper *displayLayer;
+    GraphicElement *displayElement;
+    QString filePath;
+    void saveImpl(QString filePath)const;
+
+  public:
+    EditorWidgetItem(QString filePath, QWidget *parent = nullptr);
+    ~EditorWidgetItem();
+    void paintEvent(QPaintEvent *event) override;
+    void save() const;
+    void saveAs(QString filePath)const;
+
+  private slots:
+    void onLayerChange(LayerWrapper *layer);
+    void triggerRefreshPreview();
+};

ArchitectureColoredPainting/src/Editor/ElementManager.cpp

@@ -3,6 +3,7 @@ ElementManager::ElementManager(QJsonObject source,Renderer::ElementRenderer* ren
 {
     auto elementsJson = source.value("elements").toArray();
     qDebug() << elementsJson.size();
+    int index = 0;
     for (auto elementJson : elementsJson)
     {
         if (elementJson.toObject().value("type").toString() == "group")
@@ -12,6 +13,8 @@ ElementManager::ElementManager(QJsonObject source,Renderer::ElementRenderer* ren
         
         (*elements.rbegin())->renderer = renderer;
     }
+	for (auto element : elements)
+		element->index = index++;
 }
 
 void ElementManager::addElement(GraphicElement *element)
@@ -33,3 +36,13 @@ GraphicElement *ElementManager::getElementById(int index)
 ElementManager::~ElementManager()
 {
 }
+
+QJsonObject ElementManager::toJson() const
+{
+	QJsonArray elementsJson;
+	for (auto element : elements)
+		elementsJson.push_back(element->toJson());
+	QJsonObject result;
+	result.insert("elements", elementsJson);
+	return result;
+}

ArchitectureColoredPainting/src/Editor/ElementManager.h

@@ -19,6 +19,7 @@ class ElementManager
     ~ElementManager();
     void addElement(GraphicElement *element);
     void removeElement(GraphicElement *pElement);
+	QJsonObject toJson()const;
     /**
      *  only used in initialization
      */

ArchitectureColoredPainting/src/Editor/GraphicElement.cpp

@@ -76,3 +76,10 @@ PixelPath GroupElement::getPaintObject(std::vector<Renderer::ElementStyleStrokeD
 //		rawPath.addPath(path);
 //	}
 //}
+//TODO : Ìí¼Óϸ½Ú
+QJsonObject GraphicElement::toJson() const
+{
+	QJsonObject result;
+	result.insert("name", name);
+	return result;
+}

ArchitectureColoredPainting/src/Editor/GraphicElement.h

@@ -22,7 +22,9 @@ class GraphicElement
 public:
 	Renderer::ElementRenderer *renderer;
     QString name = "";
+    int index;
     // TODO: ¸ÄΪBitmapPath
+	virtual QJsonObject toJson() const;
     virtual PixelPath getPaintObject() const = 0;
     virtual PixelPath getPaintObject(std::vector<Renderer::ElementStyleStrokeDemo>) const = 0;
 };

ArchitectureColoredPainting/src/Editor/LayerManager.cpp

@@ -62,11 +62,20 @@ bool LayerManager::changeParent(FolderLayerWrapper *newParent) const
     selectedLayers[0]->setParent(newParent);
     return true;
 }
+
 void LayerManager::addLayer(LayerWrapper *layer)
 {
     layerSet.insert(layer);
 }
+
 void LayerManager::removeLayer(LayerWrapper *layer)
 {
     layerSet.erase(layer);
 }
+
+QJsonObject LayerManager::toJson() const
+{
+	QJsonObject result;
+	result.insert("root-layer", root->toJson());
+	return result;
+}

ArchitectureColoredPainting/src/Editor/LayerManager.h

@@ -31,6 +31,7 @@ class LayerManager
     LayerWrapper *getRoot() const;
     LayerManager() = default;
 	LayerManager(QJsonObject source, ElementManager* elementManager);
+	QJsonObject toJson() const;
     void paint(QPainter *painter, QSize size) const;
     bool rename(QString newName) const;
     bool combine() const;

ArchitectureColoredPainting/src/Editor/LayerWrapper.cpp

@@ -53,6 +53,7 @@ FolderLayerWrapper::FolderLayerWrapper(QJsonObject json, ElementManager *element
         auto p = reinterpret_cast<GroupElement *>(elementManager->getElementById(referencedJson.toInt()));
         if (p != nullptr)
             p->setSourceLayer(this);
+		this->referencedBy = referencedJson.toInt();
     }
     for (auto childJson : childrenJson)
     {
@@ -95,7 +96,6 @@ void FolderLayerWrapper::refresh()
 {
     cache.clear();
     for (auto& child : children) {
-        qDebug() << child.get();
         cache.addPath(child.get()->getCache());
     }
     LayerWrapper::refresh();
@@ -181,3 +181,40 @@ QTreeWidgetItem* FolderLayerWrapper::getQTreeItem()
 	}
 	return LayerWrapper::getQTreeItem();
 }
+
+//TODO: add effects
+
+QJsonObject LayerWrapper::toJson() const 
+{
+	QJsonObject json;
+	json.insert("name", property.name);
+	QJsonObject transformJson;
+	transformJson.insert("offset", QJsonObject({ {"x", property.offset.x()}, {"y", property.offset.y()} }));
+	transformJson.insert("scale", QJsonObject({ {"x", property.scale.x()}, {"y", property.scale.y()} }));
+	transformJson.insert("rotation", property.rotation);
+	json.insert("transform", transformJson);
+	return json;
+}
+
+QJsonObject FolderLayerWrapper::toJson() const
+{
+	QJsonObject json = LayerWrapper::toJson();
+	QJsonArray childrenJson;
+	for (auto& child : children)
+		childrenJson.push_back(child->toJson());
+	json.insert("children", childrenJson);
+    json.insert("is-folder", true);
+    if(this->referencedBy != -1)
+		json.insert("referenced-by", this->referencedBy);
+    else
+		json.insert("referenced-by", QJsonValue());
+	return json;
+}
+
+QJsonObject LeafLayerWrapper::toJson() const
+{
+	QJsonObject json = LayerWrapper::toJson();
+	json.insert("element", wrappedElement->index);
+	json.insert("is-folder", false);
+	return json;
+}

ArchitectureColoredPainting/src/Editor/LayerWrapper.h

@@ -60,13 +60,16 @@ class LayerWrapper
     // virtual void deleteAll() const = 0;
     virtual void del();
     virtual void delSelf();
+	virtual QJsonObject toJson() const;
     ~LayerWrapper() = default;
+    
 };
 
 class FolderLayerWrapper : public LayerWrapper
 {
   public:
     vector<shared_ptr<LayerWrapper>> children;
+    int referencedBy = -1;
 
   public:
 
@@ -80,6 +83,7 @@ class FolderLayerWrapper : public LayerWrapper
 	void del() override;
     void delSelf() override;
 	QTreeWidgetItem* getQTreeItem() override;
+	QJsonObject toJson() const override;
 };
 
 class LeafLayerWrapper : public LayerWrapper
@@ -93,6 +97,7 @@ class LeafLayerWrapper : public LayerWrapper
     void refresh() override;
     LeafLayerWrapper() = default;
     LeafLayerWrapper(QJsonObject json, ElementManager *elementManager, FolderLayerWrapper*parent);
+    QJsonObject toJson() const override;
 };
 
 Q_DECLARE_METATYPE(LayerWrapper *)

ArchitectureColoredPainting/src/Editor/RightBar/InfoDisplayWidget.cpp

@@ -150,6 +150,6 @@ void InfoDisplayWidget::triggerSelfRefresh()
 {
     if (this->displayLayer != nullptr)
         this->generateLayerForm();
-    else
+    if (this->displayElement != nullptr)
         this->generateElementForm();
 }

ArchitectureColoredPainting/src/Editor/RightBar/LayerTreeWidget.cpp

@@ -37,10 +37,14 @@ void LayerTreeWidget::popMenu(const QPoint &pos)
     this->selectedItem = item;
     // TODO
     menu.addAction(QString::fromLocal8Bit("创建子节点"), this, &LayerTreeWidget::onRenameEvent);
+    //if (item != root->getQTreeItem())
+    //{
         menu.addAction(QString::fromLocal8Bit("重命名"), this, &LayerTreeWidget::onRenameEvent);
         //  menu.addAction("Copy", this, &LayerTreeWidget::onRenameEvent);
         if (item != nullptr && item->childCount() > 0)
             menu.addAction(QString::fromLocal8Bit("删除（保留子节点）"), this, [this]() {
+                if (this->selectedItem == nullptr)
+                return;
                 auto layer = this->selectedItem->data(0, Qt::UserRole).value<LayerWrapper*>();
                 layer->delSelf();
                 layer->getParent()->removeChild(layer);
@@ -56,6 +60,7 @@ void LayerTreeWidget::popMenu(const QPoint &pos)
             this->refresh();
             emit requireRefreshPreview();
             });
+    //}
     menu.exec(mapToGlobal(pos));
 }
 

data - 副本.json

@@ -0,0 +1,111 @@
+{
+  "height": 1080,
+  "width": 1080,
+  "elements": [
+    {
+      "name": "ababa",
+      "type": "svg-file",
+      "data": {
+        "include": "./svg/2.svg"
+      }
+    },
+    {
+      "name": "ababa-group",
+      "type": "group",
+      "data": {
+        "reference-layer": "0.0"
+      }
+    }
+  ],
+  "root-layer": {
+    "name": "root",
+    "transform": {
+      "offset": {
+        "x": 0,
+        "y": 0
+      },
+      "scale": {
+        "x": 1.0,
+        "y": 1.0
+      },
+      "rotation": 0.0
+    },
+    "effects": [],
+    "is-folder": true,
+    "referenced-by": null,
+    "children": [
+
+      {
+        "name": "GroupFolderExample",
+        "transform": {
+          "offset": {
+            "x": 50,
+            "y": 50
+          },
+          "scale": {
+            "x": 1.0,
+            "y": 1.0
+          },
+          "rotation": 0.0
+        },
+        "effects": [],
+        "is-folder": true,
+        "referenced-by": 1,
+        "children": [
+          {
+            "name": "Leaf1",
+            "transform": {
+              "offset": {
+                "x": 0,
+                "y": 0
+              },
+              "scale": {
+                "x": 1.0,
+                "y": 1.0
+              },
+              "rotation": 0.0
+            },
+            "effects": [],
+            "is-folder": false,
+            "element": 0
+          },
+          {
+            "name": "Leaf2",
+            "transform": {
+              "offset": {
+                "x": 150,
+                "y": 0
+              },
+              "scale": {
+                "x": 1.5,
+                "y": 1.5
+              },
+              "rotation": 0.0
+            },
+            "effects": [],
+            "is-folder": false,
+            "element": 0
+          }
+        ]
+      },
+
+      {
+        "name": "ReferencingGroupLayer",
+        "transform": {
+          "offset": {
+            "x": 100,
+            "y": 0
+          },
+          "scale": {
+            "x": 1,
+            "y": 1
+          },
+          "rotation": 45
+        },
+        "effects": [],
+        "is-folder": false,
+        "element": 1
+      }
+    ]
+  }
+}

data.back.json

@@ -0,0 +1,96 @@
+{
+    "elements": [
+        {
+            "name": ""
+        },
+        {
+            "name": ""
+        }
+    ],
+    "height": 1080,
+    "root-layer": {
+        "children": [
+            {
+                "children": [
+                    {
+                        "element": 0,
+                        "is-folder": false,
+                        "name": "Leaf1",
+                        "transform": {
+                            "offset": {
+                                "x": 0,
+                                "y": 0
+                            },
+                            "rotation": 0,
+                            "scale": {
+                                "x": 1,
+                                "y": 1
+                            }
+                        }
+                    },
+                    {
+                        "element": 0,
+                        "is-folder": false,
+                        "name": "Leaf2",
+                        "transform": {
+                            "offset": {
+                                "x": 150,
+                                "y": 0
+                            },
+                            "rotation": 0,
+                            "scale": {
+                                "x": 1.5,
+                                "y": 1.5
+                            }
+                        }
+                    }
+                ],
+                "is-folder": true,
+                "name": "GroupFolderExample",
+                "referenced-by": 1,
+                "transform": {
+                    "offset": {
+                        "x": 50,
+                        "y": 50
+                    },
+                    "rotation": 0,
+                    "scale": {
+                        "x": 1,
+                        "y": 1
+                    }
+                }
+            },
+            {
+                "element": 1,
+                "is-folder": false,
+                "name": "ReferencingGroupLayer",
+                "transform": {
+                    "offset": {
+                        "x": 100,
+                        "y": 0
+                    },
+                    "rotation": 45,
+                    "scale": {
+                        "x": 1,
+                        "y": 1
+                    }
+                }
+            }
+        ],
+        "is-folder": true,
+        "name": "root",
+        "referenced-by": null,
+        "transform": {
+            "offset": {
+                "x": 0,
+                "y": 0
+            },
+            "rotation": 0,
+            "scale": {
+                "x": 1,
+                "y": 1
+            }
+        }
+    },
+    "width": 1080
+}

data.json

@@ -34,6 +34,7 @@
     "is-folder": true,
     "referenced-by": null,
     "children": [
+
       {
         "name": "GroupFolderExample",
         "transform": {
@@ -87,6 +88,7 @@
           }
         ]
       },
+
       {
         "name": "ReferencingGroupLayer",
         "transform": {