80.qt qml-QianWindow炫酷界面框架-新增Canvas动态背景

如下图所示:

 

 动图如下所示:

1.为什么要加Canvas动态背景功能?

如果我们使用图片,对于分辨率大的显示时,如果图片太小会失真,如果图片太大会占用很大内存,而且如果是动态图背景,那么至少40MB大小了.

所以我们增加Canvas动态背景功能,而且Canvas还可以根据系统性能我们来进行内部代码优化.比单色背景有趣的多,后面会陆续增加其它好看的Canvas背景

CanvasSilk.qml 代码如下所示:

import QtQuick 2.14
import "CanvasSilkPaint.js" as CanvasSilk

Canvas{
    id:canvas
    property bool rebuild: false
    property int  tickSpeed: 9
    property real colorDepth: 1.0

    antialiasing: true

    onVisibleChanged: {
        if(visible) {
            canvas.requestPaint()
        }
    }

    onWidthChanged: {
        if(!stopAnimation.running)  stopAnimation.start()
    }
    onHeightChanged: {
        if(!stopAnimation.ru