优化了一些bad smells

[editor] 添加了LayerStyleContainer，重构了部分代码
[stroke] 对GUI做出了一些改善
2023-03-18 03:49:15 +08:00 · 2023-03-18 03:46:49 +08:00 · 2023-03-17 20:55:41 +08:00 · 2023-03-17 16:20:34 +08:00 · 2023-03-17 14:14:07 +08:00 · 2023-03-17 12:29:31 +08:00
31 changed files with 588 additions and 227 deletions
--- a/ArchitectureColoredPainting/ArchitectureColoredPainting.vcxproj
+++ b/ArchitectureColoredPainting/ArchitectureColoredPainting.vcxproj
@ -104,6 +104,7 @@
    </Link>
  </ItemDefinitionGroup>
  <ItemGroup>
+    <ClCompile Include="src\Editor\RightBar\EditorSettingWidget.cpp" />
    <ClCompile Include="src\Editor\EditorWidgetComponent\ColorPicker.cpp" />
    <ClCompile Include="src\Editor\EditorWidgetComponent\LayerCreateWidget.cpp" />
    <ClCompile Include="src\Editor\EditorWidgetComponent\LayerStyleDialog.cpp" />
@ -154,6 +155,7 @@
    <ClCompile Include="src\Renderer\VirtualTextureManager.cpp" />
    <ClCompile Include="src\SvgParser.cpp" />
    <ClCompile Include="src\Editor\EditorWidgetComponent\StrokeStyleWidget.cpp" />
+    <QtUic Include="EditorSettingWidget.ui" />
    <QtUic Include="EditorWidget.ui" />
    <QtUic Include="EditorWidgetItem.ui" />
    <QtUic Include="MainWindow.ui" />
@ -197,6 +199,7 @@
    <QtMoc Include="src\Editor\EditorWidgetComponent\LayerCreateWidget.h" />
    <QtMoc Include="src\Editor\EditorWidgetComponent\LayerStyleDialog.h" />
    <QtMoc Include="src\Editor\EditorWidgetComponent\ColorPicker.h" />
+    <QtMoc Include="src\Editor\RightBar\EditorSettingWidget.h" />
    <ClInclude Include="src\Editor\util\EncodeUtil.hpp" />
    <ClInclude Include="src\Editor\util\JsonUtil.hpp" />
    <ClInclude Include="src\Editor\ElementManager.h" />
--- a/ArchitectureColoredPainting/ArchitectureColoredPainting.vcxproj.filters
+++ b/ArchitectureColoredPainting/ArchitectureColoredPainting.vcxproj.filters
@ -82,6 +82,9 @@
    <QtUic Include="src\Editor\EditorWidgetComponent\LayerCreateWidget.ui">
      <Filter>Form Files</Filter>
    </QtUic>
+    <QtUic Include="EditorSettingWidget.ui">
+      <Filter>Form Files</Filter>
+    </QtUic>
  </ItemGroup>
  <ItemGroup>
    <ClCompile Include="src\Editor\EditorWidgetItem.cpp">
@ -234,6 +237,9 @@
    <ClCompile Include="src\Editor\EditorWidgetComponent\ColorPicker.cpp">
      <Filter>Source Files\Editor</Filter>
    </ClCompile>
+    <ClCompile Include="src\Editor\RightBar\EditorSettingWidget.cpp">
+      <Filter>Source Files</Filter>
+    </ClCompile>
  </ItemGroup>
  <ItemGroup>
    <QtMoc Include="src\Renderer\RendererGLWidget.h">
@ -281,6 +287,9 @@
    <QtMoc Include="src\Editor\EditorWidgetComponent\ColorPicker.h">
      <Filter>Header Files\Editor</Filter>
    </QtMoc>
+    <QtMoc Include="src\Editor\RightBar\EditorSettingWidget.h">
+      <Filter>Header Files</Filter>
+    </QtMoc>
  </ItemGroup>
  <ItemGroup>
    <None Include="..\data.json" />
--- a/ArchitectureColoredPainting/EditorSetting.ui
+++ b/ArchitectureColoredPainting/EditorSetting.ui
@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>EditorSettingWidget</class>
+ <widget class="QWidget" name="EditorSettingWidget">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout_2">
+   <item>
+    <layout class="QVBoxLayout" name="verticalLayout">
+     <item>
+      <widget class="QPushButton" name="backgroundColorButton">
+       <property name="text">
+        <string>设置背景颜色</string>
+       </property>
+      </widget>
+     </item>
+    </layout>
+   </item>
+  </layout>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>
--- a/ArchitectureColoredPainting/EditorSettingWidget.ui
+++ b/ArchitectureColoredPainting/EditorSettingWidget.ui
@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ui version="4.0">
+ <class>EditorSettingWidget</class>
+ <widget class="QWidget" name="EditorSettingWidget">
+  <property name="geometry">
+   <rect>
+    <x>0</x>
+    <y>0</y>
+    <width>400</width>
+    <height>300</height>
+   </rect>
+  </property>
+  <property name="windowTitle">
+   <string>Form</string>
+  </property>
+  <layout class="QVBoxLayout" name="verticalLayout_2">
+   <item>
+    <layout class="QVBoxLayout" name="verticalLayout">
+     <item alignment="Qt::AlignHCenter">
+      <widget class="QPushButton" name="backgroundColorButton">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Fixed" vsizetype="Fixed">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="maximumSize">
+        <size>
+         <width>120</width>
+         <height>16777215</height>
+        </size>
+       </property>
+       <property name="text">
+        <string>设置背景颜色</string>
+       </property>
+      </widget>
+     </item>
+     <item alignment="Qt::AlignHCenter">
+      <widget class="QPushButton" name="renameButton">
+       <property name="sizePolicy">
+        <sizepolicy hsizetype="Minimum" vsizetype="Fixed">
+         <horstretch>0</horstretch>
+         <verstretch>0</verstretch>
+        </sizepolicy>
+       </property>
+       <property name="maximumSize">
+        <size>
+         <width>120</width>
+         <height>16777215</height>
+        </size>
+       </property>
+       <property name="text">
+        <string>设置项目名称</string>
+       </property>
+      </widget>
+     </item>
+    </layout>
+   </item>
+  </layout>
+ </widget>
+ <resources/>
+ <connections/>
+</ui>
--- a/ArchitectureColoredPainting/EditorWidgetItem.ui
+++ b/ArchitectureColoredPainting/EditorWidgetItem.ui
@ -147,7 +147,7 @@
              </size>
             </property>
             <property name="currentIndex">
-              <number>1</number>
+              <number>2</number>
             </property>
             <widget class="InfoDisplayWidget" name="LayerDisplay">
              <attribute name="title">
@ -159,6 +159,11 @@
               <string>图元池</string>
              </attribute>
             </widget>
+             <widget class="EditorSettingWidget" name="EditorSetting">
+              <attribute name="title">
+               <string>设置</string>
+              </attribute>
+             </widget>
            </widget>
           </item>
           <item>
@ -229,6 +234,12 @@
   <header>ElementPoolWidget.h</header>
   <container>1</container>
  </customwidget>
+  <customwidget>
+   <class>EditorSettingWidget</class>
+   <extends>QWidget</extends>
+   <header location="global">EditorSettingWidget.h</header>
+   <container>1</container>
+  </customwidget>
 </customwidgets>
 <resources/>
 <connections/>
--- a/ArchitectureColoredPainting/res/Shaders/painting.comp
+++ b/ArchitectureColoredPainting/res/Shaders/painting.comp
@ -4,6 +4,11 @@ layout(local_size_x = 8, local_size_y = 8) in;

 layout(location = 0) uniform ivec2 pixelOffset;

+layout(std140, binding = 1) uniform ubo
+{
+    vec3 backgroundColor;
+};
+
 layout(rgba8, binding = 0) uniform image2D gBaseColor;
 layout(rg8, binding = 1) uniform image2D gMetallicRoughness;

@ -1353,7 +1358,7 @@ void main()
    vec3 debugBVH = vec3(0);
    // bool debugHit = false;
    //vec4 color = vec4(0.76, 0.33, 0.15, -1);
-    vec4 color = vec4(1,1,1, -1);
+    vec4 color = vec4(backgroundColor, -1);
    vec2 metallicRoughness = vec2(0, 0.8);
    stack.top = 0;
    uint index = 0, visitTime = 0;
--- a/ArchitectureColoredPainting/src/Editor/EditorWidget.cpp
+++ b/ArchitectureColoredPainting/src/Editor/EditorWidget.cpp
@ -47,3 +47,11 @@ EditorWidget::EditorWidget(QWidget* parent) : QWidget(parent)
 		});
 }

+void EditorWidget::renameTab(QWidget* target, QString name)
+{
+	int index = this->tabWidget->indexOf(target);
+	if (index != -1)
+	{
+		this->tabWidget->setTabText(index, name);
+	}
+}
--- a/ArchitectureColoredPainting/src/Editor/EditorWidget.h
+++ b/ArchitectureColoredPainting/src/Editor/EditorWidget.h
@ -18,6 +18,6 @@ private:
 public:
 	EditorWidget(QWidget* parent = nullptr);
 	~EditorWidget()=default;
- 
+	void renameTab(QWidget* target, QString name);
 };

--- a/ArchitectureColoredPainting/src/Editor/EditorWidgetComponent/LayerStyleDialog.cpp
+++ b/ArchitectureColoredPainting/src/Editor/EditorWidgetComponent/LayerStyleDialog.cpp
@ -3,20 +3,18 @@
 #include <QDialogButtonBox>
 #include <QHBoxLayout>
 #include <QGridLayout>
-#include <QDebug>
-#include <unordered_set>

 LayerStyleDialog::LayerStyleDialog(
-	QWidget* parent, 
-	std::shared_ptr<LayerStyle> existedStyle,
-	std::vector<std::shared_ptr<LayerStyle>>* excludeStyles
-) : QDialog(parent)
+	LayerStyleContainer& styles, 
+	std::shared_ptr<LayerStyle> existedStyle, 
+	QWidget* parent
+) : QDialog(parent), styles(&styles)
 {
-	QVBoxLayout* dialogLayout = new QVBoxLayout(this);
+	auto* dialogLayout = new QVBoxLayout(this);
 	dialogLayout->setAlignment(Qt::AlignmentFlag::AlignHCenter);
 	this->setLayout(dialogLayout);

-	if (existedStyle) 
+	if (existedStyle)
 	{
 		this->modifyingStyle = existedStyle->clone();

@ -28,28 +26,14 @@ LayerStyleDialog::LayerStyleDialog(
 	}
 	else
 	{
-		std::unordered_set<QString> excludeStyleNames;
-		for(auto &style : *excludeStyles)
-		{
-			excludeStyleNames.insert(style->getStyleName());
-		}
+		QStringList unusedStyleNames = styles.unusedStyleNames();
+		auto* typeSelector = new QComboBox(this);

-		QComboBox* typeSelector = new QComboBox(this);
-
-		for (auto& pair : LayerStyle::types) 
+		if (!unusedStyleNames.empty())
 		{
-			if (!excludeStyleNames.contains(pair.first))
-			{
-				typeSelector->addItem(pair.first);
-				if (!this->modifyingStyle)
-				{
-					this->modifyingStyle = std::move(pair.second());
-				}
-			}
-		}
+			typeSelector->addItems(unusedStyleNames);
+			this->modifyingStyle = std::move(styles.makeUnusedStyle(unusedStyleNames[0]));

-		if (typeSelector->count() > 0)
-		{
 			dialogLayout->addWidget(typeSelector);
 			this->styleContainer = new QGridLayout(this);
 			dialogLayout->addLayout(styleContainer);
@ -57,11 +41,11 @@ LayerStyleDialog::LayerStyleDialog(
 			this->styleWidget = this->modifyingStyle->getInputWidget();
 			this->styleWidget->setParent(this);
 			this->styleContainer->addWidget(styleWidget);
-			connect(typeSelector, QOverload<int>::of(&QComboBox::currentIndexChanged), 
+			connect(typeSelector, &QComboBox::currentTextChanged,
 				this, &LayerStyleDialog::onStyleTypeSelectorChanged);
 		}
 	}
-	QDialogButtonBox* buttonBox = new QDialogButtonBox(QDialogButtonBox::Ok | QDialogButtonBox::Cancel, this);
+	auto* buttonBox = new QDialogButtonBox(QDialogButtonBox::Ok | QDialogButtonBox::Cancel, this);
 	connect(buttonBox, &QDialogButtonBox::accepted, this, &LayerStyleDialog::accept);
 	connect(buttonBox, &QDialogButtonBox::rejected, this, &LayerStyleDialog::reject);
 	dialogLayout->addWidget(buttonBox);
@ -73,7 +57,7 @@ void LayerStyleDialog::accept()
 	QDialog::accept();
 }

-void LayerStyleDialog::onStyleTypeSelectorChanged(int index)
+void LayerStyleDialog::onStyleTypeSelectorChanged(const QString& current)
 {
 	if (this->styleWidget)
 	{
@ -81,8 +65,10 @@ void LayerStyleDialog::onStyleTypeSelectorChanged(int index)
 		this->styleWidget->setParent(nullptr);
 		delete styleWidget;
 	}
-	this->modifyingStyle = std::move(LayerStyle::types[index].second());
+	this->modifyingStyle = std::move(styles->makeUnusedStyle(current));
 	this->styleWidget = this->modifyingStyle->getInputWidget();
 	this->styleWidget->setParent(this);
 	this->styleContainer->addWidget(styleWidget, 0, 0, 1, 1);
+	this->styleWidget->adjustSize();
+	this->adjustSize();
 }
--- a/ArchitectureColoredPainting/src/Editor/EditorWidgetComponent/LayerStyleDialog.h
+++ b/ArchitectureColoredPainting/src/Editor/EditorWidgetComponent/LayerStyleDialog.h
@ -9,15 +9,17 @@ class LayerStyleDialog : public QDialog
 private:
 	QWidget* styleWidget;
 	QGridLayout* styleContainer;
+	LayerStyleContainer* styles;
 	std::unique_ptr<LayerStyle> modifyingStyle;
 public:
 	LayerStyleDialog(
-		QWidget* parent = nullptr, 
-		std::shared_ptr<LayerStyle> existedStyle = nullptr, 
-		std::vector<std::shared_ptr<LayerStyle>>* excludeStyles = nullptr);
+		LayerStyleContainer& styles,
+		std::shared_ptr<LayerStyle> existedStyle = nullptr,
+		QWidget* parent = nullptr
+	);
 	std::shared_ptr<LayerStyle> layerStyle;
 private slots:
-	void onStyleTypeSelectorChanged(int index);
+	void onStyleTypeSelectorChanged(const QString& current);
 	void accept() override;
 };

--- a/ArchitectureColoredPainting/src/Editor/EditorWidgetComponent/StrokeStyleWidget.cpp
+++ b/ArchitectureColoredPainting/src/Editor/EditorWidgetComponent/StrokeStyleWidget.cpp
@ -2,8 +2,8 @@
 #include "ColorPicker.h"
 #include <qtmaterialraisedbutton.h>
 #include <limits>
+#include <lib/qtmaterialstyle.h>

-#define radialStroke(stroke) std::dynamic_pointer_cast<Renderer::StrokeRadialGradient>(stroke->materialStroke)
 constexpr int COLUMN_WIDTH = 0;
 constexpr int COLUMN_COLOR = 1;
 constexpr int COLUMN_METALLIC = 2;
@ -15,12 +15,12 @@ StrokeStyleWidget::StrokeStyleWidget(
 	QWidget* parent
 ) : QWidget(parent), stroke(stroke)
 {
-	QVBoxLayout* viewLayout = new QVBoxLayout(this);
+	auto* viewLayout = new QVBoxLayout(this);
 	this->setLayout(viewLayout);

 	initStrokeSettings();
-	QWidget* strokeProperties = new QWidget(this);
-	QHBoxLayout* strokePropertiesLayout = new QHBoxLayout(strokeProperties);
+	auto* strokeProperties = new QWidget(this);
+	auto* strokePropertiesLayout = new QHBoxLayout(strokeProperties);
 	strokePropertiesLayout->setMargin(0);

 	strokeProperties->setLayout(strokePropertiesLayout);
@ -38,7 +38,7 @@ StrokeStyleWidget::StrokeStyleWidget(
 void StrokeStyleWidget::initStrokeSettings()
 {
 	this->enableGradual = new QtMaterialCheckBox(this);
-	enableGradual->setText(QStringLiteral("ÆôÓÃ½¥±ä"));
+	enableGradual->setText(QStringLiteral("½¥±ä"));
 	enableGradual->setChecked(radialStroke(stroke)->gradual);
 	connect(enableGradual, &QtMaterialCheckBox::toggled, [this](bool checked) {
 		radialStroke(this->stroke)->gradual = checked;
@ -72,7 +72,7 @@ void StrokeStyleWidget::initStrokeSettings()
 	this->widthField = new QtMaterialTextField(this);
 	widthField->setLabel(QStringLiteral("±¾²àÃè±ß¿í¶È"));
 	widthField->setText(QString::number(stroke->halfWidth));
-	QDoubleValidator* widthValidator = new QDoubleValidator(0.1, std::numeric_limits<float>::max(), 3, widthField);
+	auto* widthValidator = new QDoubleValidator(0.1, std::numeric_limits<float>::max(), 3, widthField);
 	widthValidator->setNotation(QDoubleValidator::StandardNotation);
 	widthField->setValidator(widthValidator);
 	connect(widthField, &QtMaterialTextField::textChanged, [this](const QString& changed) {
@ -106,8 +106,12 @@ void StrokeStyleWidget::initTable(std::shared_ptr<Renderer::StrokeRadialGradient
 	}
 	// ÐÂÔö°´Å¥
 	QtMaterialRaisedButton* addButton = new QtMaterialRaisedButton("+", strokeTable);
+	addButton->setBackgroundColor(QtMaterialStyle::instance().themeColor("primary1"));
 	strokeTable->setSpan(row, 0, 1, 5);
 	strokeTable->setCellWidget(row, 0, addButton);
+	strokeTable->setMinimumHeight(strokeTable->rowHeight(row) * 5);
+	strokeTable->setMinimumWidth(strokeTable->sizeHint().width());
+	addButton->setFixedHeight(strokeTable->rowHeight(row));
 	connect(addButton, &QtMaterialRaisedButton::clicked, [this]() {
 		handlingRowInsert = true;
 		auto materialMap = &(radialStroke(this->stroke)->materialMap);
@ -129,37 +133,37 @@ void StrokeStyleWidget::initTable(std::shared_ptr<Renderer::StrokeRadialGradient
 		this->strokeTable->update();
 		handlingRowInsert = false;
 		});
-
 	connect(strokeTable, &QTableWidget::currentItemChanged, this, &StrokeStyleWidget::onCurrentItemChanged);
 	connect(strokeTable, &QTableWidget::cellChanged, this, &StrokeStyleWidget::onCellChanged);
 }

 void StrokeStyleWidget::setTableRow(int row, float width, Renderer::Material& material)
 {
-	QTableWidgetItem* widthItem = new QTableWidgetItem;
+	auto* widthItem = new QTableWidgetItem;
 	widthItem->setData(Qt::EditRole, width);
 	strokeTable->setItem(row, COLUMN_WIDTH, widthItem);

 	QColor* colorPtr = &(material.color);
-	QTableWidgetItem* colorItem = new QTableWidgetItem;
+	auto* colorItem = new QTableWidgetItem;
 	colorItem->setData(Qt::DisplayRole, *colorPtr);
 	strokeTable->setItem(row, COLUMN_COLOR, colorItem);
-	ColorPicker* colorPicker = new ColorPicker(*colorPtr, strokeTable);
+	auto* colorPicker = new ColorPicker(*colorPtr, strokeTable);
 	strokeTable->setCellWidget(row, COLUMN_COLOR, colorPicker);
 	connect(colorPicker, &ColorPicker::colorChanged, [this, colorPtr](QColor color) {
 		*colorPtr = color;
 		this->strokeTable->update();
 		});

-	QTableWidgetItem* metallicItem = new QTableWidgetItem;
+	auto* metallicItem = new QTableWidgetItem;
 	metallicItem->setData(Qt::EditRole, material.metallicF());
 	strokeTable->setItem(row, COLUMN_METALLIC, metallicItem);

-	QTableWidgetItem* roughnessItem = new QTableWidgetItem;
+	auto* roughnessItem = new QTableWidgetItem;
 	roughnessItem->setData(Qt::EditRole, material.roughnessF());
 	strokeTable->setItem(row, COLUMN_ROUGHNESS, roughnessItem);

-	QtMaterialRaisedButton* removeButton = new QtMaterialRaisedButton("-", strokeTable);
+	auto* removeButton = new QtMaterialRaisedButton("-", strokeTable);
+	removeButton->setBackgroundColor(QtMaterialStyle::instance().themeColor("primary1"));
 	removeButton->setFixedSize(20, 20);
 	strokeTable->setCellWidget(row, COLUMN_OPERATIONS, removeButton);
 	connect(removeButton, &QtMaterialRaisedButton::clicked, [this, row]() {
--- a/ArchitectureColoredPainting/src/Editor/EditorWidgetItem.cpp
+++ b/ArchitectureColoredPainting/src/Editor/EditorWidgetItem.cpp
@ -1,8 +1,11 @@
 #include "EditorWidgetItem.h"
+#include "EditorWidget.h"
+#include <QTimer>

 EditorWidgetItem::EditorWidgetItem(QString filePath,QWidget *parent) : QWidget(parent)
 {
    QImage x;
+    this->parent = parent;
    displayLayer = nullptr;
    displayElement = nullptr;
    ui.setupUi(this);
@ -12,9 +15,12 @@ EditorWidgetItem::EditorWidgetItem(QString filePath,QWidget *parent) : QWidget(p
    this->filePath = filePath;
    layerInfoDisplayWidget = dynamic_cast<InfoDisplayWidget *>(tabWidget->widget(0));
    elementInfoDisplayWidget = dynamic_cast<ElementPoolWidget *>(tabWidget->widget(1));
+	editorSettingWidget = dynamic_cast<EditorSettingWidget*>(tabWidget->widget(2));
    elementInfoDisplayWidget->enableEdit();
    qDebug() << layerInfoDisplayWidget;
    qDebug() << elementInfoDisplayWidget;
+	connect(editorSettingWidget, &EditorSettingWidget::backgroundColorChanged, this, &EditorWidgetItem::handleBackgroundColorChange);
+	connect(editorSettingWidget, &EditorSettingWidget::projectNameChanged, this, &EditorWidgetItem::handleProjectNameChange);
    connect(previewWindow, &PreviewWindow::refreshElementPreviewByIndex, elementInfoDisplayWidget, &ElementPoolWidget::refreshPictureByIndex);
 	connect(previewWindow, &PreviewWindow::layerInfoChanged, layerInfoDisplayWidget, &InfoDisplayWidget::triggerSelfRefresh);
 	connect(treeWidget, &LayerTreeWidget::displayLayerChange, previewWindow, &PreviewWindow::currentLayerChanged);
@ -53,6 +59,15 @@ EditorWidgetItem::EditorWidgetItem(QString filePath,QWidget *parent) : QWidget(p
 		treeWidget->refresh();
 		treeWidget->addTopLevelItem(treeWidget->root->getQTreeItem());
    }
+    this->backgroundColor = source.value("background-color").toVariant().value<QColor>();
+	this->projectName = source.value("project-name").toString();
+    qDebug() << this->backgroundColor;
+    qDebug() << this->projectName;
+    QTimer::singleShot(300, this, [this]() {
+        	handleBackgroundColorChange(this->backgroundColor);
+	        handleProjectNameChange(this->projectName);
+        });
+
 }

 EditorWidgetItem::~EditorWidgetItem()
@ -100,9 +115,28 @@ void EditorWidgetItem::saveImpl(QString filePath) const
 	json.insert("height", 1080);
 	json.insert("root-layer", source1.value("root-layer"));
    json.insert("elements", source2.value("elements"));
+    json.insert("project-name", this->projectName);
+	json.insert("background-color", QJsonValue::fromVariant(QVariant::fromValue(this->backgroundColor)));
 	QJsonDocument doc(json);
 	QFile file(filePath);
 	file.open(QIODevice::WriteOnly);
 	file.write(doc.toJson());
 	file.close();
+}
+
+void EditorWidgetItem::handleBackgroundColorChange(QColor color)
+{
+	this->backgroundColor = color;
+	previewWindow->setBackgroundColor(color);
+}
+
+void EditorWidgetItem::handleProjectNameChange(QString name)
+{
+	this->projectName = name;
+    auto parent = dynamic_cast<EditorWidget*>(this->parent);
+    qDebug() << name << "   " << parent<<" "<<this;
+    if (parent != nullptr)
+    {
+		parent->renameTab(this, name);
+    }
 }
--- a/ArchitectureColoredPainting/src/Editor/EditorWidgetItem.h
+++ b/ArchitectureColoredPainting/src/Editor/EditorWidgetItem.h
@ -6,6 +6,7 @@
 #include "LayerManager.h"
 #include "LayerTreeWidget.h"
 #include "PreviewWindow.h"
+#include "EditorSettingWidget.h"
 #include "ui_EditorWidgetItem.h"
 #include <QPainter>
 #include <QTreeWidget>
@ -26,11 +27,17 @@ class EditorWidgetItem : public QWidget
    QTabWidget *tabWidget;
    InfoDisplayWidget* layerInfoDisplayWidget;
    ElementPoolWidget* elementInfoDisplayWidget;
+    EditorSettingWidget* editorSettingWidget;
    // QT DATA PART
    LayerWrapper *displayLayer;
    GraphicElement *displayElement;
-    QString filePath;
+    QWidget* parent;
    void saveImpl(QString filePath)const;
+public:
+    // PROJECT INFO
+    QString filePath;
+    QString projectName;
+    QColor backgroundColor;

  public:
    EditorWidgetItem(QString filePath, QWidget *parent = nullptr);
@ -38,6 +45,8 @@ class EditorWidgetItem : public QWidget
    void paintEvent(QPaintEvent *event) override;
    void save() const;
    void saveAs(QString filePath)const;
+    void handleBackgroundColorChange(QColor color);
+    void handleProjectNameChange(QString name);

  private slots:
    void onLayerChange(LayerWrapper *layer);
--- a/ArchitectureColoredPainting/src/Editor/GraphicElement.cpp
+++ b/ArchitectureColoredPainting/src/Editor/GraphicElement.cpp
@ -48,11 +48,11 @@ PixelPath GroupElement::getPaintObject() const
 }

 //TODO: apply styles and send back
-PixelPath SimpleElement::getPaintObject(std::vector<std::shared_ptr<LayerStyle>>* styles) const {
+PixelPath SimpleElement::getPaintObject(const LayerStyleContainer& styles) const {
 	return this->getPaintObject();
 }

-PixelPath GroupElement::getPaintObject(std::vector<std::shared_ptr<LayerStyle>>* styles) const {
+PixelPath GroupElement::getPaintObject(const LayerStyleContainer& styles) const {
 	return getPaintObject();
 }

@ -92,7 +92,7 @@ QJsonObject GroupElement::toJson() const
 	return result;
 }

-void SimpleElement::paint(QPainter* painter, QTransform transform, const vector<std::shared_ptr<LayerStyle>> &styles)
+void SimpleElement::paint(QPainter* painter, QTransform transform, const LayerStyleContainer& styles)
 {
 	painter->save();
 	painter->setTransform(transform);
@ -102,14 +102,14 @@ void SimpleElement::paint(QPainter* painter, QTransform transform, const vector<
 	}
 	else
 	{
-		Renderer::ElementStyleStrokeDemo demo(2);
-		std::shared_ptr<Renderer::ElementStyle> style;
-		style = styles[0];
-		QVector2D scale(transform.m11(), transform.m22());
-		scale /= transform.m33();
-		double maxScale = std::max(scale.x(), scale.y());
+		double angle = atan(transform.m12() / transform.m11());
+		double maxScale;
+		if (fabs(cos(angle))>1e-5)
+			maxScale = std::max(fabs(transform.m11() / cos(angle)), fabs(transform.m22() / cos(angle)));
+		else
+			maxScale = std::max(fabs(transform.m12() / sin(angle)), fabs(transform.m21() / sin(angle)));
 		double pixelRatio = maxScale * QGuiApplication::primaryScreen()->devicePixelRatio();
-		auto [img, mov] = Renderer::ElementRenderer::instance()->drawElement(painterPath, *style, pixelRatio);
+		auto [img, mov] = Renderer::ElementRenderer::instance()->drawElement(painterPath, styles, pixelRatio);
 		transform.translate(mov.x(), mov.y());
 		painter->setTransform(transform.scale(1 / pixelRatio, 1 / pixelRatio));
 		painter->drawImage(0, 0, img);
@ -117,7 +117,7 @@ void SimpleElement::paint(QPainter* painter, QTransform transform, const vector<
 	painter->restore();
 }

-void GroupElement::paint(QPainter* painter, QTransform transform, const vector<std::shared_ptr<LayerStyle>> &styles)
+void GroupElement::paint(QPainter* painter, QTransform transform, const LayerStyleContainer& styles)
 {
 	sourceLayer->paint(painter, transform);
 }
@ -125,7 +125,7 @@ void GroupElement::paint(QPainter* painter, QTransform transform, const vector<s

 QPixmap SimpleElement::getPreview(QSize size)
 {
-	QPixmap result(size + QSize(5,5));
+	QPixmap result(size + QSize(5, 5));
 	QPainter painter(&result);
 	painter.setRenderHint(QPainter::Antialiasing);
 	painter.setRenderHint(QPainter::SmoothPixmapTransform);
@ -143,7 +143,7 @@ QPixmap GroupElement::getPreview(QSize size)
 	painter.setRenderHint(QPainter::SmoothPixmapTransform);
 	sourceLayer->paint(&painter, QTransform(), true);
 	painter.end();
-	QRect rect (cache.getBoundingRect().toRect());
+	QRect rect(cache.getBoundingRect().toRect());
 	rect.setTopLeft(rect.topLeft() - QPoint(5, 5));
 	rect.setBottomRight(rect.bottomRight() + QPoint(5, 5));
 	result = result.copy(rect);
--- a/ArchitectureColoredPainting/src/Editor/GraphicElement.h
+++ b/ArchitectureColoredPainting/src/Editor/GraphicElement.h
@ -2,7 +2,6 @@

 #include "LayerWrapper.h"
 #include "LayerStyle.h"
-#include <QJsonArray>
 #include <QJsonObject>
 #include <QPainterPath>
 #include <QImage>
@ -27,8 +26,8 @@ public:
    // TODO: ¸ÄÎªBitmapPath
 	virtual QJsonObject toJson() const = 0;
    virtual PixelPath getPaintObject() const = 0;
-    virtual PixelPath getPaintObject(std::vector<std::shared_ptr<LayerStyle>>*) const = 0;
-    virtual void paint(QPainter* painter, QTransform transform, const std::vector<std::shared_ptr<LayerStyle>> &styles) = 0;
+    virtual PixelPath getPaintObject(const LayerStyleContainer& styles) const = 0;
+    virtual void paint(QPainter* painter, QTransform transform, const LayerStyleContainer& styles) = 0;
    virtual QPixmap getPreview(QSize size) = 0;
 };

@ -47,8 +46,8 @@ public:
    SimpleElement(QString filePath);
    ~SimpleElement() = default;
    PixelPath getPaintObject() const override;
-    PixelPath getPaintObject(std::vector<std::shared_ptr<LayerStyle>>*) const override;
-    void paint(QPainter* painter, QTransform transform, const std::vector<std::shared_ptr<LayerStyle>> &styles) override;
+    PixelPath getPaintObject(const LayerStyleContainer& styles) const override;
+    void paint(QPainter* painter, QTransform transform, const LayerStyleContainer& styles) override;
    QPixmap getPreview(QSize size) override;
 };

@ -63,9 +62,9 @@ public:
    GroupElement(FolderLayerWrapper* mSourceLayer);
    ~GroupElement() = default;
    PixelPath getPaintObject() const override;
-    PixelPath getPaintObject(std::vector<std::shared_ptr<LayerStyle>>*) const override;
+    PixelPath getPaintObject(const LayerStyleContainer& styles) const override;
    void setSourceLayer(FolderLayerWrapper* sourceLayer);
-    void paint(QPainter* painter, QTransform transform, const std::vector<std::shared_ptr<LayerStyle>> &styles) override;
+    void paint(QPainter* painter, QTransform transform, const LayerStyleContainer& styles) override;
    QPixmap getPreview(QSize size) override;
 };

--- a/ArchitectureColoredPainting/src/Editor/LayerStyle.cpp
+++ b/ArchitectureColoredPainting/src/Editor/LayerStyle.cpp
@ -9,31 +9,29 @@
 #include <QLineEdit>
 #include <QObject>
 #include <QDebug>
-
-const std::vector<std::pair<QString, std::function<std::unique_ptr<LayerStyle>()>>> LayerStyle::types = {
-    {
-        QStringLiteral("描边"),
-        []() { return std::make_unique<StrokeElementLayerStyle>(); }
-    },
-    {
-        QStringLiteral("填充"),
-        []() { return std::make_unique<FillElementLayerStyle>(); }
-    }
-};
+#define _USE_JOIN_VIEW_INPUT_RANGE
+#include <QJsonArray>
+#include <ranges>

 std::vector<Renderer::BaseStyle> StrokeElementLayerStyle::toBaseStyles() const
 {
    std::vector<Renderer::BaseStyle> baseStyles;
    if (enableEachSideIndependent)
    {
-        baseStyles.push_back(Renderer::BaseStyle(std::make_shared<Renderer::TransformStyle>(),
-            strokePair.first));
-        baseStyles.push_back(Renderer::BaseStyle(std::make_shared<Renderer::TransformStyle>(),
-            strokePair.second));
+        if (!radialStroke(strokePair.first)->materialMap.empty())
+        {
+            baseStyles.push_back(Renderer::BaseStyle(std::make_shared<Renderer::TransformStyle>(),
+                strokePair.first));
+        }
+        if (!radialStroke(strokePair.second)->materialMap.empty())
+        {
+            baseStyles.push_back(Renderer::BaseStyle(std::make_shared<Renderer::TransformStyle>(),
+                strokePair.second));
+        }
    }
-    else
+    else if (!radialStroke(strokePair.first)->materialMap.empty())
    {
-        auto material = std::shared_ptr<MaterialStyle>(std::move(strokePair.first->clone()));
+	    const auto material = std::shared_ptr(std::move(strokePair.first->clone()));
        std::dynamic_pointer_cast<MaterialStyleStroke>(material)->strokeType = Renderer::StrokeType::kBothSides;

        baseStyles.push_back(Renderer::BaseStyle(std::make_shared<Renderer::TransformStyle>(), material));
@ -41,50 +39,23 @@ std::vector<Renderer::BaseStyle> StrokeElementLayerStyle::toBaseStyles() const
    return baseStyles;
 }

-QString StrokeElementLayerStyle::getStyleName() const
-{
-    return QStringLiteral("描边");
-}
-
 QWidget* StrokeElementLayerStyle::getInputWidget()
 {
-    if (this->strokePair.first == nullptr)
-    {
-        auto materialMap = std::map<float, Renderer::Material>();
-        this->strokePair.first = std::shared_ptr<Renderer::MaterialStyleStroke>(new Renderer::MaterialStyleStroke(
-			15,
-			Renderer::StrokeType::kLeftSide, Renderer::StrokeEndType::kFlat,
-            std::shared_ptr<Renderer::MaterialStroke>(new Renderer::StrokeRadialGradient(
-				materialMap, false
-			))
-		));
-    }
-    if (this->strokePair.second == nullptr)
-    {
-        auto materialMap = std::map<float, Renderer::Material>();
-        this->strokePair.second = std::shared_ptr<Renderer::MaterialStyleStroke>(new Renderer::MaterialStyleStroke(
-            15,
-            Renderer::StrokeType::kRightSide, Renderer::StrokeEndType::kFlat,
-            std::shared_ptr<Renderer::MaterialStroke>(new Renderer::StrokeRadialGradient(
-                materialMap, false
-            ))
-        ));
-    }
-    QWidget* w = new QWidget;
-    QListView* materialList = new QListView;
+    auto* w = new QWidget;
+    auto* materialList = new QListView;

-    QVBoxLayout* layout = new QVBoxLayout(w);
+    auto* layout = new QVBoxLayout(w);
    layout->setMargin(0);

-    StrokeStyleWidget* leftStrokeView = new StrokeStyleWidget(this->strokePair.first, w);
+    auto* leftStrokeView = new StrokeStyleWidget(this->strokePair.first, w);
    layout->addWidget(leftStrokeView);
-
-    QtMaterialCheckBox* checkEachSideIndependent = new QtMaterialCheckBox(w);
-    checkEachSideIndependent->setText(QStringLiteral("启用两侧独立描边"));
+    
+    auto* checkEachSideIndependent = new QtMaterialCheckBox(w);
+    checkEachSideIndependent->setText(QStringLiteral("ÓÒ²à¶ÀÁ¢Ãè±ß"));
    checkEachSideIndependent->setChecked(enableEachSideIndependent);
    layout->addWidget(checkEachSideIndependent);

-    StrokeStyleWidget* rightStrokeView = new StrokeStyleWidget(this->strokePair.second, w);
+    auto* rightStrokeView = new StrokeStyleWidget(this->strokePair.second, w);
    layout->addWidget(rightStrokeView);
    rightStrokeView->setDisabled(!this->enableEachSideIndependent);

@ -97,39 +68,180 @@ QWidget* StrokeElementLayerStyle::getInputWidget()

 QWidget* StrokeElementLayerStyle::getListDisplayWidget() const
 {
-    QWidget* w = new QWidget;
-    QLabel* name = new QLabel(w);
+    auto* w = new QWidget;
+    auto* name = new QLabel(w);
    name->setText(QStringLiteral("Ãè±ß"));
-    QHBoxLayout* layout = new QHBoxLayout(w);
+    auto* layout = new QHBoxLayout(w);
    layout->setMargin(0);
    layout->addWidget(name);
    return w;
 }

+void LayerStyleContainer::computeNewHash()
+{
+    hash = 0;
+    for (auto& f : styles 
+        | std::views::values
+        | std::views::transform(&LayerStyle::toBaseStyles)
+        | std::views::join
+        | std::views::transform(&Renderer::BaseStyle::material)
+        | std::views::transform(&MaterialStyle::encoded)
+        | std::views::join)
+    {
+        const unsigned int u = *reinterpret_cast<unsigned int*>(&f);
+        hash ^= u + 0x9e3779b9 + (hash << 6) + (hash >> 2);
+    }
+}
+
+LayerStyleContainer LayerStyleContainer::fromJson(const QJsonArray& jsonArray)
+{
+    LayerStyleContainer container;
+    for (const auto& style : jsonArray)
+    {
+        container.useStyle(LayerStyle::fromJson(style.toObject()));
+    }
+    return container;
+}
+
+LayerStyleContainer::LayerStyleContainer() : hash(0)
+{
+    unusedStyles = { {
+        StrokeElementLayerStyle::displayName(),
+        [] { return std::make_unique<StrokeElementLayerStyle>(); }
+    },
+    {
+        FillElementLayerStyle::displayName(),
+        [] { return std::make_unique<FillElementLayerStyle>(); }
+    } };
+}
+
+std::vector<Renderer::BaseStyle> LayerStyleContainer::toBaseStyles() const
+{
+    std::vector<Renderer::BaseStyle> result;
+    for (const auto& style : styles | std::views::values)
+    {
+        auto baseStyles = style->toBaseStyles();
+        result.insert(result.end(),
+            std::make_move_iterator(baseStyles.begin()), 
+            std::make_move_iterator(baseStyles.end()));
+    }
+    return result;
+}
+
+QJsonArray LayerStyleContainer::toJson() const
+{
+    QJsonArray json;
+    for (const auto& style : styles | std::views::values)
+    {
+	    json.append(style->toJson());
+    }
+    return json;
+}
+
+QStringList LayerStyleContainer::unusedStyleNames() const
+{
+    QStringList result;
+    for(const auto& name : unusedStyles | std::views::keys)
+    {
+        result << name;
+    }
+    return result;
+}
+
+std::unique_ptr<LayerStyle> LayerStyleContainer::makeUnusedStyle(const QString& styleName) const
+{
+    return unusedStyles.at(styleName)();
+}
+
+bool LayerStyleContainer::empty() const
+{
+    return styles.empty();
+}
+
+bool LayerStyleContainer::full() const
+{
+    return unusedStyles.empty();
+}
+
+std::map<QString, std::shared_ptr<LayerStyle>>::iterator LayerStyleContainer::begin()
+{
+    return styles.begin();
+}
+
+std::map<QString, std::shared_ptr<LayerStyle>>::iterator LayerStyleContainer::end()
+{
+    return styles.end();
+}
+
+bool LayerStyleContainer::useStyle(const std::shared_ptr<LayerStyle>& style)
+{
+    auto styleNode = unusedStyles.extract(style->getDisplayName());
+    if (styleNode.empty())
+    {
+        return false;
+    }
+    styles[styleNode.key()] = style;
+    usedStyles.insert(std::move(styleNode));
+    return true;
+}
+
+bool LayerStyleContainer::dropStyle(const QString& styleName)
+{
+    auto styleNode = usedStyles.extract(styleName);
+	if (styleNode.empty())
+    {
+	    return false;
+    }
+    styles.erase(styleName);
+    unusedStyles.insert(std::move(styleNode));
+	return true;
+}
+
+inline size_t LayerStyleContainer::getHash() const
+{
+    return hash;
+}
+
+StrokeElementLayerStyle::StrokeElementLayerStyle()
+{
+    const auto materialMap = std::map<float, Renderer::Material>();
+    this->strokePair.first = std::make_shared<MaterialStyleStroke>(
+        7,
+        Renderer::StrokeType::kLeftSide, Renderer::StrokeEndType::kFlat,
+        std::make_shared<Renderer::StrokeRadialGradient>(materialMap, false)
+        );
+
+    this->strokePair.second = std::make_shared<MaterialStyleStroke>(
+	    7,
+	    Renderer::StrokeType::kRightSide, Renderer::StrokeEndType::kFlat,
+        std::make_shared<Renderer::StrokeRadialGradient>(materialMap, false)
+    );
+    
+}
+
 StrokeElementLayerStyle::StrokeElementLayerStyle(PMaterialStyleStroke left, PMaterialStyleStroke right)
 {
    this->strokePair.first = left;
-    this->strokePair.second = right ? right : std::dynamic_pointer_cast<MaterialStyleStroke>(
-        std::shared_ptr<Renderer::MaterialStyle>(std::move(left->clone()))
+    this->strokePair.second = right ? right : std::static_pointer_cast<MaterialStyleStroke>(
+        std::shared_ptr(std::move(left->clone()))
        );
 }

 StrokeElementLayerStyle::StrokeElementLayerStyle(const StrokeElementLayerStyle& other)
 {
-    strokePair.first = std::dynamic_pointer_cast<MaterialStyleStroke>(
-        std::shared_ptr<Renderer::MaterialStyle>(std::move(other.strokePair.first->clone()))
+    strokePair.first = std::static_pointer_cast<MaterialStyleStroke>(
+        std::shared_ptr(std::move(other.strokePair.first->clone()))
        );
-    strokePair.second = std::dynamic_pointer_cast<MaterialStyleStroke>(
-        std::shared_ptr<Renderer::MaterialStyle>(std::move(other.strokePair.second->clone()))
+    strokePair.second = std::static_pointer_cast<MaterialStyleStroke>(
+        std::shared_ptr(std::move(other.strokePair.second->clone()))
        );
    enableEachSideIndependent = other.enableEachSideIndependent;
 }

 QJsonObject StrokeElementLayerStyle::toJson() const
 {
-    // todo: 修改打开逻辑
    QJsonObject json;
-    json["type"] = getTypeName();
+    json["type"] = typeName();
    json["enableEachSideIndependent"] = enableEachSideIndependent;
    json["left"] = EncodeUtil::toBase64<GLfloat>(strokePair.first->encoded());
    json["right"] = EncodeUtil::toBase64<GLfloat>(strokePair.second->encoded());
@ -143,28 +255,24 @@ std::unique_ptr<LayerStyle> StrokeElementLayerStyle::clone() const

 std::vector<Renderer::BaseStyle> FillElementLayerStyle::toBaseStyles() const
 {
+    // TODO: implement
    return std::vector<Renderer::BaseStyle>();
 }

-QString FillElementLayerStyle::getStyleName() const
-{
-    return QStringLiteral("填充");
-}
-
 QWidget* FillElementLayerStyle::getInputWidget()
 {
    // TODO
-    QLineEdit* name = new QLineEdit;
+    auto* name = new QLineEdit;
    name->setText(QStringLiteral("Ìî³ä"));
    return name;
 }

 QWidget* FillElementLayerStyle::getListDisplayWidget() const
 {
-    QWidget* w = new QWidget;
-    QLabel* name = new QLabel(w);
+    auto* w = new QWidget;
+    auto* name = new QLabel(w);
    name->setText(QStringLiteral("Ìî³ä"));
-    QHBoxLayout* layout = new QHBoxLayout(w);
+    auto* layout = new QHBoxLayout(w);
    layout->setMargin(0);
    layout->addWidget(name);
    return w;
@ -192,20 +300,20 @@ std::unique_ptr<LayerStyle> FillElementLayerStyle::clone() const
 std::unique_ptr<LayerStyle> LayerStyle::fromJson(const QJsonObject& json)
 {
    QString type = json["type"].toString();
-    if (type == StrokeElementLayerStyle::getTypeName())
+    if (type == StrokeElementLayerStyle::typeName())
    {
        auto ptr = std::make_unique<StrokeElementLayerStyle>(
-            std::dynamic_pointer_cast<MaterialStyleStroke>(
-                std::shared_ptr<Renderer::MaterialStyle>(std::move(Renderer::MaterialStyle::decoded(EncodeUtil::fromBase64<GLfloat>(json["left"].toString()))))
+            std::static_pointer_cast<MaterialStyleStroke>(
+                std::shared_ptr(std::move(MaterialStyle::decoded(EncodeUtil::fromBase64<GLfloat>(json["left"].toString()))))
                ),
-            std::dynamic_pointer_cast<MaterialStyleStroke>(
-                std::shared_ptr<Renderer::MaterialStyle>(std::move(Renderer::MaterialStyle::decoded(EncodeUtil::fromBase64<GLfloat>(json["right"].toString()))))
+            std::static_pointer_cast<MaterialStyleStroke>(
+                std::shared_ptr(std::move(MaterialStyle::decoded(EncodeUtil::fromBase64<GLfloat>(json["right"].toString()))))
                )
            );
        ptr->enableEachSideIndependent = json["enableEachSideIndependent"].toBool();
        return ptr;
    }
-    else if (type == FillElementLayerStyle::getTypeName())
+    else if (type == FillElementLayerStyle::typeName())
    {
        return std::make_unique<FillElementLayerStyle>();
    }
--- a/ArchitectureColoredPainting/src/Editor/LayerStyle.h
+++ b/ArchitectureColoredPainting/src/Editor/LayerStyle.h
@ -1,11 +1,11 @@
 #pragma once
-#include <map>
 #include <functional>
 #include <utility>
-#include <QWidget>
-#include <QObject>
+#include <set>
+#include <map>
 #include <QListWidget>
 #include <QJsonObject>
+#include <QJsonArray>
 #include "../Renderer/Painting/ElementStyle.h"
 #include "../Renderer/Painting/MaterialStyleStroke.h"
 #include "../Renderer/Painting/MaterialStyleFill.h"
@ -13,64 +13,90 @@
 using Renderer::MaterialStyle;
 using Renderer::MaterialStyleStroke;

-#define STYLE_TYPENAME(name) static QString getTypeName() { return name; }
+#define STYLE_NAME(display_name, type_name) \
+	static QString displayName() { return QStringLiteral(display_name); } \
+	QString getDisplayName() const override { return QStringLiteral(display_name); } \
+	static QString typeName() { return type_name; }
+#define radialStroke(stroke) std::static_pointer_cast<Renderer::StrokeRadialGradient>(stroke->materialStroke)

-/**
- * 在进行Style的添加时，首先创建空对象，然后直接调用getInputWidget()方法
- * 在进行Style的修改时，直接调用getInputWidget()方法
- * 
- * 对于LayerStyle的实现类，应该同时实现ElementStyle，并将相同种类的（如描边或填充）的style整合成一个类，
- * 对于相同的类，一个图层应该只拥有一个
- */
 class LayerStyle : public Renderer::ElementStyle
 {
 public:
-    const static std::vector<std::pair<QString, std::function<std::unique_ptr<LayerStyle>()>>> types;
    static std::unique_ptr<LayerStyle> fromJson(const QJsonObject& json);

-    virtual QString getStyleName() const = 0;
+    virtual QString getDisplayName() const = 0;
    virtual QWidget* getInputWidget() = 0;
    virtual QWidget* getListDisplayWidget() const = 0;
-    virtual ~LayerStyle() {};
+    virtual ~LayerStyle() = default;
    virtual QJsonObject toJson() const = 0;
    virtual std::unique_ptr<LayerStyle> clone() const = 0;
 };

+class LayerStyleContainer : public Renderer::ElementStyle
+{
+    using DisplayNameWithSupplier = std::map<QString, std::function<std::unique_ptr<LayerStyle>()>>;
+private:
+    DisplayNameWithSupplier unusedStyles;
+    DisplayNameWithSupplier usedStyles;
+    std::map<QString, std::shared_ptr<LayerStyle>> styles;
+    size_t hash;
+public:
+    static LayerStyleContainer fromJson(const QJsonArray& jsonArray);
+
+    LayerStyleContainer();
+    std::vector<Renderer::BaseStyle> toBaseStyles() const override;
+    QJsonArray toJson() const;
+
+    bool empty() const;
+    bool full() const;
+    std::map<QString, std::shared_ptr<LayerStyle>>::iterator begin();
+    std::map<QString, std::shared_ptr<LayerStyle>>::iterator end();
+
+    QStringList unusedStyleNames() const;
+    std::unique_ptr<LayerStyle> makeUnusedStyle(const QString& styleName) const;
+    bool useStyle(const std::shared_ptr<LayerStyle>& style);
+    bool dropStyle(const QString& styleName);
+    size_t getHash() const;
+
+    /**
+     * 需要在每次更改后手动调用
+     */
+    void computeNewHash();
+};
+
 class StrokeElementLayerStyle : public LayerStyle
 {
    using PMaterialStyleStroke = std::shared_ptr<MaterialStyleStroke>;
-private:
-    std::pair<PMaterialStyleStroke, PMaterialStyleStroke> strokePair;

 public:
-    STYLE_TYPENAME("stroke")
+    STYLE_NAME("描边","stroke")

-    StrokeElementLayerStyle() = default;
+    StrokeElementLayerStyle();
    StrokeElementLayerStyle(PMaterialStyleStroke left, PMaterialStyleStroke right = nullptr);
    StrokeElementLayerStyle(const StrokeElementLayerStyle& other);
-    ~StrokeElementLayerStyle() = default;
+    ~StrokeElementLayerStyle() override = default;

    std::vector<Renderer::BaseStyle> toBaseStyles() const override;
-    QString getStyleName() const override;
    QWidget* getInputWidget() override;
    QWidget* getListDisplayWidget() const override;
    QJsonObject toJson() const override;
    std::unique_ptr<LayerStyle> clone() const override;

+    std::pair<PMaterialStyleStroke, PMaterialStyleStroke> strokePair;
    bool enableEachSideIndependent = false;
 };

 class FillElementLayerStyle : public LayerStyle
 {
 public:
-    STYLE_TYPENAME("fill")
+    STYLE_NAME("填充","fill")
+
    std::vector<Renderer::BaseStyle> toBaseStyles() const override;
-    QString getStyleName() const override;
    QWidget* getInputWidget() override;
    QWidget* getListDisplayWidget() const override;
    FillElementLayerStyle() = default;
    FillElementLayerStyle(const FillElementLayerStyle& other);
-    ~FillElementLayerStyle() = default;
+    ~FillElementLayerStyle() override = default;
    std::vector<std::shared_ptr<Renderer::MaterialStyleFill>> materialStyles;
    QJsonObject toJson() const override;
    std::unique_ptr<LayerStyle> clone() const override;
--- a/ArchitectureColoredPainting/src/Editor/LayerWrapper.cpp
+++ b/ArchitectureColoredPainting/src/Editor/LayerWrapper.cpp
@ -80,10 +80,7 @@ LeafLayerWrapper::LeafLayerWrapper(QJsonObject json, ElementManager *elementMana
    int elementIndex = json.value("element").toInt();
    wrappedElement = elementManager->getElementById(elementIndex);
    QJsonArray stylesArray = json.value("styles").toArray();
-    for (const auto& style : stylesArray)
-    {
-        styles.push_back(LayerStyle::fromJson(style.toObject()));
-    }
+    styles = LayerStyleContainer::fromJson(stylesArray);
 }

 void LayerWrapper::SimpleProperty::apply(PixelPath&cache)
@ -135,7 +132,7 @@ void LeafLayerWrapper::refresh(LayerWrapper* layer)
    cache.clear();
    if (wrappedElement != nullptr)
    {
-        cache.addPath(wrappedElement->getPaintObject(&(this->styles)));
+        cache.addPath(wrappedElement->getPaintObject(this->styles));
    }
    LayerWrapper::refresh();
 }
@ -245,10 +242,7 @@ QJsonObject LeafLayerWrapper::toJson() const
 	QJsonObject json = LayerWrapper::toJson();
 	json.insert("element", wrappedElement->index);
 	json.insert("is-folder", false);
-    QJsonArray stylesJson;
-    for (auto& style : styles)
-		stylesJson.push_back(style->toJson());
-    json.insert("styles", stylesJson);
+    json.insert("styles", styles.toJson());
 	return json;
 }

--- a/ArchitectureColoredPainting/src/Editor/LayerWrapper.h
+++ b/ArchitectureColoredPainting/src/Editor/LayerWrapper.h
@ -98,8 +98,7 @@ class LeafLayerWrapper : public LayerWrapper
 {
  public:
    GraphicElement *wrappedElement;
-    //const vector<Renderer::ElementStyleStrokeDemo> styles;
-    vector<std::shared_ptr<LayerStyle>> styles;
+    LayerStyleContainer styles;

  public:
 	  ~LeafLayerWrapper() = default;
--- a/ArchitectureColoredPainting/src/Editor/PreviewWindow.cpp
+++ b/ArchitectureColoredPainting/src/Editor/PreviewWindow.cpp
@ -13,6 +13,7 @@ PreviewWindow::PreviewWindow(QWidget *parent) : QOpenGLWidget(parent)
    painter->setRenderHint(QPainter::HighQualityAntialiasing);
    layerManager = nullptr;
    currentLayer = nullptr;
+	backgroundColor = QColor(255, 255, 255, 255);
 }

 void PreviewWindow::initialize(LayerManager *layerManager,QSize windowSize)
@ -44,7 +45,7 @@ void PreviewWindow::initializeGL()

 void PreviewWindow::paintGL()
 {
-    glClearColor(1.0, 1.0, 1.0, 1.0);
+	glClearColor(backgroundColor.redF(), backgroundColor.greenF(), backgroundColor.blueF(), backgroundColor.alphaF());
    glClear(GL_COLOR_BUFFER_BIT);
    painter->begin(this);
    painter->setRenderHint(QPainter::Antialiasing);
@ -112,4 +113,10 @@ void PreviewWindow::mouseMoveEvent(QMouseEvent* event)
 void PreviewWindow::mouseReleaseEvent(QMouseEvent* event)
 {
 	emit layerInfoChanged();
+}
+
+void PreviewWindow::setBackgroundColor(QColor color)
+{
+	this->backgroundColor = color;
+    this->repaint();
 }
--- a/ArchitectureColoredPainting/src/Editor/PreviewWindow.h
+++ b/ArchitectureColoredPainting/src/Editor/PreviewWindow.h
@ -23,6 +23,7 @@ class PreviewWindow : public QOpenGLWidget, protected QOpenGLFunctions
 	QRectF viewportRect;
    LayerWrapper* currentLayer;
    QPointF m_lastPos;
+    QColor backgroundColor;
    void mousePressEvent(QMouseEvent* event) override;
 	void mouseMoveEvent(QMouseEvent* event) override;
 	void mouseReleaseEvent(QMouseEvent* event) override;
@ -35,6 +36,7 @@ class PreviewWindow : public QOpenGLWidget, protected QOpenGLFunctions
    void paintGL() override;
    void resizeGL(int w, int h) override;
    Renderer::ElementRenderer* const getRenderer()const;
+    void setBackgroundColor(QColor color);

  public slots:
    void currentLayerChanged(LayerWrapper*);
--- a/ArchitectureColoredPainting/src/Editor/RightBar/EditorSettingWidget.cpp
+++ b/ArchitectureColoredPainting/src/Editor/RightBar/EditorSettingWidget.cpp
@ -0,0 +1,21 @@
+#include "EditorSettingWidget.h"
+#include <QPushButton>
+#include <QColorDialog>
+#include <QInputDialog>
+
+EditorSettingWidget::EditorSettingWidget(QWidget* parent)
+	: QWidget(parent)
+{
+	ui.setupUi(this);
+	connect(ui.backgroundColorButton, &QPushButton::clicked, this, [this]() {
+			QColor color = QColorDialog::getColor(Qt::white, this, QString::fromLocal8Bit("选择背景颜色"));
+			if (color.isValid())
+			{
+				emit backgroundColorChanged(color);
+			}
+		});
+	connect(ui.renameButton, &QPushButton::clicked, this, [this]() {
+			QString name = QInputDialog::getText(this, QString::fromLocal8Bit("重命名"), QString::fromLocal8Bit("请输入新的项目名称"));
+			emit projectNameChanged(name);
+		});
+}
--- a/ArchitectureColoredPainting/src/Editor/RightBar/EditorSettingWidget.h
+++ b/ArchitectureColoredPainting/src/Editor/RightBar/EditorSettingWidget.h
@ -0,0 +1,21 @@
+#pragma once
+#include <qwidget.h>
+#include "ui_EditorSettingWidget.h"
+
+class EditorSettingWidget :
+    public QWidget
+{
+    Q_OBJECT;
+    
+  private:
+      Ui::EditorSettingWidget ui;
+    
+  public:
+      EditorSettingWidget(QWidget* parent = nullptr);
+
+  signals:
+	  void backgroundColorChanged(QColor);
+      void projectNameChanged(QString);
+    
+};
+
--- a/ArchitectureColoredPainting/src/Editor/RightBar/InfoDisplayWidget.cpp
+++ b/ArchitectureColoredPainting/src/Editor/RightBar/InfoDisplayWidget.cpp
@ -5,7 +5,6 @@
 #include <QListWidget>
 #include <QDialog>
 #include <QComboBox>
-#include <QDialogButtonBox>
 #include <qtmaterialraisedbutton.h>
 #include <qtmaterialflatbutton.h>

@ -81,39 +80,40 @@ void InfoDisplayWidget::generateLayerForm()
        layout->addRow("scale-X:", scaleX);
        layout->addRow("scale-Y:", scaleY);
        layout->setRowWrapPolicy(QFormLayout::DontWrapRows);
-        
-        LeafLayerWrapper* leafP = dynamic_cast<LeafLayerWrapper*>(this->displayLayer);
-        if (leafP) {
-			QListWidget* styleList = new QListWidget(this);

-			QListWidgetItem* header = new QListWidgetItem;
-            QWidget* headerWidget = new QWidget(styleList);
-            QHBoxLayout* headerLayout = new QHBoxLayout;
+        if (auto* leafP = dynamic_cast<LeafLayerWrapper*>(this->displayLayer); leafP) {
+			auto* styleList = new QListWidget(this);

-            QLabel* headerLabel = new QLabel(headerWidget);
+			auto* header = new QListWidgetItem;
+            auto* headerWidget = new QWidget(styleList);
+            auto* headerLayout = new QHBoxLayout;
+
+            auto* headerLabel = new QLabel(headerWidget);
            headerLabel->setText("样式列表");
            headerLabel->setSizePolicy(QSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding));
            
            //QtMaterialRaisedButton* addStyleButton = new QtMaterialRaisedButton("+", headerWidget);
-            QPushButton* addStyleButton = new QPushButton("+", headerWidget);
+            auto* addStyleButton = new QPushButton("+", headerWidget);
            addStyleButton->setFixedSize(QSize(20, 20));
-            if (leafP->styles.size() >= LayerStyle::types.size())
+            if (leafP->styles.full())
            {
                addStyleButton->setDisabled(true);
            }
            else
            {
-                connect(addStyleButton, &QPushButton::clicked, [&, leafP]() {
-                    LayerStyleDialog* dialog = new LayerStyleDialog(nullptr, nullptr, &(leafP->styles));
-                dialog->exec();
-                if (dialog->layerStyle)
-                {
-                    leafP->styles.push_back(dialog->layerStyle);
-                    emit requireRefreshPreview();
-                    emit requireSelfRefresh();
-                    emit requireRefreshElementWidget();
-                }
-                dialog->deleteLater();
+                connect(addStyleButton, &QPushButton::clicked, [&, leafP] {
+                    auto* dialog = new LayerStyleDialog(leafP->styles);
+                    dialog->exec();
+                    if (dialog->layerStyle)
+                    {
+                        leafP->styles.useStyle(dialog->layerStyle);
+                        leafP->styles.computeNewHash();
+
+                        emit requireRefreshPreview();
+                        emit requireSelfRefresh();
+                        emit requireRefreshElementWidget();
+                    }
+                    dialog->deleteLater();
                    });
            }

@ -179,32 +179,35 @@ void InfoDisplayWidget::generateLayerForm()
            {
                leafP->styles.push_back(std::shared_ptr<LayerStyle>(new StrokeElementLayerStyle()));
            }*/
-            std::vector<std::shared_ptr<LayerStyle>>* styles = &(leafP->styles);
-            for (auto styleIterator = styles->begin(); styleIterator != styles->end(); styleIterator++)
+            auto* styles = &leafP->styles;
+            for (auto styleIterator = styles->begin(); styleIterator != styles->end(); ++styleIterator)
            {
-                QListWidgetItem* item = new QListWidgetItem;
-                QWidget* w = new QWidget;
+                auto* item = new QListWidgetItem;
+                auto* w = new QWidget(this);
                item->setSizeHint(QSize(50, 40));
-                QHBoxLayout* layout = new QHBoxLayout;
+                auto* layout = new QHBoxLayout(w);
                layout->setAlignment(Qt::AlignmentFlag::AlignRight);
                //QtMaterialFlatButton* detailButton = new QtMaterialFlatButton(w);
                //QtMaterialFlatButton* removeButton = new QtMaterialFlatButton(w);
-                QPushButton* detailButton = new QPushButton(w);
-                QPushButton* removeButton = new QPushButton(w);
+                auto* detailButton = new QPushButton(w);
+                auto* removeButton = new QPushButton(w);
                detailButton->setText("...");
                detailButton->setFixedSize(QSize(20, 20));
                removeButton->setText("×");
                removeButton->setFixedSize(QSize(20, 20));

                connect(detailButton, &QPushButton::clicked, this,
-                    [this, styleIterator]()
+                    [this, styles, styleIterator]
                    {
-                        LayerStyleDialog* dialog = new LayerStyleDialog(nullptr, *styleIterator);
+                        auto* dialog = 
+							new LayerStyleDialog(*styles, styleIterator->second);
                        dialog->exec();

                        if (dialog->layerStyle)
                        {
-                            (*styleIterator) = dialog->layerStyle;
+                            styleIterator->second = dialog->layerStyle;
+                            styles->computeNewHash();
+
                            emit requireRefreshPreview();
                            emit requireSelfRefresh();
                            emit requireRefreshElementWidget();
@ -213,15 +216,17 @@ void InfoDisplayWidget::generateLayerForm()
                    });

                connect(removeButton, &QPushButton::clicked, this,
-                    [this, styleIterator, styles]()
+                    [this, styleIterator, styles]
                    {
-                        styles->erase(styleIterator);
+                        styles->dropStyle(styleIterator->first);
+                    	styles->computeNewHash();
+
                        emit requireRefreshPreview();
                        emit requireSelfRefresh();
                        emit requireRefreshElementWidget();
                    });

-                QWidget* styleDisplayWidget = (*styleIterator)->getListDisplayWidget();
+                QWidget* styleDisplayWidget = styleIterator->second->getListDisplayWidget();
                styleDisplayWidget->setParent(w);
                styleDisplayWidget->setSizePolicy(QSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding));

--- a/ArchitectureColoredPainting/src/Renderer/Model.cpp
+++ b/ArchitectureColoredPainting/src/Renderer/Model.cpp
@ -273,7 +273,8 @@ GLuint Renderer::Model::loadPainting(std::string path)
 		}
 		else if (path == "1.json")
 		{
-			float widths[] = { 0.43, 0.43 * 0.25 / 0.15, 0.43 * 0.25 / 0.15 };
+			painting.backgroundColor = QColor(196, 81, 35);
+			float widths[] = { 0.22, 0.22 * 0.25 / 0.15, 0.22 * 0.25 / 0.15 };
 			QPainterPath painterPaths[6];
 			for (int i = 0; i < 6; i++)
 				if (!SvgFileLoader().loadSvgFile(QString(std::format("../svg/{}.svg", i + 1).c_str()), painterPaths[i]))
--- a/ArchitectureColoredPainting/src/Renderer/Painting/Painting.cpp
+++ b/ArchitectureColoredPainting/src/Renderer/Painting/Painting.cpp
@ -9,7 +9,7 @@ using namespace Renderer;

 constexpr int kMaxLineCount = 20;

-Painting::Painting()
+Painting::Painting(QColor backgroundColor) : backgroundColor(backgroundColor)
 {
 }

@ -171,18 +171,21 @@ void Painting::generateBuffers(QOpenGLFunctions_4_5_Core* glFunc)
 		//std::cout << std::format("{} {} {} {}\n", contourBuffer->bvhOffset, stylePool[i.first->style], contourBuffer->pointsOffset, contourBuffer->linesOffset);
 	}

-	glFunc->glCreateBuffers(5, buffers.data());
+	glFunc->glCreateBuffers(6, buffers.data());
 	GLuint& bvhSSBO = buffers[0];
 	GLuint& bvhBoundSSBO = buffers[1];
 	GLuint& elementOffsetSSBO = buffers[2];
 	GLuint& elementIndexSSBO = buffers[3];
 	GLuint& elementDataSSBO = buffers[4];
+	GLuint& backgroundColorUBO = buffers[5];

 	glFunc->glNamedBufferData(buffers[0], bvhChildren.size() * sizeof(bvhChildren[0]), bvhChildren.data(), GL_STATIC_READ);
 	glFunc->glNamedBufferData(buffers[1], bvhBounds.size() * sizeof(bvhBounds[0]), bvhBounds.data(), GL_STATIC_READ);
 	glFunc->glNamedBufferData(buffers[2], elementOffsets.size() * sizeof(elementOffsets[0]), elementOffsets.data(), GL_STATIC_READ);
 	glFunc->glNamedBufferData(buffers[3], elementIndex.size() * sizeof(elementIndex[0]), elementIndex.data(), GL_STATIC_READ);
 	glFunc->glNamedBufferData(buffers[4], elementData.size() * sizeof(elementData[0]), elementData.data(), GL_STATIC_READ);
+	glm::vec3 color(backgroundColor.redF(), backgroundColor.greenF(), backgroundColor.blueF());
+	glFunc->glNamedBufferData(buffers[5], sizeof(glm::vec3), &color, GL_STATIC_READ);
 }

 GLuint Renderer::Painting::getElementCount()
--- a/ArchitectureColoredPainting/src/Renderer/Painting/Painting.h
+++ b/ArchitectureColoredPainting/src/Renderer/Painting/Painting.h
@ -64,9 +64,10 @@ namespace Renderer
 		std::vector<GLuint> elementIndex;
 		std::vector<GLfloat> elementData;
 		int paintingId = 0;
-		std::array<GLuint, 5> buffers;
+		std::array<GLuint, 6> buffers;
+		QColor backgroundColor;

-		Painting();
+		Painting(QColor backgroundColor = Qt::white);
 		void addElement(const Element& element, const ElementTransform& transform);
 		void addElement(std::shared_ptr<Element> element, QVector4D bound, float rotation, int zIndex);
 		void generateBuffers(QOpenGLFunctions_4_5_Core* glFunc);
--- a/ArchitectureColoredPainting/src/Renderer/VirtualTextureManager.cpp
+++ b/ArchitectureColoredPainting/src/Renderer/VirtualTextureManager.cpp
@ -126,6 +126,7 @@ std::uint16_t Renderer::VirtualTextureManager::createVirtualTexture(Painting pai

 	for (int i = 0; i < 5; i++)
 		glMain->BindBufferBase(GL_SHADER_STORAGE_BUFFER, i, painting.buffers[i]);
+	glMain->BindBufferBase(GL_UNIFORM_BUFFER, 1, painting.buffers[5]);

 	for (auto level = levels - 1; level < levels; ++level)
 	{
@ -143,7 +144,7 @@ std::uint16_t Renderer::VirtualTextureManager::createVirtualTexture(Painting pai
 					GL_TRUE);

 				program.bind();
-				glMain->Uniform2i(gl->GetUniformLocation(program.programId(), "pixelOffset"), static_cast<GLsizei>(pageSize) * i, static_cast<GLsizei>(pageSize) * j);
+				glMain->Uniform2i(0 /*pixelOffset*/, static_cast<GLsizei>(pageSize) * i, static_cast<GLsizei>(pageSize) * j);
 				glMain->BindImageTexture(0, baseColor, level, GL_FALSE, 0, GL_READ_WRITE, GL_RGBA8);
 				glMain->BindImageTexture(1, metallicRoughness, level, GL_FALSE, 0, GL_READ_WRITE, GL_RG8);
 				glMain->DispatchCompute(pageSize / 8, pageSize / 8, 1);
@ -190,6 +191,7 @@ void Renderer::VirtualTextureManager::pageCommitmentById(const glm::u16vec2& pag
 		program.bind();
 		for (int i = 0; i < 5; i++)
 			gl->BindBufferBase(GL_SHADER_STORAGE_BUFFER, i, painting.buffers[i]);
+		glMain->BindBufferBase(GL_UNIFORM_BUFFER, 1, painting.buffers[5]);
 		gl->Uniform2i(gl->GetUniformLocation(program.programId(), "pixelOffset"), static_cast<GLsizei>(pageSize) * page.x, static_cast<GLsizei>(pageSize) * page.y);
 		gl->BindImageTexture(0, painting.baseColor, level, GL_FALSE, 0, GL_READ_WRITE, GL_RGBA8);
 		gl->BindImageTexture(1, painting.metallicRoughness, level, GL_FALSE, 0, GL_READ_WRITE, GL_RG8);
--- a/ArchitectureColoredPainting/src/Renderer/VirtualTextureManager.h
+++ b/ArchitectureColoredPainting/src/Renderer/VirtualTextureManager.h
@ -15,7 +15,7 @@ namespace Renderer
 	{
 		GLuint baseColor;
 		GLuint metallicRoughness;
-		std::array<GLuint, 5> buffers;
+		std::array<GLuint, 6> buffers;
 	};

 	class VirtualTextureManager
--- a/ArchitectureColoredPainting/src/main.cpp
+++ b/ArchitectureColoredPainting/src/main.cpp
@ -5,6 +5,7 @@
 #include <iostream>
 #include <format>
 #include "consoleapi2.h"
+#include <lib/qtmaterialstyle.h>

 extern "C"
 {
@ -50,6 +51,9 @@ int main(int argc, char* argv[])
 	QApplication::setHighDpiScaleFactorRoundingPolicy(Qt::HighDpiScaleFactorRoundingPolicy::PassThrough);
 	QApplication a(argc, argv);
 	Q_INIT_RESOURCE(resources);
+	QtMaterialTheme theme;
+	theme.setColor("primary1", QColor(0, 90, 158));
+	QtMaterialStyle::instance().setTheme(&theme);
 	//FramelessHelper::Core::setApplicationOSThemeAware();
 	FramelessConfig::instance()->set(Global::Option::ForceNonNativeBackgroundBlur);
 	//FramelessConfig::instance()->set(Global::Option::EnableBlurBehindWindow);
--- a/data.json
+++ b/data.json
@ -1,4 +1,6 @@
 {
+  "project-name": "样例1",
+  "background-color": "#ffffff",
  "height": 1080,
  "width": 1080,
  "elements": [
Author	SHA1	Message	Date
ArgonarioD	73719905db	优化了一些bad smells	2023-03-18 03:49:15 +08:00
ArgonarioD	789d282393	[editor] 添加了LayerStyleContainer，重构了部分代码	2023-03-18 03:46:49 +08:00
ArgonarioD	fb7caf407c	[stroke] 对GUI做出了一些改善	2023-03-17 20:55:41 +08:00
ArgonarioD	096c3ac848	merge	2023-03-17 16:20:34 +08:00
karlis	9e4cdb3a63	添加项目名称和背景颜色字段	2023-03-17 14:14:07 +08:00
wuyize	6a09bdd32c	FIX: GraphicElement中pixelRatio计算错误	2023-03-17 12:29:31 +08:00
wuyize	2569b07233	Renderer部分Painting支持设置背景颜色	2023-03-17 11:54:43 +08:00
ArgonarioD	81bb1b4b86	[editor/style] 完成StrokeStyle的序列化和反序列化 [stroke] 取消创建StrokeStyle时的初值	2023-03-16 20:22:03 +08:00