Description
Quiet Docking System is a set of related widgets that allows you to construct a classic desktop app user interface quickly. All these widgets are collected in one group in Widget Designer > Pallette > Quiet Docking Blocks, and the developer simply builds a widget tree with them. The screen space is pre-marked into logical areas, so the user spends almost no time on markup. The system has prepared design themes that a developer can apply at any working stage. Also, the developer can independently create new themes and edit existing ones.
Markup
The screen is divided into nine logical areas. Floating windows are placed over them. The following is a listing of these areas from top to bottom and from left to right, indicating the widgets that should be placed in them:
Main Feature
The main feature of the product is the dynamic Docking System. It occupies the main part of the screen, and its root is the native Grid Panel. The Grid Panel must contain a Docking Viewport to work correctly. It is a widget that contains the app viewport. All other elements are placed around it. By default, the viewport is fitted to the widget’s size using a post-process. If you are using the cursor coordinate functions, for example, to trace actors in the world, you need to use the screen coordinates inverse transformation functions from the library (QuietDockingSystem > Blueprints > QuietDockingFLibrary). You can disable this fitting in the theme settings. The Docking Viewport will be optional in the next version of the product. DockingSystem and Sidebar layouts can be saved and loaded runtime.
Another smart feature is Toolbars. The developer can create an unlimited number of toolbars and place them in the desired order runtime. The widget set contains a multifunctional Toolbar Item widget that can operate in four modes: Button, Check button, Radiobutton, and Drag’n’Drop.
Almost all widgets are inherited from Docking Base Widget. So the tree has a common design theme. Each descendant contains an overridden ApplyTheme function that applies the theme selected in the root widget to the entire tree.
Limitations
Quiet Tools Demo
I used widgets from my Quiet Tools collection in the examples for content. This collection is currently in development, but tools like the World Outliner or Transform Gizmo are already testable, so I’ve included them as examples to get feedback from users.
Conclusion
I will develop and improve this product. Therefore, if you have any comments or suggestions, write to me.
Be sure to read the manual before using this product. I will expand it, adding new details and showing how you can solve issues and fine-tune the system.
Technical Details
Number of Blueprints: 27
Number of Structures: 20
Number of Enums: 6
Number of Widget Blueprints: 72
Number of Materials: 18
Number of Material Instances: 43
Number of Textures: 185
Network Replicated: No
Supported Development Platforms:
Windows: Yes
Mac: Yes
Documentation: Link
Important/Additional Notes:
Example icons designed by the following authors from Flaticon:
https://www.flaticon.com/ru/authors/andrean-prabowo
https://www.flaticon.com/ru/authors/Design-Circle
https://www.flaticon.com/ru/authors/Eucalyp
https://www.flaticon.com/ru/authors/IconGeek26
https://www.flaticon.com/ru/authors/Pixel-Perfect
Supported Engine Versions
5.0 – 5.3
