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 TForm as a form ancestor in Fluent Design applications. The Fluent Design form is designed to use the Accordion or Hamburger Menu View in the NavBar control as the main application UI.
Fluent Design Application Template
The DevExpress VCL 23.2 Fluent Design Application template creates a new application project with a form derived from the TdxFluentDesignForm class. The template automatically adds the DevExpress Manifest required to use the layout control as a container in Fluent Design applications.
To create a new Fluent Design application, click File | New → Other… in the main menu of your RAD Studio IDE. Then, select the DevExpress VCL 23.2 Fluent Design Application template.
The newly created 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 resulting base Fluent Design application applies acrylic and reveal highlight effects to a Hamburger Menu under Microsoft Windows® 10 Version 1803 (build 17064) or a newer operating system. Only the TdxNavBar control supports background acrylic effects. Embed all other controls into the TdxLayoutControl component to avoid any display issues related to Fluent Design effects.
Main API Members
The list below outlines key members of the TdxFluentDesignForm class that allow you to configure a DPI-aware application form.
- Embed a navigation control into the Fluent Design form (NavigationControl).
- Specify if an associated navigation control overlaps the form caption bar (ExtendNavigationControlToCaption).
- Enable or disable acrylic effects for all supported controls (EnableAcrylicEffects).
- Switch between effects applied to the form background (BackgroundBlur).
- Change how an application UI responds to form resize operations (AdaptiveLayoutOptions).
- Hide or display the form (Visible, Hide, and Show).
- Display the form as a modal dialog (ShowModal).
- Disable or enable DPI awareness (Scaled).
- Specify form dimensions (Width and Height).
- Change the form’s caption (Caption).
- Adjust client height and width (ClientHeight and ClientWidth).
- Specify the base DPI value for scale factor calculations (PixelsPerInch).
- Scale the form and its components (ScaleForPPI, ScaleBy, and ChangeScale).
- Apply the form scale factor to custom UI elements (ScaleFactor).
- Respond to form DPI changes (ScaleFactorChanged).
Ribbon and Sidebar UI
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.
Limitations
- Fluent Design effects are available only if an application runs under Microsoft Windows® 10 Version 1803 (build 17064) or a newer operating system.
- Only the TdxNavBar control supports background acrylic effects.
- Place all other controls on a TdxLayoutControl to avoid possible rendering issues related to Fluent Design effects.