TdxFluentDesignForm Class
A Fluent Design application form.
Declaration
TdxFluentDesignForm = class(
TdxCustomFluentDesignForm,
IdxFluentDesignForm,
IcxLookAndFeelNotificationListener
)Remarks
The Fluent Design concept is created by Microsoft and released with the “Fall Creators Update” for Windows 10. Fluent Design applications combine UI layout adaptability with complex lighting, transparency, and transition effects.
The TdxFluentDesignForm class substitutes the TForm class as a form ancestor in Fluent Design applications. The Fluent Design form is designed to use the NavBar control’s Accordion or Hamburger Menu as the main application UI.
The DevExpress VCL 22.1 Fluent Design Application template creates a new application project with a form derived from the TdxFluentDesignForm class. The new form already has a configured TdxSkinController component and an embedded TdxNavBar control with the active Hamburger Menu view.
A TdxLayoutControl component occupies the rest of the form to host other controls and components in your application. The template automatically adds DevExpress Manifest required to use the layout control as a container in Fluent Design applications. Click the Click File | New → Other… item in the IDE’s main menu to invoke the New Items dialog. Then, select the DevExpress VCL 22.1 Fluent Design Application template.
The resulting base Fluent Design application applies acrylic and reveal highlight effects to the Hamburger Menu under Microsoft Windows® 10 Version 1803 (build 17064) or a newer operating system. Only the TdxNavBar control supports an acrylic form background. Embed all other controls into the TdxLayoutControl component to avoid any display issues related to Fluent Design effects.
The TdxFluentDesignForm class extends its ancestor with the ExtendNavigationControlToCaption property that allows you to specify if an associated NavBar control overlaps the form’s caption bar.
Note
If you need to use a Ribbon UI in addition to an Accordion or Hamburger Menu, use the Ribbon form instead. This form can embed both TdxRibbon and TdxNavBar controls and supports Fluent Design effects for the latter.