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. [Solved] GUI design question
Forum Update on Monday, May 27th 2025

[Solved] GUI design question

Scheduled Pinned Locked Moved General and Desktop
3 Posts 2 Posters 1.8k 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.
  • McLionM Offline
    McLionM Offline
    McLion
    wrote on last edited by
    #1

    Hi

    I am new to Qt and need to create a very simple Demo GUI for a touchscreen.
    There are only about 5 buttons with transparent png's that call functions (videos) and when one is touched then the GUI should disappear until the screen is touched again to show another (1 - stop) button and if touched returning to the base screen with the 5 buttons waiting for another action.
    In addition, there is one location where various transparent png's depending on other events should show and disappear.
    The rest of the screen is transparent, so the button interface is looking like an overly over the video.

    Since I am really new to GUI design with Qt, I have no clue what would be the way to go.
    I am looking forward for any hint.
    Thanks, McLion

    1 Reply Last reply
    0
    • X Offline
      X Offline
      xcoder
      wrote on last edited by
      #2

      For touchscreen applications best way would be to go with QML, just start reading beginners tutorial about QML and experiment with it. It's pretty easy to learn the basics in couple of days.

      After you get your buttons working, check out Phonon / media plugin, something like that for your video feed.

      these should get you started, and you can always Google for more stuff:

      http://qt-project.org/doc/qt-4.8/qml-tutorial.html
      http://doc.qt.digia.com/4.7-snapshot/qdeclarativeexamples.html
      http://doc.qt.digia.com/4.7-snapshot/tutorials.html

      Only a biker knows why a dog sticks his head out of a car window.

      1 Reply Last reply
      0
      • McLionM Offline
        McLionM Offline
        McLion
        wrote on last edited by
        #3

        I was reading most of it and tried to do some things.
        I have the main Rectangle id:page in the size of my screen of 1280x800. In there I can place images with a MouseArea on it to act like a button (or can i place an transparent png on a button as well?). In addition to the MouseArea of the buttons, all of the transparent screen (1280x800) needs to have a MouseArea as well to activate/show the buttons as overlay which are normally hidden.

        What I could not figure out is how to set the main page rectangle to really be transparent (equal to translucent: setAttribute(Qt::WA_TranslucentBackground); when working in Widget mode).
        How can I do that in a QtQuick / QML?

        In addition .. could it be that 4.6.3 does not support QtQuick/QML?
        I must use it on 4.6.3 on embeddedLinux in the end.

        Thanks
        Franz

        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