Floating Mini Toolbar for editing different elements
I have an idea about making editing common properties of an element faster by using a floating mini toolbar similar to Microsoft Office 2010. The good things of using this kind of floating toolbar are:
- For people using large monitors, they don't need to move their heads to the far left/right hand side of their monitor to use the inspector panel;
- Reducing the need to move the cursor to the far left/right hand side of the monitor to use the inspector panel every time they select a different element;
- Since the floating toolbar only appears when the element is selected, it won't obstruct the main UI view (like the inspector panel being pulled out as a window from the side of the monitor) when doing other actions like composing. When you click somewhere outside the floating toolbar, the floating toolbar disappears and will reappear when you select that element again.
In order to visualise my idea I have made 5 MOCKUP images, and I have used a selected barline for my mockup images. Though I didn't say that we should directly copy the ones in Microsoft Office, something similar would have make editing properties quicker and more efficient. If you want to edit other properties that are not displayed in the floating menu, then you go to the inspector panel.
These composited mockup images are being made by using the following resources:
Background MuseScore UI, the colour palette and the barline palette: Cropped Screenshots
Main parts of floating toolbar: Shapes and Textboxes from PowerPoint
Mockup 1: My idea of floating toolbar inspired from Microsoft Office. It appears when the barline is selected.
Mockup 2: The floating toolbar when the barline is being right-clicked. The context menu also appears.
Mockup 3: Barline gallery: different types of barlines previewed like in the palette.
Mockup 4: Colour palette: the original MuseScore colour palette fitted into a dropdown menu.
Mockup 5: Some common properties are grouped into this dropdown menu, although more than one group of dropdowns can be put into the floating menu depending what elements you have selected.
What do you think?