0

First of all, I'm fairly new with Qt and Qt Creator so go easy if this is a stupid question.

I was practicing using Qt Creator, playing around with css styles. In particular, I'm trying to get the menubar and its menus to look something like this (on Windows): https://i.stack.imgur.com/9lMnQ.png.

However, the closest I've been able to get so far is this: https://i.stack.imgur.com/5Nlen.png.

I've searched online to see if anyone has tried something like this but I wasn't able to find anything.

The only possible solution I can think of is if the menubar item (with no bottom border) could be rendered in above the menu, so that they overlap, covering its top border over the width that they overlap.

If that won't work or is impossible or whatever please do suggest any other solutions/workarounds/hacks.

Thanks in advance!

YmFzZTY0
  • 109
  • 1
  • 9
  • When you move your window to the monitor egde the menu position will be changed. For example, it can be opened to the top of the menu bar item if it can be fit in monitor. How will you deal with this? – Ezee Oct 01 '14 at 08:57

1 Answers1

0

I think that the only good solution is to avoid any tricks and create a new widget:

  • Create a new class inherited from QWidget with Qt::Popup attribute.
  • Place a QMenu into a layout of the widget.
  • Get a position of QMenuBar item which is clicked using QMenuBar::getActionGeometry.
  • Calculate position of the widget and of the tab in the widget to be placed over the menubar item.
  • Customize form of the widget using QWidget::setMask to make it look like a rectangle with a tab.
  • Show your widget instead of QMenu.
Ezee
  • 4,214
  • 1
  • 14
  • 29