French style beams option

[XiaoMigros]

This PR adds a style option to draw stems up to the first beam rather than the top beam, where suited

• I signed the CLA
• The title of the PR describes the problem it addresses
• Each commit's message describes its purpose and effects, and references the issue it resolves
• If changes are extensive, there is a sequence of easily reviewable commits
• The code in the PR follows the coding rules
• There are no unnecessary changes
• The code compiles and runs on my machine, preferably after each commit individually
• I created a unit test or vtest to verify the changes I made (if applicable)

[its-not-nice]

Just a couple of problem situations:

Something odd with tuplets (though, strangely, not with non-tuplets):

[bkunda]

This is a lovely addition.
From my POV, the only thing that probably needs rethinking is the UX/UI. My preference would be for a more visual toggle (2 buttons, à-la the "Beam distance" buttons, or even the "Ties" buttons), instead of the current checkbox.

This will require the briefest bit of design work. @avvvvve do you have capacity at the moment to tackle this?

[XiaoMigros]

I can take care of it if desired, except for the icons and their font.

[avvvvve]

@XiaoMigros Thanks! I know @oktophonie already passed off the Figma link, but I'm posting a design screenshot here too for reference.

[bkunda]

I love this.
Thanks @XiaoMigros. Good to go from my end!

[cbjeukendrup]

This line too

[XiaoMigros]

This is needed here to calculate the positon of the Rectangle relative to the text, bottomPadding and topPadding include label height.

[cbjeukendrup]

But I really don't get why it is calculated like this. Don't you mean

Suggested change

	height: parent.height - root.topPadding + root.bottomPadding
	height: parent.height - (root.topPadding + root.bottomPadding)

?

In that case you can also use

Suggested change

	height: parent.height - root.topPadding + root.bottomPadding
	height: root.availableHeight

, right?

[cbjeukendrup]

Okay I see now that you got it from https://doc.qt.io/qt-5/qtquickcontrols2-customize.html#customizing-groupbox. So either that tutorial is weird or I just don't get it. Anyway, if it works, it works.

[Jojo-Schmitz]

Is this going into 4.3.0 too?

[cbjeukendrup]

No, it's currently scheduled for 4.4