|
|
|
QRibbon
|
|
|
|
QRibbon allows you to add the famous Ribbon to your application. Because the QRibbon uses QComposite to display
it's layout, you can fully customize the layout of the Ribbon.
QRibbon goes together with QRibbonApplicationMenu, QRibbonForm, QRibbonCaption, QRibbonLaunchBar, QRibbonLaunchBarHost
and all the QComposite items to complete your requested layout.
|
|
|
|
|
|
|
|
|
Some default QRibbon layout and behavior...
|
|
|
|
|
|
|
|
|
|
|
|
|
Lets customize some parts...
|
|
|
|
In the samples above you have seen the default implementation of QRibbon. Now we are going to show you
that it is fully configurable and shapeable (like every QComposite control). In the sample below we started with the sample above, and changed the following:
- Changed the order of the elements on the QRibbonCaption. First the Icon, then the title left-aligned, then the QRibbonLaunchBar right-aligned and then the caption-buttons.
- Changed the shape of the QRibbonLaunchBar on the QRibbonCaption and changed how the gradient is painted.
- Changed the shapes of the three QRibbonPanels so that they just look cool.
- Changed the layout-order and gradient of the middle (Font) QRibbonPanel, now the caption is drawn above the items.
- Changed the gradient of the caption on the left and right QRibbonPanel.
- Changed the shape and gradient of the middle (Font) QRibbonPanel, now the caption is drawn above the items.
- Changed the shape of the Font QInputBox so it matches QRibbonPanel shape.
- Changed the shape of right item on the Font QRibbonpanel so it matches QRibbonPanel shape.
- Changed the shape of the lower QRibbonLaunchBarHost and aligned it in the middle.
|
|
|
|
|
|
|
|
|
Lets show some colors...
|
|
|
|
Every control of Qios.DevSuite has an extensive list of colors for every possible theme.
Here we show what the result is...
|
|
|
|
|
|
|
|
|
QRibbon with QShape in Design
|
|
|
|
|
|
|
|
|
|
|
|
|
|