update

src/FluWatermark.cpp

@@ -0,0 +1,45 @@
+#include "FluWatermark.h"
+
+FluWatermark::FluWatermark(QQuickItem* parent) : QQuickPaintedItem(parent)
+{
+    gap(QPoint(100,100));
+    offset(QPoint(_gap.x()/2,_gap.y()/2));
+    rotate(22);
+    setZ(9999);
+    textColor(QColor(222,222,222,222));
+    textSize(16);
+    connect(this,&FluWatermark::textColorChanged,this,[=]{update();});
+    connect(this,&FluWatermark::gapChanged,this,[=]{update();});
+    connect(this,&FluWatermark::offsetChanged,this,[=]{update();});
+    connect(this,&FluWatermark::textChanged,this,[=]{update();});
+    connect(this,&FluWatermark::rotateChanged,this,[=]{update();});
+    connect(this,&FluWatermark::textSizeChanged,this,[=]{update();});
+}
+
+void FluWatermark::paint(QPainter* painter)
+{
+    QFont font;
+    font.setPixelSize(_textSize);
+    painter->setFont(font);
+    painter->setPen(_textColor);
+    QFontMetricsF fontMetrics(font);
+    qreal fontWidth = fontMetrics.horizontalAdvance(_text);
+    qreal fontHeight = fontMetrics.height();
+    int stepX =  fontWidth + _gap.x();
+    int stepY =  fontHeight + _gap.y();
+    int rowCount = width() / stepX+1;
+    int colCount = height() / stepY+1;
+    for (int r = 0; r < rowCount; r++)
+    {
+        for (int c = 0; c < colCount; c++)
+        {
+            qreal centerX = stepX * r + _offset.x() + fontWidth / 2.0;
+            qreal centerY = stepY * c + _offset.y() + fontHeight / 2.0;
+            painter->save();
+            painter->translate(centerX, centerY);
+            painter->rotate(_rotate);
+            painter->drawText(QRectF(-fontWidth / 2.0, -fontHeight / 2.0, fontWidth, fontHeight), _text);
+            painter->restore();
+        }
+    }
+}

src/FluWatermark.h

@@ -0,0 +1,25 @@
+#ifndef FLUWATERMARK_H
+#define FLUWATERMARK_H
+
+#include <QQuickItem>
+#include <QQuickPaintedItem>
+#include <QPainter>
+#include "stdafx.h"
+
+class FluWatermark : public QQuickPaintedItem
+{
+    Q_OBJECT
+    Q_PROPERTY_AUTO(QString,text)
+    Q_PROPERTY_AUTO(QPoint,gap)
+    Q_PROPERTY_AUTO(QPoint,offset);
+    Q_PROPERTY_AUTO(QColor,textColor);
+    Q_PROPERTY_AUTO(int,rotate);
+    Q_PROPERTY_AUTO(int,textSize);
+    QML_NAMED_ELEMENT(FluWatermark)
+public:
+    explicit FluWatermark(QQuickItem *parent = nullptr);
+    void paint(QPainter* painter) override;
+
+};
+
+#endif // FLUWATERMARK_H

src/imports/FluentUI/Controls/FluAcrylic.qml

@@ -11,36 +11,30 @@ FluItem {
     property alias target : effect_source.sourceItem
     property int blurRadius: 32
     property rect targetRect : Qt.rect(control.x, control.y, control.width, control.height)
-
     ShaderEffectSource {
         id: effect_source
         anchors.fill: parent
         visible: false
         sourceRect: control.targetRect
     }
-
     FastBlur {
         id:fast_blur
         anchors.fill: parent
         source: effect_source
         radius: control.blurRadius
     }
-
     Rectangle{
         anchors.fill: parent
         color: Qt.rgba(255, 255, 255, luminosity)
     }
-
     Rectangle{
         anchors.fill: parent
         color: Qt.rgba(tintColor.r, tintColor.g, tintColor.b, tintOpacity)
     }
-
     Image{
         anchors.fill: parent
         source: "../Image/noise.png"
         fillMode: Image.Tile
         opacity: control.noiseOpacity
     }
-
 }

src/imports/FluentUI/Controls/FluAutoSuggestBox.qml

@@ -10,7 +10,6 @@ FluTextBox{
     signal itemClicked(var data)
     signal handleClicked
     id:control
-    width: 300
     Component.onCompleted: {
         loadData()
     }

src/imports/FluentUI/Controls/FluColorPicker.qml

@@ -76,4 +76,7 @@ Button{
             popup.open()
         }
     }
+    function setColor(color){
+        container.setColor(color)
+    }
 }

src/imports/FluentUI/Controls/FluMultilineTextBox.qml

@@ -12,7 +12,6 @@ TextArea{
     property color placeholderFocusColor: FluTheme.dark ? Qt.rgba(152/255,152/255,152/255,1) : Qt.rgba(141/255,141/255,141/255,1)
     property color placeholderDisableColor: FluTheme.dark ? Qt.rgba(131/255,131/255,131/255,1) : Qt.rgba(160/255,160/255,160/255,1)
     id:control
-    width: 300
     enabled: !disabled
     color: {
         if(!enabled){
@@ -37,7 +36,10 @@ TextArea{
         return placeholderNormalColor
     }
     selectByMouse: true
-    background: FluTextBoxBackground{ inputItem: control }
+    background: FluTextBoxBackground{
+        inputItem: control
+        implicitWidth: 240
+    }
     Keys.onEnterPressed: (event)=> d.handleCommit(event)
     Keys.onReturnPressed:(event)=> d.handleCommit(event)
     QtObject{

src/imports/FluentUI/Controls/FluPasswordBox.qml

@@ -13,7 +13,6 @@ TextField{
     property color placeholderFocusColor: FluTheme.dark ? Qt.rgba(152/255,152/255,152/255,1) : Qt.rgba(141/255,141/255,141/255,1)
     property color placeholderDisableColor: FluTheme.dark ? Qt.rgba(131/255,131/255,131/255,1) : Qt.rgba(160/255,160/255,160/255,1)
     id:control
-    width: 300
     enabled: !disabled
     color: {
         if(!enabled){
@@ -41,6 +40,7 @@ TextField{
     rightPadding: icon_end.visible ? 50 : 30
     background: FluTextBoxBackground{
         inputItem: control
+        implicitWidth: 240
         FluIcon{
             id:icon_end
             iconSource: control.iconSource

src/imports/FluentUI/Controls/FluTextBox.qml

@@ -15,7 +15,6 @@ TextField{
     property int iconRightMargin: icon_end.visible ? 25 : 5
     property bool cleanEnabled: true
     id:control
-    width: 300
     padding: 8
     leftPadding: padding+2
     enabled: !disabled
@@ -42,6 +41,7 @@ TextField{
     rightPadding: icon_end.visible ? 50 : 30
     background: FluTextBoxBackground{
         inputItem: control
+        implicitWidth: 240
         FluIcon{
             id:icon_end
             iconSource: control.iconSource