Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. module "QtQuick.Effects" is not installed - in Design mode of Qt Creator
QtWS25 Last Chance

module "QtQuick.Effects" is not installed - in Design mode of Qt Creator

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
4 Posts 1 Posters 1.1k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • P Offline
    P Offline
    petero3
    wrote on 31 May 2023, 08:45 last edited by petero3
    #1

    Trying to preview blur or glow effects in Design mode of Qt Creator.
    MultiEffect blur works when actually running the app, but in Design mode, I get the warning triangles: "module "QtQuick.Effects" is not installed" and "Item could not be created." And the effect is not visible.

    Is MultiEffect not supported in Design mode?
    If not, which blur/glow effects are supported in Design mode?

    https://doc.qt.io/qt-6/qml-qtquick-effects-multieffect.html
    No caveat mentioned here?

    https://doc.qt.io/qtcreator/creator-quick-ui-forms.html
    This says that Shader Effect component is not supported in UI files. But doesn't explicitly mention MultiEffect? Or explain why? Or give workarounds/alternatives?

    import QtQuick
    import QtQuick.Window
    import QtQuick.Effects
    
    Window {
        width: 640
        height: 480
        visible: true
        title: qsTr("Hello World")   
    
        Item {
            anchors.fill: parent
    
            Rectangle {
                id: myrect
                anchors.centerIn: parent
                width: 240
                height: 240
                color: "#ff0000"
            }
    
            MultiEffect {
                source: myrect
                anchors.fill: myrect
                blurEnabled: true
                blurMax: 64
                blur: 1.0
            }
        }
    }
    

    Thank you
    -- Peter

    Qt Creator 10.0.1
    Based on Qt 6.4.3 (GCC 10.3.1 20210422 (Red Hat 10.3.1-1), x86_64)
    Built on May 4 2023 01:14:39
    From revision d2b3c31e04

    Ubuntu 22.04.2 LTS
    GNOME 42.5
    Wayland

    Screenshot from 2023-05-31 09-30-02.png

    P 3 Replies Last reply 31 May 2023, 13:18
    0
    • P petero3
      31 May 2023, 08:45

      Trying to preview blur or glow effects in Design mode of Qt Creator.
      MultiEffect blur works when actually running the app, but in Design mode, I get the warning triangles: "module "QtQuick.Effects" is not installed" and "Item could not be created." And the effect is not visible.

      Is MultiEffect not supported in Design mode?
      If not, which blur/glow effects are supported in Design mode?

      https://doc.qt.io/qt-6/qml-qtquick-effects-multieffect.html
      No caveat mentioned here?

      https://doc.qt.io/qtcreator/creator-quick-ui-forms.html
      This says that Shader Effect component is not supported in UI files. But doesn't explicitly mention MultiEffect? Or explain why? Or give workarounds/alternatives?

      import QtQuick
      import QtQuick.Window
      import QtQuick.Effects
      
      Window {
          width: 640
          height: 480
          visible: true
          title: qsTr("Hello World")   
      
          Item {
              anchors.fill: parent
      
              Rectangle {
                  id: myrect
                  anchors.centerIn: parent
                  width: 240
                  height: 240
                  color: "#ff0000"
              }
      
              MultiEffect {
                  source: myrect
                  anchors.fill: myrect
                  blurEnabled: true
                  blurMax: 64
                  blur: 1.0
              }
          }
      }
      

      Thank you
      -- Peter

      Qt Creator 10.0.1
      Based on Qt 6.4.3 (GCC 10.3.1 20210422 (Red Hat 10.3.1-1), x86_64)
      Built on May 4 2023 01:14:39
      From revision d2b3c31e04

      Ubuntu 22.04.2 LTS
      GNOME 42.5
      Wayland

      Screenshot from 2023-05-31 09-30-02.png

      P Offline
      P Offline
      petero3
      wrote on 31 May 2023, 13:18 last edited by
      #2

      @petero3
      PS. layer.samples also seems to work (for smoothing edges) at runtime, but not in Design mode of Qt Creator.

      1 Reply Last reply
      0
      • P petero3 referenced this topic on 1 Jun 2023, 12:39
      • P petero3
        31 May 2023, 08:45

        Trying to preview blur or glow effects in Design mode of Qt Creator.
        MultiEffect blur works when actually running the app, but in Design mode, I get the warning triangles: "module "QtQuick.Effects" is not installed" and "Item could not be created." And the effect is not visible.

        Is MultiEffect not supported in Design mode?
        If not, which blur/glow effects are supported in Design mode?

        https://doc.qt.io/qt-6/qml-qtquick-effects-multieffect.html
        No caveat mentioned here?

        https://doc.qt.io/qtcreator/creator-quick-ui-forms.html
        This says that Shader Effect component is not supported in UI files. But doesn't explicitly mention MultiEffect? Or explain why? Or give workarounds/alternatives?

        import QtQuick
        import QtQuick.Window
        import QtQuick.Effects
        
        Window {
            width: 640
            height: 480
            visible: true
            title: qsTr("Hello World")   
        
            Item {
                anchors.fill: parent
        
                Rectangle {
                    id: myrect
                    anchors.centerIn: parent
                    width: 240
                    height: 240
                    color: "#ff0000"
                }
        
                MultiEffect {
                    source: myrect
                    anchors.fill: myrect
                    blurEnabled: true
                    blurMax: 64
                    blur: 1.0
                }
            }
        }
        

        Thank you
        -- Peter

        Qt Creator 10.0.1
        Based on Qt 6.4.3 (GCC 10.3.1 20210422 (Red Hat 10.3.1-1), x86_64)
        Built on May 4 2023 01:14:39
        From revision d2b3c31e04

        Ubuntu 22.04.2 LTS
        GNOME 42.5
        Wayland

        Screenshot from 2023-05-31 09-30-02.png

        P Offline
        P Offline
        petero3
        wrote on 2 Jun 2023, 09:40 last edited by
        #3

        @petero3
        README.txt
        Known Issues in Qt Design Studio 4.1

        • Effects not supported with Qt 6: Blend, InnerShadow, and all blur effects besides FastBlur (GaussianBlur, MaskedBlur, RecursiveBlur, DirectionalBlur, RadialBlur, ZoomBlur).
        1 Reply Last reply
        0
        • P petero3
          31 May 2023, 08:45

          Trying to preview blur or glow effects in Design mode of Qt Creator.
          MultiEffect blur works when actually running the app, but in Design mode, I get the warning triangles: "module "QtQuick.Effects" is not installed" and "Item could not be created." And the effect is not visible.

          Is MultiEffect not supported in Design mode?
          If not, which blur/glow effects are supported in Design mode?

          https://doc.qt.io/qt-6/qml-qtquick-effects-multieffect.html
          No caveat mentioned here?

          https://doc.qt.io/qtcreator/creator-quick-ui-forms.html
          This says that Shader Effect component is not supported in UI files. But doesn't explicitly mention MultiEffect? Or explain why? Or give workarounds/alternatives?

          import QtQuick
          import QtQuick.Window
          import QtQuick.Effects
          
          Window {
              width: 640
              height: 480
              visible: true
              title: qsTr("Hello World")   
          
              Item {
                  anchors.fill: parent
          
                  Rectangle {
                      id: myrect
                      anchors.centerIn: parent
                      width: 240
                      height: 240
                      color: "#ff0000"
                  }
          
                  MultiEffect {
                      source: myrect
                      anchors.fill: myrect
                      blurEnabled: true
                      blurMax: 64
                      blur: 1.0
                  }
              }
          }
          

          Thank you
          -- Peter

          Qt Creator 10.0.1
          Based on Qt 6.4.3 (GCC 10.3.1 20210422 (Red Hat 10.3.1-1), x86_64)
          Built on May 4 2023 01:14:39
          From revision d2b3c31e04

          Ubuntu 22.04.2 LTS
          GNOME 42.5
          Wayland

          Screenshot from 2023-05-31 09-30-02.png

          P Offline
          P Offline
          petero3
          wrote on 2 Jun 2023, 10:17 last edited by
          #4

          @petero3
          MultiEffect blur works in Qt Design Studio 4.1.0, but not Design mode of Qt Creator 10.0.1.

          1 Reply Last reply
          0

          4/4

          2 Jun 2023, 10:17

          • Login

          • Login or register to search.
          4 out of 4
          • First post
            4/4
            Last post
          0
          • Categories
          • Recent
          • Tags
          • Popular
          • Users
          • Groups
          • Search
          • Get Qt Extensions
          • Unsolved