Add QmlGrayImage

Author: zhengtianzuo

QmlGrayImage/1.png

@@ -0,0 +1,13 @@
+#-------------------------------------------------
+#
+# Copyright (C) 2003-2103 CamelSoft Corporation
+#
+#-------------------------------------------------
+
+QT += qml quick
+
+CONFIG += c++11
+
+SOURCES += main.cpp
+
+RESOURCES += qml.qrc

QmlGrayImage/QmlGrayImage.pro

@@ -0,0 +1,20 @@
+/*!
+ *@file main.cpp
+ *@brief 程序主文件
+ *@version 1.0
+ *@section LICENSE Copyright (C) 2003-2103 CamelSoft Corporation
+ *@author zhengtianzuo
+*/
+#include <QGuiApplication>
+#include <QQmlApplicationEngine>
+
+int main(int argc, char *argv[])
+{
+    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
+    QGuiApplication app(argc, argv);
+
+    QQmlApplicationEngine engine;
+    engine.load(QUrl(QLatin1String("qrc:/main.qml")));
+
+    return app.exec();
+}

QmlGrayImage/main.cpp

@@ -0,0 +1,38 @@
+/*!
+ *@file main.qml
+ *@brief 主文件
+ *@version 1.0
+ *@section LICENSE Copyright (C) 2003-2103 CamelSoft Corporation
+ *@author zhengtianzuo
+*/
+import QtQuick 2.7
+import QtQuick.Controls 2.0
+import QtGraphicalEffects 1.0
+
+ApplicationWindow {
+    visible: true
+    width: 400
+    height: 300
+    title: qsTr("Qml图片转灰度")
+
+    Row{
+        anchors.centerIn: parent
+
+        Image {
+            id: source
+            source: "qrc:/1.png"
+            smooth: true
+        }
+
+        Image {
+            id: target
+            source: "qrc:/1.png"
+            smooth: true
+            Desaturate {
+                anchors.fill: parent
+                source: parent
+                desaturation: 1.0
+            }
+        }
+    }
+}

QmlGrayImage/main.qml

@@ -0,0 +1,6 @@
+<RCC>
+    <qresource prefix="/">
+        <file>main.qml</file>
+        <file>1.png</file>
+    </qresource>
+</RCC>

QmlGrayImage/qml.qrc

@@ -29,4 +29,4 @@ SUBDIRS += QmlToggleButton
 SUBDIRS += QmlCircularProgress
 SUBDIRS += QmlFontList
 SUBDIRS += QmlFlipImage
-
+SUBDIRS += QmlGrayImage

QmlGrayImage/show.jpg

@@ -127,3 +127,8 @@ QmlFlipImage: Qml翻转效果
 
 ![](https://github.com/zhengtianzuo/QtQuickExamples/blob/master/QmlFlipImage/show.gif?raw=true)
 
+
+QmlGrayImage: Qml图片转灰度
+
+![](https://github.com/zhengtianzuo/QtQuickExamples/blob/master/QmlGrayImage/show.jpg?raw=true)
+