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. Whats the QT way of creating this UI element?
Forum Updated to NodeBB v4.3 + New Features

Whats the QT way of creating this UI element?

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
2 Posts 2 Posters 193 Views 2 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.
  • E Offline
    E Offline
    eragon
    wrote on last edited by
    #1

    I'm trying to create the below UI element in QT (C++, QML, Quick Widgets 2) for desktops. Whats the QT way of creating this widget? For example, should I just cut the image up into sections or should I graphically recreate it using boxes and lines? If I use images will the UI be scalable and look correct across different screen dimensions?

    I'm looking for the correct/industry standard way that others create this UI using QT.

    Here's the image of the UI element: https://imgur.com/a/PgWzpxL

    alt text

    1 Reply Last reply
    0
    • jeremy_kJ Offline
      jeremy_kJ Offline
      jeremy_k
      wrote on last edited by
      #2

      Depending on how it needs to scale, BorderImage might work. Other options include using an Image with an SVG source, a Canvas, implementing a C++ QQuickItem using the scene graph, etc. There is no one true Qt way, but rather a range of options that are better or worse suited to different requirements.

      Asking a question about code? http://eel.is/iso-c++/testcase/

      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