Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. General and Desktop
  4. Create a blurry/transparent panel.
Forum Updated to NodeBB v4.3 + New Features

Create a blurry/transparent panel.

Scheduled Pinned Locked Moved General and Desktop
3 Posts 3 Posters 1.6k Views 1 Watching
  • 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.
  • D Offline
    D Offline
    deadbird
    wrote on last edited by
    #1

    Hi everyone.

    I'm searching for a way to create something as close as possible of this:
    !http://jeanphilippedescamps.fr/wp-content/uploads/2013/07/ios7.controlcenter.jpg(test)!

    I found a method for which I wrote an article on my website (http://deadbird.fr/?p=800 , the source is available at the end of the post), but I have to admin that the result is far from perfect! Basically, it's a transparent frameless window that contains a QGraphicScene. I take a snapshot of what's under the window and display it within the QGraphicScene. Then, I apply a QGraphicsBlurEffect.

    The result is not perfect because the whole process takes a lot of time, so the blur effect is really kinda crappy:
    !http://i1.wp.com/deadbird.fr/wp-content/uploads/2013/11/shot5.png?resize=300,224(test)!

    It's even worse the I try to move the window, the effect leave blurry trails.

    So I'm trying to find a better way, but nothing comes to mind :(

    Has someone got an idea?

    1 Reply Last reply
    0
    • M Offline
      M Offline
      MuldeR
      wrote on last edited by
      #2

      What system are you on?

      If you are on Windows (Vista or 7), you could use the "sheet of glass" effect:
      http://goo.gl/NarSyy

      !http://www.codeproject.com/KB/vista/textonglass/textonglass_8.png(sheet of glass)!

      !https://camo.githubusercontent.com/0365f273ca5f473fbc3832cd2ea4519795476984/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3437303539302f323030343932382f34346665643563302d383663392d313165332d393235332d3963316439316165393634392e706e67(lamexp splash screen)!

      __

      Apart from that, the "blur" effect in the lower part of your first screenshot looks like a very simple (and rather strong) Gaussian Blur to me...

      My OpenSource software at: http://muldersoft.com/

      Qt v4.8.6 MSVC 2013, static/shared: http://goo.gl/BXqhrS

      Go visit the coop: http://youtu.be/Jay...

      1 Reply Last reply
      0
      • A Offline
        A Offline
        andre
        wrote on last edited by
        #3

        Some Qt code on how to do that is "here":http://nicug.blogspot.nl/2011/03/qt-windows-7-extend-frame-into-client.html

        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