QtitanNavigationDesignUI implementation of Navigation Design and Fluent Design UI concept for Digia Qt.C++

QtitanNavigationDesignUI Overview

Component provides the following parts:

• Window Title Bar Customization

  Component provide a solution to customize Window Title Bar. You can control the size of the non-client frame, the background color, system buttons and other elements. It became possible to add the Back button to the title bar instead of the system menu button. Special mode allows place the title bar directly on the window client area. There is a possibility to add a custom QWidget and in general fully managed rendering title bar through QStyle and the corresponding primitives that are responsible for rendering the title bar like QStyle::SC_TitleBarSysMenu, QStyle::SC_TitleBarCloseButton and etc.

  

• Acrylic Material

  Component allow you to create special widgets that represent Acrylic material in order to give the application visually great depth and volume. You can control the tint color of the material and the level of the opacity. Material widget supports two modes. The first mode reveals the background of the desktop and other window behind the application are partially transparent and blurred. The second mode reveals the other QWidgets are translucent and blurred behind the material widget inside the application. See screenshot for the detail:

  

  Under Windows 10 or MacOSX, component uses the native API to blend the material brush with the blurred background of the desktop.

• Navigation View

  NavigationView it's a widget usually the main widget on the window that provides a collapsible navigation menu (hamburger menu) and a navigation frame. Widget automatically adapts own view layout to different window sizes.

  

• Navigation Bar (Command Bar)

  With the new navigation bar, it's easier and faster to find the information you need. It is located at the top of the main window of the application by analogy with QMenuBar. It may contain a number of navigation buttons with the icons or any widgets (QWidget).

  

• Set of Classes for Navigation App

  A number of classes to allow you quickly and inexpensively create applications supporting the Navigation Design concept and provide convenient navigation between application pages.

  NavigationFrame The widget provides a switch between the pages and supports a history of hits that can be associated with the "Back" button on the title bar. Several animation modes are possible when switching.

  NavigationMainMenu Together with NavigationBackstageMenu it is a new vertically stacked navigation structure. NavigationMainMenu contains a set of global tiles which can be associated with a subordinate low-level menu or just be associated with any user action (works like a simple button).

  NavigationBackstageMenu Is a single drop down panel that arranges items in categories. NavigationBackstageMenu may be subject to NavigationMainMenu's item or subordinate to the button located on the navigation bar. The component allows you to share the single menu with tile and button at the same time.

  NavigationSidePane Auxiliary popup panel which is normally used to display help information. But you can use other subsidiary objectives, for example to display the application settings. The panel is shown smoothly on the side of the main application window.

• Set of predefined Themes

  Component offers to personalize the colour scheme using a theme options. You can change the colour of navigation bar, main menu background, backstage menu background, caption color, item default color, link color. In addition, the component options have several predefined colour themes to quickly choose.

  Navigation UI Light Blue Theme

  

  Navigation UI Red Theme

  

• Recently Viewed Items

  Nice feature of QtitanNavigationDesignUI is the Recently Viewed Items engine. With this tool, you can access recently viewed actions that associate with records, views, and dashboards of application. Users can pin frequently accessed navigation actions and views and click this button to bring up the list which also features recently viewed items. (Under development)

QtitanNavigationDesignUI implementation details

The component is designed in 100% native Qt/C++ and does not use external borrowings and third-party libraries. However, there are portions of code that are implemented on each platform in different ways. This is done because of some features of Qt, as well as by reason of improve rendering performance.

QtitanNavigationDesignUI supports - Qt5.x 32-bit or 64-bit. Qt4.8 can be supported by the request.

Integration with Qt Designer

QtitanNavigation component has a convenient integration with Qt Designer. This allows you to manage location of the Navigation UI on the form in the design time. Navigation UI designer plug-in supports both QtDesigner and QtCreator. Additionally component contains a application wizard template for QtCreator.