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. Ripple effect on material style
Forum Update on Monday, May 27th 2025

Ripple effect on material style

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
qml c++ripplelinuxqt quick
3 Posts 2 Posters 731 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.
  • Q Offline
    Q Offline
    Qyru
    wrote on last edited by
    #1

    Hi everyone, I tried to find some fixes on a lot of forum but I don't have answer yet.
    I'm still new to Qt Quick so I could have missed some obvious things.

    I have a QT Quick application on a embedded Linux which use v5.14.2.
    I often run the application on window cause it's easier sometimes with MinGW v5.15.2.
    I run Qt Quick 2.6 and Qt Controls 2.5 in the application.

    The application is using the material style from qt quick and I have one problem, the ripple effect on some control like a tab bar or a slider, is acting differently beetween the 2 platforms.

    On windows it's working fine like the ripple appear in the center of the object as it should be, but on linux the ripple is going at the top right of the application and I can't figure out why.

    If someone have an explanation or maybe a solution to somehow get ride of this ripple effect with the material style, I would love to hear it !

    Thank you all for your time :)

    1 Reply Last reply
    0
    • Q Offline
      Q Offline
      Qyru
      wrote on last edited by
      #2

      To be more specific, I have a simple tab bar in a applicationWindow like this :

      ApplicationWindow{
      id:root
      width: 800
      height: 480
      visible: true
      title: qsTr("Test")
      
      
      SwipeView {
          id: swipeView
          anchors.fill: parent
          currentIndex: tabBar.currentIndex
      
          PageAccueil {}
      
          PagePcl {}
      
          Page3Form {}
      
      }
      
      footer: TabBar {
          id: tabBar
          Material.accent: "#ff9b22"
          height: 40
          currentIndex: swipeView.currentIndex
      
          TabButton {
              text: qsTr("Page 1")
          }
          TabButton {
              text: qsTr("Page 2")
          }
          TabButton {
              text: qsTr("Page 3")
          }
      }
      }
      

      Here in window, when I click on the footer , the ripple is inside the tab button I clicked on, as it should be. But on linux like I said before the ripple effect is going at the top right of the application.

      1 Reply Last reply
      0
      • N Offline
        N Offline
        NeerajUsadadiya
        wrote on last edited by
        #3

        I am also facing the same issue. Have you found any solution for this?

        1 Reply Last reply
        0

        • Login

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