QmlBook in chinese 编程之一 ------（大风车吱悠悠的转）

       之前说要把qml搞一下，那就搞一下吧，本章例子是QmlBook in chinese 中的第一个开门见山的例子，大风车。后面我就按照这本书来给大家记录下，大家也可以去对应官网去看例子，基本上例子都是在学习的。

       老规矩，先看效果图吧：

先做好图片的准备 工程建立以后，然后就可以编写对应代码了

代码部分： 

import QtQuick 2.12
//import QtQuick.Window 2.12
import QtGraphicalEffects 1.0

Image {
    id: root
    source: "images/background.png"
    property int blurRadius: 0
    Image {
        id: pole
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.bottom: parent.bottom
        source: "images/pole.png"
    }

    Image {
        id: wheel
        anchors.centerIn: parent
        source: "images/pinwheel.png"

        Behavior on rotation {
            NumberAnimation{
                duration: 250
            }
        }

        layer.effect: FastBlur{
            id:blur
            radius: root.blurRadius
            Behavior on radius {
                NumberAnimation{
                    duration: 250
                }
            }

        }
        layer.enabled: true
    }

    MouseArea{
        anchors.fill: parent
        onPressed: {
            wheel.rotation += 90
            root.blurRadius = 16
        }
        onReleased: {
            root.blurRadius = 0
        }
    }
}

 其实就是每个图片放到对应位置，这里每个知识点后面都会讲解，其实就是转化为功能，让图片动起来，让你感觉到图片在动。

 本书的链接：qmlBook in chinese 提取码：6hfv 
 本例子的链接：本章的例子 提取码：ysqq 
 

喜欢我博客的同学可以关注我博客，后期会把自己积累的学到与积累到的代码与项目分享出来，一起进步。