Quiet Docking System 安静对接系统

Features:

•  Dynamic docking system with save and load capabilities
• Quick building of a multi-level main menu
• Sidebar panels
• Dynamic toolbar panels with multimode items
• Global design themes for the widget tree.
• Debug tools

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:

•  Before starting work, you must carefully study the manual and strictly follow the order of placing widgets in the tree. Use debug functions.
• In this version, you cannot edit the appearance of separate elements. Design Themes apply to the entire hierarchy.
• Sample content widgets such as the World Outliner are just demos of a future collection of tools that I will post on the Marketplace later.
• Try not to move structures in the project. It can cause errors that are difficult to resolve.

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

特征:

•  具有保存和加载功能的动态对接系统
• 快速构建多级主菜单
• 侧边栏面板
• 带有多模项的动态工具栏面板
• 控件树的全局设计主题。
• 调试工具

蓝图数目:27

结构数目:20

枚举数:6

小部件蓝图数量：72

材料数量:18

材质实例数：43

纹理数量:185

网络复制：没有

支持的开发平台:

Windows：是的

Mac：是的

文件: 连结

重要/附加注意事项:

•  在开始工作之前，您必须仔细研究手册，并严格遵循在树中放置小部件的顺序。 使用调试函数。
• 在此版本中，您无法编辑单独元素的外观。 设计主题适用于整个层次结构。
• 示例内容小部件（如World Outliner）只是我稍后将在Marketplace上发布的未来工具集合的演示。
• 尽量不要在项目中移动结构。 它可能会导致难以解决的错误。

由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

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.

Working with system

Example

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:

• Slot_Titlebar – Titlebar. You can also fill it with any other widget or leave it empty. Independent slot.
• Slot_MainMenu – Main Menu Root. The developer can build a hierarchy of this area either directly in the main widget or in a separate widget. There is an example in the Examples folder. Independent slot.
• Slot_ToolbarTop – Toolbar Container. Independent slot.
• Slot_ToolbarLeft – Toolbar Container. Independent slot.
• Slot_SidebarLeft – Sidebar. It is related to Slot_DockingSystem. The user will not be able to collapse Docker Tab to Sidebar if this slot is not empty or filled with something other than Sidebar.
• Slot_DockingSystem – Grid Panel. It is the main slot of the system. Dockers and Docker Tabs of any nesting level can be placed here. They can be freely moved around the screen and create configurations of any complexity. The main viewport is also placed in this area. The slot is related to Slot_SidebarLeft, Slot_SidebarRight.
• Slot_SidebarRight – Sidebar.
• Slot_SidebarLeft – Sidebar. It is related to Slot_DockingSystem. The user will not be able to collapse Docker Tab to Sidebar if this slot is not empty or filled with something other than Sidebar.
• Slot_ToolbarRight – Toolbar Container. Independent slot.
• Slot_Statusbar – Statusbar. It is related to floating windows. Each floating window contains control buttons, and the Minimize button collapses the window to the Statusbar. This button will not be active if the Statusbar is not built.

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

• In the current version of the product, it is not possible to set a theme for individual elements of the tree. I will add this feature in future versions.
• Because the main viewport adjusts to the size of the Docking Viewport, some post-process effects may not work correctly. A developer can fix this by combining the viewport fit and effects in united post-process material.
• Themes are based on structures. If the developer edits any structures or moves them, this may cause errors. It is a known issue with Unreal Engine.
• It is essential to understand that the system is just an emulation. Windows, Tabs, Dockers, and other elements are User Widgets created within a single app window.

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.

安静对接系统 是一组相关的小部件，允许您快速构建经典的桌面应用程序用户界面。 所有这些小部件都收集在一个组中 小部件设计师>帕莱特>安静的对接块，开发人员只需用它们构建一个小部件树。 屏幕空间被预先标记为逻辑区域，因此用户几乎没有时间花在标记上。 该系统已经准备了开发人员可以在任何工作阶段应用的设计主题。 此外，开发人员可以独立创建新主题并编辑现有主题。

使用系统

例子：

标记,标记

屏幕分为九个逻辑区域。 浮动窗口 被放置在它们上面。 以下是从上到下和从左到右这些区域的列表，指示应该放置在其中的小部件:

• [医]斜条 – 标题栏。 您也可以用任何其他小部件填充它或将其留空。 独立插槽.
• [医]门努 – 主菜单根. 开发人员可以直接在主窗口小部件中或在单独的窗口小部件中构建此区域的层次结构。 Examples文件夹中有一个示例。 独立插槽.
• Slot_ToolbarTop – 工具栏容器. 独立插槽.
• Slot_ToolbarLeft – 工具栏容器. 独立插槽.
• Slot_SidebarLeft – 侧边栏. 它与 Slot_dockings系统. 用户将无法崩溃 码头工人标签 到 侧边栏 如果这个插槽不是空的，或者填充了其他的东西。 侧边栏.
• Slot_dockings系统 – 网格面板. 它是系统的主插槽。 码头工人 和 码头工人标签 任何嵌套级别都可以放在这里。 它们可以在屏幕上自由移动，并创建任何复杂的配置。 主视口也放置在该区域中。 槽与 Slot_SidebarLeft，Slot_SidebarRight.
• N.狭缝,狭缝 – 侧边栏.
• Slot_SidebarLeft – 侧边栏. 它与 Slot_dockings系统. 用户将无法崩溃 码头工人标签 到 侧边栏 如果这个插槽不是空的，或者装满了其他的东西。 侧边栏.
• N.狭缝,狭缝 – 工具栏容器. 独立插槽.
• Slot_Statusbar – 状态,状态. 它与 浮动窗口. 每个 浮动窗口 包含控制按钮，以及 最小化 按钮将窗口折叠到 状态,状态. 如果 状态,状态 不是建造的。

主要特点

该产品的主要特点是动态 对接系统. 它占据了屏幕的主要部分，其根是原生的 网格面板. 该 网格面板 必须包含一个 对接视口 以正常工作。 它是一个包含应用视口的小部件。 所有其他元素都放在它周围。 默认情况下，视口使用后处理适合小部件的大小。 例如，如果使用光标坐标函数跟踪世界中的actor，则需要使用库中的屏幕坐标反变换函数 （QuietDockingSystem>蓝图>QuietDockingFLibrary）. 您可以在主题设置中禁用此配件。 对接视口在下一版本的产品中将是可选的。 码头系统 和 侧边栏 布局可以在运行时保存和加载。

另一个聪明的特点是 工具栏. 开发人员可以创建无限数量的工具栏，并将它们放置在所需的顺序运行时。 小部件集包含一个多功能 工具栏项 可以在四种模式下运行的小部件: 按钮，检查按钮，Radiobutton和Drag’N’Drop.

几乎所有的小部件都继承自 对接基础小部件. 所以树有一个共同的设计主题。 每个后代都包含一个被复盖的 N.应用,应用 将根小部件中选择的主题应用于整个树的函数。

限制

• 在当前版本的产品中，无法为树的各个元素设置主题。 我将在未来的版本中添加此功能。
• 因为主视口调整到 对接视口，某些后处理效果可能无法正常工作。 开发人员可以通过结合后处理材质中的视口拟合和效果来解决此问题。
• 主题基于结构。 如果开发人员编辑任何结构或移动它们，这可能会导致错误。 这是虚幻引擎的一个已知问题。
• 了解系统只是一个仿真是很重要的。 窗口、标签、码头和其他元素是 用户小部件 在单个应用程序窗口中创建。

安静工具演示

我用了我的小部件。 安静的工具 内容的示例中的集合。 这个集合目前正在开发中，但是像 世界大纲 或 变换小玩意 已经是可测试的，所以我把它们作为例子来获得用户的反馈。

结论

我将开发和改进这个产品。 因此，如果您有任何意见或建议，写信给我。

使用本产品前请务必阅读说明书。 我将扩展它，添加新的细节，并展示如何解决问题和微调系统。