[Controls] Rework nemo icon

Author: neochapay

CMakeLists.txt

@@ -25,7 +25,7 @@ endif()
 
 enable_testing()
 
-find_package(Qt6 COMPONENTS Core Gui Qml Quick ShaderTools Test REQUIRED)
+find_package(Qt6 COMPONENTS Core Gui Qml Quick Test REQUIRED)
 find_package(PkgConfig REQUIRED)
 pkg_check_modules(MLITE mlite6 IMPORTED_TARGET)
 pkg_check_modules(GLACIER glacierapp IMPORTED_TARGET)

examples/touch/content/NemoIconPage.qml

@@ -0,0 +1,63 @@
+/****************************************************************************************
+**
+** Copyright (C) 2026 Chupligin Sergey <neochapay@gmail.com>
+** All rights reserved.
+**
+** You may use this file under the terms of BSD license as follows:
+**
+** Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are met:
+**     * Redistributions of source code must retain the above copyright
+**       notice, this list of conditions and the following disclaimer.
+**     * Redistributions in binary form must reproduce the above copyright
+**       notice, this list of conditions and the following disclaimer in the
+**       documentation and/or other materials provided with the distribution.
+**     * Neither the name of the author nor the
+**       names of its contributors may be used to endorse or promote products
+**       derived from this software without specific prior written permission.
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+** ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+** WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+** DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDERS OR CONTRIBUTORS BE LIABLE FOR
+** ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+** (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+** LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+** ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+** SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+**
+****************************************************************************************/
+
+import QtQuick
+import QtQuick.Controls
+
+import Nemo
+import Nemo.Controls
+
+Page {
+    id: root
+
+    headerTools: HeaderToolsLayout {
+        showBackButton: true;
+        title: qsTr("Nemo Icons")
+    }
+    allowedOrientations: Qt.PortraitOrientation | Qt.LandscapeOrientation | Qt.InvertedLandscapeOrientation | Qt.InvertedPortraitOrientation
+
+    Column {
+        spacing: Theme.itemSpacingMedium
+        anchors.centerIn: parent
+        //fontawesome
+        NemoIcon {
+            source: "image://theme/compass"
+            color: "blue"
+        }
+        //fontawesome
+        NemoIcon {
+            width: height
+            height: Theme.itemHeightExtraLarge
+            source: "image://theme/bell"
+            color: "red"
+        }
+    }
+}

examples/touch/glacier-components.qml

@@ -1,7 +1,7 @@
 /****************************************************************************
 **
 ** Copyright (C) 2013 Digia Plc and/or its subsidiary(-ies).
-** Copyright (C) 2017-2025 Chupligin Sergey <neochapay@gmail.com>
+** Copyright (C) 2017-2026 Chupligin Sergey <neochapay@gmail.com>
 ** Contact: http://www.qt-project.org/legal
 **
 ** This file is part of the Qt Quick Controls module of the Qt Toolkit.
@@ -134,9 +134,13 @@ ApplicationWindow {
             page: "content/DialogsPage.qml"
         }
         ListElement {
-            title: qsTr("Icons")
+            title: qsTr("Icon button")
             page: "content/IconPage.qml"
         }
+        ListElement {
+            title: qsTr("Nemo colorized icon")
+            page: "content/NemoIconPage.qml"
+        }
         ListElement {
             title: qsTr("Notifications")
             page: "content/NotificationsPage.qml"

examples/touch/glacier-components.qrc

@@ -23,5 +23,6 @@
         <file>content/RingIndicatorPage.qml</file>
         <file>images/example.jpg</file>
         <file>images/textinput.png</file>
+        <file>content/NemoIconPage.qml</file>
     </qresource>
 </RCC>

src/controls/CMakeLists.txt

@@ -77,16 +77,6 @@ qt6_add_resources(${PROJECT}
         images/no-icon.png
 )
 
-qt6_add_shaders(${PROJECT} "shaders"
-    BATCHABLE
-    PRECOMPILE
-    OPTIMIZED
-    PREFIX
-        "/"
-    FILES
-        "qml/shaders/NemoIcon.frag"
-    )
-
 target_link_libraries(${PROJECT} PUBLIC
     Qt6::Core
     Qt6::Qml

src/controls/qml/NemoIcon.qml

@@ -1,6 +1,6 @@
 /****************************************************************************************
 **
-** Copyright (C) 2019-2021 Chupligin Sergey <neochapay@gmail.com>
+** Copyright (C) 2019-2026 Chupligin Sergey <neochapay@gmail.com>
 ** All rights reserved.
 **
 ** You may use this file under the terms of BSD license as follows:
@@ -29,20 +29,20 @@
 **
 ****************************************************************************************/
 
-import QtQuick 2.6
+import QtQuick
+import QtQuick.Effects
+
 import Nemo
 
 Image {
     id: nemoIcon
     property bool colorized: true
     property color color: Theme.textColor
 
-    layer.effect: ShaderEffect {
-        id: shaderItem
-        property color color: nemoIcon.color
-        property variant source: nemoIcon
-        fragmentShader: "shaders/NemoIcon.frag.qsb"
+    MultiEffect {
+        source: nemoIcon
+        anchors.fill: parent
+        colorization: 1
+        colorizationColor: nemoIcon.color
     }
-    layer.enabled: colorized
-    layer.samplerName: "source"
 }