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. How do I go about creating a Ribbon component in QT?
QtWS25 Last Chance

How do I go about creating a Ribbon component in QT?

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
qmlpyside2qtquick2qt5
1 Posts 1 Posters 784 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.
  • R Offline
    R Offline
    Raj97
    wrote on 1 May 2020, 09:54 last edited by
    #1

    A Ribbon is the following component:

    1.png

    I would like to build the component using QtQuick (QML) and PySide2 as backend.

    Current Solutions I have taught:
    I know I can build the buttons using a Tab Bar, i.e:
    Capture1.PNG

    I can create three different delegates for the three different types of button:
    Delegate 1:
    D1.png

    Delegate 2:
    D2 - Copy.png

    Delegate 3:
    D2.png

    And change them by specifying as a type in the model.

    But how do I put them together?
    I have taught about:
    • ListView can have only one orientation, so I am not able to build it using that.
    • Grid View, but it also has the same problem of one orientation possible.

    Can someone please give me an idea of how can I build the ribbon component?
    How should the model be specified?

    How Can I add the button group at the bottom, i.e: ?

    L.png

    (It should automatically expand as per number of buttons in the group.)

    1 Reply Last reply
    0

    1/1

    1 May 2020, 09:54

    • Login

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